交互设计需要什么知识(交互设计怎么入门呢)
交互设计需要什么知识(交互设计怎么入门呢)5、REVOLUTION: 迭代过程。随着时间的推移,设计师对于产品的理解会逐渐加深,一开始设计的交互流程可能会无法满足后来用户的需求。这就需要交互设计师不断体验,不断迭代,不断修复漏洞。这里IDEO的Design Thinking Process依然适用。AB test,这个方法经常用于效益不确定的情况下,在现有用户抽样,一组所见设计为方案A,另一组为B,在一段时间之后,用调研或者收集数据的方式评估,胜者最终上线为所有用户所使用,这个方法是公司最常用的方法。侧重点不同Mobile Wireframe(来源网络)4、EXPERIMENTATION:测试。测试的方法有很多种,罗列两个经常用到的方法:a.可用性测试usability test,以线上app的测试为例,就是在手机端的虚拟机上进行跳转、响应、界面等一些列的测试。
经常会有童鞋来问我:“交互设计如何入门?工业设计转行做交互设计的门槛高吗?用户体验和交互设计的区别是什么?”
工业设计转行做交互的门槛并不高,就像工业设计需要考虑用户和实体产品之间的互动一样,交互设计更多的是考虑用户与界面之间的交互,只是换一个载体,其理论体系挺相似的。设计技能并不能弥补设计思维上的欠缺,技能只是一种表达方式,而Design Thinking才是最为核心的价值。
基本概念
浏览招聘网站上的讯息,就会发现UED,UX,UI等不同头衔。那么他们之间怎么区分?
侧重点不同
Mobile Wireframe(来源网络)
4、EXPERIMENTATION:测试。测试的方法有很多种,罗列两个经常用到的方法:a.可用性测试usability test,以线上app的测试为例,就是在手机端的虚拟机上进行跳转、响应、界面等一些列的测试。
AB test,这个方法经常用于效益不确定的情况下,在现有用户抽样,一组所见设计为方案A,另一组为B,在一段时间之后,用调研或者收集数据的方式评估,胜者最终上线为所有用户所使用,这个方法是公司最常用的方法。
5、REVOLUTION: 迭代过程。随着时间的推移,设计师对于产品的理解会逐渐加深,一开始设计的交互流程可能会无法满足后来用户的需求。这就需要交互设计师不断体验,不断迭代,不断修复漏洞。这里IDEO的Design Thinking Process依然适用。
总结:要学会问WHY(为什么想要),理解WHAT(到底要什么),这两个问题理解清楚后,再去想HOW(如何实现)。希望每一个设计都能让解决一些用户需求,make the world better。
工具技能加持
熟练掌握工具可以帮助你快速导出设计方案,提高工作效率。
-
Axure:鼻祖级的交互设计工具,功能大而全,可做低保真,可做高保真,可做动效,插件众多。对于移动端的设计在软件本身的操作上不是很灵活。高保真的绘制精细度也不够,目前更多的是用来做低保真原型。
Axure界面截图(来源网络)
-
Sketch:针对移动端而设计的软件。可做低保真、可做高保真。且高保真的效率非常高,各类阴影效果和图片裁剪功能非常齐全。插件众多,比较常用有可导出html各式标注的measure,可快速生成占位符的Content Generator,移动端的虚拟机Mirror等等。基本上可以满足交互设计师在设计中的需求。
Sketch软件截图(来源网络)
-
Flinto:原型设计软件。界面和sketch非常相似,在做动效方面比较出色,界面间的转场,滚动效果以及点击反馈等。并且可以直接与sketch相匹配,文件相互导入导出。
存储方式为mov以及gif,可直接发送给团队成员,对于展示交互流程非常方便,可直接上传至dribbble,与全球优秀交互交互设计师分享。
Flinto界面截图(来源网络)
-
Cinema 4D:适合做比较复杂带有空间变化的动效。功能非常强大,但不适合做app页面间的动效,比较适合做专题页中的营销动画,以及动画游戏的特效。
Cinema 4D(来源网络)
-
墨刀MockingBot:强大易用的原型设计与协作软件。借鉴了Axure的一些功能,优点是操作简单容易上手,可做全流程的mockup,同样可直接倒入sketch的高保真文件。
墨刀的每一个图标都被设置成模块,带有动作链接锁链,可通过直接拖拽链接界面,非常傻瓜式的操作。它可以允许设计者邀请一名或多名队员参与协作,也可直接导出到手机上的虚拟机,直观地体验交互流程。适合做低保真原型,与高保真的交互流程。
墨刀界面截图
还有Adobe的AE和PS也可以用来做原型设计,教程网上应有尽有。还是强调软件只是帮我们快速导出设计的工具,只要熟练掌握一款全面型软件,或者几种软件相互配合覆盖工作流程即可,做到最直接地向产品经理展示交互流程设计。
推荐一些交互设计网站:
UI设计
1.http://www.uiparade.com/发现最好的UI设计图库
2.https://www.mockplus.com/blog推荐UX / UI设计资源和有趣专题
3.http://designrfix.com/logo/tips-design-perfect-logo提供最流行的网页和图形教程
4.http://www.fltdsgn.com/给出案例和相应的UI网站
5.https://www.siteinspire.com/让用户体验不同网站中的交互设计
6.https://www.chainco.cn/app帮助交互设计师进行演示的工具
动效设计
1.http://www.uisdc.com/c4d-photoshop-2017-font-poster教你用C4D PS作出2017特效字体海报
2.https://www.youtube.com/channel/UCKQ7xHm52MlA8MSxjVj-Nwgyoutube上专注于分享flinto动效制作过程的博主
3.http://www.woshipm.com/rp/614989.html?utm_source=tuicool&utm_medium=referral墨刀教程:如何快速制作一个APP首页原型