干货:让你全方位学习成为一名交互设计师(1.6万字诚意之作)-下篇

接上篇《让你全方位学习成为一名交互设计师(1.6万字诚意之作)-上篇

5.交互设计常见案例分析

交互设计日常需要注意积累案例,并从案例中学习总结,只有案例积累得越多,才能形成质变。本章只是简单示意一下交互可以从哪些案例入手。

5.1导航

导航包括:左侧导航、顶部导航、面包屑导航、电梯导航、搜索等。






5.2流程

常见一个完整功能流程



5.3表单

表单包括表单的展示、输入以及数据校验。




5.4反馈

有反馈的才是交互,什么时候用轻反馈,什么时候用重反馈?


5.5场景

离开场景来谈交互,都是耍流氓。



6.交互设计规范及趋势

6.1栅格规范

首先,我们要明确一个观念:交互设计师和视觉设计师是密切配合的,所以交互设计师也需要学习一些视觉设计的知识,以免双方沟通出现问题。栅格化就是视觉设计中的比较基本有用的知识,至少可以规范交互设计师画的原型,没有超过视觉设计师所能承受的“界限”。

我们在设计中常用的是:网页栅格系统,百度百科给出的解释是“以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。对于网页设计来说,栅格系统的使用,不仅可以让网页的信息呈现更加美观易读,更具可用性。而且,对于前端开发来说,网页将更加的灵活与规范。”

栅格系统详细的应用,可以看这篇文章腾讯高手教你靠谱的布局设定方法,介绍得十分详细,本文不再累述。

这里只简单总结一下学习栅格规范对交互设计的意义:

(1)和视觉设计师一起,达成页面宽度的共识,而不是超出视觉设计的“边界”;

(2)在交互设计时,用栅格化规范模块的布局,整齐的分为N栏,让原型变得更美观;

(3)合理利用栅格,产出“黄金比例”的效果图,例如制作简历或者作品集。


6.2平台设计规范

交互设计师必须掌握的知识点,也是面试必考题:平台设计规范。因为,我们所有的设计,几乎都是基于这些平台来进行设计。

但要注意,不要过度在意平台的设计规范,有一些规范也有自相矛盾的地方,举例摘自:崇书庆发表于妖鹿山设计屯的《【交互小零食】- Ser.02》在iOS9规范中,“关于弹窗中的“推荐选项”应该放在左边还是右边,分了两种情况:如果推荐选项有破坏性,那么应该放在左边。如果没有破坏性,则应该放在右边。但到了iOS10的时候,却变成了推荐选项都应该放在右边。”

以下是一些交互设计师常见需要掌握的规范举例,详细规范需要自行去了解。

(1)IOS10设计规范

为IOS设备设计时必备,可参考站酷文章《设计资讯/资料:iOS10 GUI (附源文件下载)(翻译理论)

(2)Material Design

喜欢Andriod和Material Design风格的,不容错过,可参考站酷文章《设计资讯/资料:Material Design 设计规范(翻译理论)

(3)Window10 UWP

来自微软的UWP设计规范,参考官网《设计和UI

(4)微信小程序

新的热点,了解大平台是怎样做设计规范的。参考微信小程序官网给的规范《微信小程序设计指南


6.3设计趋势

作为一名优秀的交互设计师,当前的时尚流行元素,以及设计趋势,也是需要了解的,不要让自己的设计跟不上时代。

建议交互设计师了解两方面的设计趋势:交互设计趋势,以及视觉设计趋势。在年初或者年末的时候搜索最新的看即可。

2017年设计趋势文章推荐:

(1)交互设计趋势

人人都是产品经理,《2017年度交互设计趋势

(2)视觉设计趋势

优设网,《趋势丨8个你需要知道的2017年UI设计流行趋势

7.交互设计师进阶之路

7.1突破瓶颈

每个交互设计师通过努力都能成为高级交互设计师的水平,要想成为优秀的资深交互设计师或者业内有影响力的设计师还需要突破一个瓶颈。那么所谓的瓶颈期是指?这里可以参考《腾讯高级交互设计师:什么是优秀的设计思维与方法?》一文即可。

按照惯例,总结了一下需要突破瓶颈的3大必要条件:

(1)知识的积累达到一定的程度,一般是由量变转为质变

(2)有个人的设计方法体系

(3)长时间的经验积累,至少需要5年以上


7.2进修

交互设计师职位发展的时间不长,大多数的交互设计师都是基本靠自学成才,那么对于入门或者想要更近一步的交互设计师,有什么样的进修渠道推荐呢?

不建议报读培训班,不建议报读培训班,不建议报读培训班。重要的事情说3遍,报培训班不如自学。

推荐渠道一:进培训体系完善的公司,接收培训。

最直接最节省成本的方法,有老司机带领。前提是,我们要上一辆好的车。1-2年学成出师,比自己自学效率要快N倍,少走的弯路能绕地球一圈。


推荐渠道二:报读设计类学校。

刷资历首选,进入知名企业必备敲门砖头,系统的知识体系和方法论学习。缺点是学习周期长,成本高,同时,院校的可选择范围也很小。推荐院校:清华美院、江南大学、中山大学、广州美院。


7.3作品集

人靠衣装,交互设计师靠的是作品,好的交互设计师同样需要好的作品衬托。作品集也是交互设计师总结沉淀、自我提升的重要方法。

把自己的项目包装成一个个作品集,展示出来吧,在作品集里面回答如下问题(面试必考题):

(1)这个作品的亮点在哪里?解决了什么样的问题?

(2)这个作品存在什么样的不足?可以怎么改进?

(3)这个作品遇到了什么难点?最终是如何克服的?

(4)这个作品的设计过程是怎么样的?

(5)这个作品的最终成果如何?

大神们作品集推荐

Mike-https://www.behance.net/creativemints

Melanie Daveid-http://melaniedaveid.com

Jenny-http://www.jennyjohannesson.com

Qinsman-http://qinsman.com

Dine-http://dinehq.com

8.参考文献

8.1图书类

《交互设计沉思录》-Jon Kolko-机械工业出版社

《简约至上 : 交互式设计四策略》-Giles Colborne-人民邮电出版社

《设计师要懂心理学》-Susan Weinschenk-人民邮电出版社

《用户体验的要素 : 以用户为中心的Web设计》-Jesse James Garrett-机械工业出版社

《心理学与生活》-Richard J.Gerrig、Philip G.Zimbardo-人民邮电出版社

《社会心理学》-戴维·迈尔斯-人民邮电出版社

8.2网站类

人人都是产品经理

优设网

站酷网

英国设计协会

IDEO

知乎

36kr


写作不易,本文首发于简书平台,严禁一切商业性质的转载,转载前需联系本人取得授权,谢谢。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,126评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,254评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,445评论 0 341
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,185评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,178评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,970评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,276评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,927评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,400评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,883评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,997评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,646评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,213评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,204评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,423评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,423评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,722评论 2 345

推荐阅读更多精彩内容