推荐10个交互设计软件(交互设计软件有哪些？)

数十万互联网从业者的共同关注！

作者：Yoojoo，作者授权早读课发表，转载请联系作者。

来源：知乎

仅针对现有企业交互设计师常见设计范围（网页，桌面app，移动端app）作答。1-7为交互设计师必备，8-10有兴趣的可以花时间探索。

1. 纸和笔。一个优秀产品设计师应该有一筐满满的废纸篓。这种最自然的方式让人在轻松的状态下激发想象力，画草图，勾勒流程，视觉化你的想法，及时与人沟通并迅速得到反馈。练习用sketch noting (第一次“涂鸦笔记”练习（Sketchnotes：http://www.jianshu.com/p/6d010a6b3c69）) 的方法记笔记让你在设计讲座上不再瞌睡；而你大概也希望在和团队沟通的时候，可以在白板上简明整洁地表达你的设计，或者总结团队的意见吧。

2. Balsamiq。适用于产品迭代最初期做低保真原型。所有的界面元素都模块化，拖动使用很方便。最关键的是，无论与你交流的人懂不懂设计，也能一眼看出Balsamiq的原型不是最终的产品设计，这样你就不用浪费时间听他们提问为什么你的设计都是灰白的，或者某个icon不好看。。。

3. Sketch 及相关插件。专门用来做UI的轻量级软件，已逐渐成为交互设计师主流工具，配合各种插件使用方便而强大（http://www.sketchappsources.com/ 请配合第6项使用）。从线框图到高保真图都可以实现，常用插件可以快速生成内容，红线标注，为界面加设计文档，导出到Zeplin直接交给工程师等等。Sketch学习起来非常方便，只有Mac端，跟mac系列产品如keynote等使用习惯非常相似。

4. KeyNote。实在是太简单易用，也曾被Keynote可实现的动画效果惊呆了。(当然也曾被别人用PPT做的动画震惊到。。）

5. Invision/Marvel App / Flinto三款产品类似，都是导入图片到app里，通过链接区域模仿可交互的界面效果。 Invision 在大陆太慢几乎不能用， marvel效果还好, Flinto主要针对移动设备。也都是几乎不用学，可直接上手的工具。

6. SDK / Green VPN / 土行孙。想在twitter上follow有名的设计师，无障碍地阅读Medium, 或者在Product Hunt上查看脑洞大开的产品，这几个好朋友是你少不了的。

7. User testing tools不谈专业的用户研究员那些高端的工具, 一般的问卷工具survey monkey, google form，还有http://usabilityhub.com 等在线测试的工具，google anlaytics数据分析工具等等，还是需要了解和使用一下的。

8. Axure/Ominigraffle/UX Pin大公司普遍在用，omnigraffle只有mac端，可做高保真交互原型，并可直接在上面写文档。

9. Adobe 系列产品不多说了，Photoshop, Illustrator, After Effects, Edge… 对视觉设计和动画有情怀的请入。最近新出了Experience design, 类似Sketch和Invision的结合体，可以体验一下。

10. Html, Css, Javascript极少数的公司还要求交互设计师实现界面 （http://Quora.com倒是要每个设计师需要实现他们的作品），关于设计师是否需要编程的争论已经太多了。个人拙见，学习这些不是为了自己实现你的设计，而是为了懂工程师并更好地沟通。对技术层面理解也许会限制你的想象力，但或许也忽然给你一个“wow原来还可以实现这种功能”的可能。。

当然未来的设计会跟今天很不一样，很多现有平面UI元素包括交互模式都在不断的实践中缕出了一套现阶段的最佳方案，而material design，和ios 规范又将常用UI模块化了，人工智能发展那么快，或许在将来，计算机会为你的产品自动组合出最合适的交互模型及视觉风格，那时候以上的几个工具就远远不够用了。但在新设备的交互体验中，还有很长的一段路要走，眼动仪，做硬件原型的arduino，玩声音和图像的processing, 做游戏的unity，包括不知道用什么来prototype的VR… 类似这样的设备可能才是未来设计师的工具。

上大学的时候，汽车系有一个教授自我介绍，“我本科是拖拉机系的”。

在设计界里，今天我们用的sketch, axure, 甚至javascript，没准就是00后10后设计师眼中的拖拉机呢。