交互设计师入门
打基础要从看书开始,如果连看书的耐心都没有,那就不适合做交互设计,因为交互设计是一个持续的慢慢打磨、精雕细作的耐心活。
一、设计思想:
1.基础入门:
don't make me think(彩色书,建议买纸质书看)
用户体验要素(黑白书,可以买电子书看)
写给大家看的设计书(彩色书,建议买纸质书看)
【这3本书中虽然多以pc举例,但设计思想是相通的】
2.进阶提升:
设计心理学(黑白书,可以买电子书看)
设计中的设计(黑白书,可以买电子书看)
about face4(黑白书,可以买电子书看)
【这3本书多以实体设计举例,可以开拓思路,延伸设计格局】
3.实例应用:
在你身边,为你设计1
在你身边,为你设计2
【这2本书是腾讯CDC blog精选,如果多年以来一直关注他们的blog,这2本书可以不看。如果没怎么关注他们的blog,推荐看看他们的这本书,可以快速跳坑】
4.关联知识:
配色设计原理(彩色书,建议买纸质书看,书中虽多以出版物举例,但是配色原理是相同的)
用户体验度量(彩色书,买电子书看黑白的也行,主要讲用户研究方面的)
【视觉和用研都是交互的辅助技能,多学习下,有利于你多方面思考问题,做出更合理的设计方案】
二、设计规范:
1.移动端系统官方设计规范:
iOS 10(human-interface-guidelines)
Android(material-design)
2.大公司交互设计规范:
蚂蚁金服PC设计规范
蚂蚁金服动效规范
蚂蚁金服移动端设计规范及组件代码
【设计规范可以让你快速了解组件应用的场景、禁忌】
三、大公司设计团队blog/微信公众号:
腾讯CDC
腾讯ISUX
腾讯MXD
京东JDC
滴滴CDX(用微信扫描左侧链接打开的图片,关注他们公众号)
阿里巴巴中国站UED
淘宝UED(用微信扫描左侧链接打开的图片,关注他们公众号)
【这几个公司的设计团队持续在更新,而且作为行业的领先者,会发布很多新设计、新技术的应用,供你开拓思路】
四、常用软件:
Axure(更适合PC端原型设计,动态面板用好的话,可以直接产出可用的网页)
Sketch(更适合移动端原型+UI一起设计,无法做交互动效)
demoo(更适合原型展示,无法做复杂的交互,不能添加交互说明)
【还有更多原型设计工具,不再一一列举。工具不在多而在精。任何一个软件都有优缺点,但精通其中一个,就能解决工作中大部分的需求了】
五、常用设计素材/资料:
优设(综合网站,各类信息都有,主要看别人的经验分享)
花瓣(图片网站,找各种截图的利器)
eput(高清实物图片库)
UI play、pttrns(这2个网站都是按照APP功能聚合的截图库(比如按照日历、启动页等),前者网速更快,后者截图更多)
在线几乎无损压缩图片
iconfont(小图标库)
H5页面营销活动库(以营销活动为主,可以学习最新的H5吊炸天动效)
H5可实现的动效库(有动效代码下载,可以甩给开发)
可视化图表用法(如果需要设计数据图表相关的(比如股票、基金软件)这个网站就非常好用)
【还有非常多的网站可供参考,以上仅是我工作中比较常用的,大家根据个人习惯使用即可。】
六、行业峰会:
ixdc(一般年中举行,每年产出的用户体验行业就业报告(唔。。。跳槽利器)非常值得一看)
uxpa(一般年底举行,每年会产出论文集,有精力可以了解下其中前瞻性的设计研究。当下设计、技术的应用,更推荐看大公司的ued blog)
【这2个峰会门票都很贵,如果公司报销/自己不差钱,推荐去参加。一方面学习下设计新趋势(主题峰会/嘉宾演讲)新方法(工作坊),另一方面多认识些人,拓展下人脉(嗯。。。跳槽的时候比较方便)】
———————写在最后————————
也许你看了上面那么多资料,觉得自己可以胸有成竹的开始做交互设计了。那么,不妨先模仿一个自己最熟悉的页面,比如微信的二人聊天页面,把这个页面所有的交互原型都画下来,看看自己能做得如何:)
——大部分的人只能画出来这个页面上80%的功能入口,而里面的更多交互根本没注意到。比如两人对话时文字较多需要换行时,是按照字数换行,还是按照对话框宽度?再比如,点击文字输入框旁边的表情icon和加号icon时,动效要怎么处理?
——还要进一步思考,这个功能为什么微信要这么设计?比如为什么微信默认表情不能按照使用频度自动排序?为什么微信的信息没有已读/未读状态(要知道微信抄的对象line是有这个功能的哦)?再比如为什么微信的每条信息不是都有时间显示?为什么听取语音信息默认模式不是听筒模式?
也许你会说,哎呦这都是小细节,不要在意细节——交互设计师应该是用户体验行业最在意细节的,因为你是承上启下的关键,是把文字转化成图形、想法转化成产品的核心人物——细节决定成败,如果不在意细节,那么你们公司大约也不需要交互设计师或者这个职位是个可以随时被裁撤:(
一、设计思想:
1.基础入门:
don't make me think(彩色书,建议买纸质书看)
用户体验要素(黑白书,可以买电子书看)
写给大家看的设计书(彩色书,建议买纸质书看)
【这3本书中虽然多以pc举例,但设计思想是相通的】
2.进阶提升:
设计心理学(黑白书,可以买电子书看)
设计中的设计(黑白书,可以买电子书看)
about face4(黑白书,可以买电子书看)
【这3本书多以实体设计举例,可以开拓思路,延伸设计格局】
3.实例应用:
在你身边,为你设计1
在你身边,为你设计2
【这2本书是腾讯CDC blog精选,如果多年以来一直关注他们的blog,这2本书可以不看。如果没怎么关注他们的blog,推荐看看他们的这本书,可以快速跳坑】
4.关联知识:
配色设计原理(彩色书,建议买纸质书看,书中虽多以出版物举例,但是配色原理是相同的)
用户体验度量(彩色书,买电子书看黑白的也行,主要讲用户研究方面的)
【视觉和用研都是交互的辅助技能,多学习下,有利于你多方面思考问题,做出更合理的设计方案】
二、设计规范:
1.移动端系统官方设计规范:
iOS 10(human-interface-guidelines)
Android(material-design)
2.大公司交互设计规范:
蚂蚁金服PC设计规范
蚂蚁金服动效规范
蚂蚁金服移动端设计规范及组件代码
【设计规范可以让你快速了解组件应用的场景、禁忌】
三、大公司设计团队blog/微信公众号:
腾讯CDC
腾讯ISUX
腾讯MXD
京东JDC
滴滴CDX(用微信扫描左侧链接打开的图片,关注他们公众号)
阿里巴巴中国站UED
淘宝UED(用微信扫描左侧链接打开的图片,关注他们公众号)
【这几个公司的设计团队持续在更新,而且作为行业的领先者,会发布很多新设计、新技术的应用,供你开拓思路】
四、常用软件:
Axure(更适合PC端原型设计,动态面板用好的话,可以直接产出可用的网页)
Sketch(更适合移动端原型+UI一起设计,无法做交互动效)
demoo(更适合原型展示,无法做复杂的交互,不能添加交互说明)
【还有更多原型设计工具,不再一一列举。工具不在多而在精。任何一个软件都有优缺点,但精通其中一个,就能解决工作中大部分的需求了】
五、常用设计素材/资料:
优设(综合网站,各类信息都有,主要看别人的经验分享)
花瓣(图片网站,找各种截图的利器)
eput(高清实物图片库)
UI play、pttrns(这2个网站都是按照APP功能聚合的截图库(比如按照日历、启动页等),前者网速更快,后者截图更多)
在线几乎无损压缩图片
iconfont(小图标库)
H5页面营销活动库(以营销活动为主,可以学习最新的H5吊炸天动效)
H5可实现的动效库(有动效代码下载,可以甩给开发)
可视化图表用法(如果需要设计数据图表相关的(比如股票、基金软件)这个网站就非常好用)
【还有非常多的网站可供参考,以上仅是我工作中比较常用的,大家根据个人习惯使用即可。】
六、行业峰会:
ixdc(一般年中举行,每年产出的用户体验行业就业报告(唔。。。跳槽利器)非常值得一看)
uxpa(一般年底举行,每年会产出论文集,有精力可以了解下其中前瞻性的设计研究。当下设计、技术的应用,更推荐看大公司的ued blog)
【这2个峰会门票都很贵,如果公司报销/自己不差钱,推荐去参加。一方面学习下设计新趋势(主题峰会/嘉宾演讲)新方法(工作坊),另一方面多认识些人,拓展下人脉(嗯。。。跳槽的时候比较方便)】
———————写在最后————————
也许你看了上面那么多资料,觉得自己可以胸有成竹的开始做交互设计了。那么,不妨先模仿一个自己最熟悉的页面,比如微信的二人聊天页面,把这个页面所有的交互原型都画下来,看看自己能做得如何:)
——大部分的人只能画出来这个页面上80%的功能入口,而里面的更多交互根本没注意到。比如两人对话时文字较多需要换行时,是按照字数换行,还是按照对话框宽度?再比如,点击文字输入框旁边的表情icon和加号icon时,动效要怎么处理?
——还要进一步思考,这个功能为什么微信要这么设计?比如为什么微信默认表情不能按照使用频度自动排序?为什么微信的信息没有已读/未读状态(要知道微信抄的对象line是有这个功能的哦)?再比如为什么微信的每条信息不是都有时间显示?为什么听取语音信息默认模式不是听筒模式?
也许你会说,哎呦这都是小细节,不要在意细节——交互设计师应该是用户体验行业最在意细节的,因为你是承上启下的关键,是把文字转化成图形、想法转化成产品的核心人物——细节决定成败,如果不在意细节,那么你们公司大约也不需要交互设计师或者这个职位是个可以随时被裁撤:(