2017年不容错过的最佳UX设计工具及教程资源整理

作为设计达人的你，目前正在用哪些设计工具来工作呢？如果非要做选择的话，你认为它们中，哪些是最适用于做原型、线框图、信息架构、用户测试或者活动管理的呢？事实上，我们中大多数人，应该是倾向于选择便宜、又不需要进行安装，同时能提供良好用户体验的工具。

随着各类工具的涌现，要找到一款符合自己心意的工具并非易事。因此，我在这里精心挑选了一些基于桌面端的原型工具，包括国内和国外的。同时，你也可以花几分钟快速浏览下面的UX设计教程，相信你会在阅读后对UX有更深的了解。

（一）UX设计工具推荐

随着时代变迁，越来越多的工具倾向于往桌面端发展。这类工具的好处之一，就是让设计人员能够独立于PS、Illustrator等绘图工具外工作。同时，它们包含有很多交互效果，无需掌握编码或者编程知识。具体有哪些工具呢，我们一起来看看吧：

1. Axure — 这是一款功能齐全的原型和线框图软件，可用于创建、测试以及分享你的设计作品。从学习成本来看，Axure会是那些有复杂交互需求、同时有具备丰富设计经验人士的最佳选择。

2. Justinmind — 这也是一款强大的工具，用于高保真原型和线框图的设计。对于大多数新手来说，掌握这款工具是要耗些时间和精力的。

3. Mockplus — 简单、快捷的原型设计工具一枚，拥有200多个高度封装的组件和3000多个图标。此外，可视化的交互设置和，将会是你设计道路上的好帮手、好朋友。

4. Origami — 这是一款免费的工具，不仅适用于手机原型设计，而且还支持一些模拟功能，比如Facetime摄像头和文本输入。缺点之一，是它不支持评论功能。

5. OmniGraffle — 这款工具由Facebook团队开发，有丰富的设置选项和模板。

6. Principle — 它很适合做有交互和动画的用户界面设计。它的界面有一根时间线，让用户可以通过移动来进行体验。

（二）UX设计教程推荐

 

1. UX Is Not UI - By Nicolas Demange

Nicolas Demange，是国外知名的软件工程师和FLEX专家。这篇文章中，他用一种简单且直观的方式介绍了UX和UI之间的差异。

2. How to Teach UX Design - By Christina Wodtke

教如何学习UX设计，可能对大多数人来讲是件很乏味的事情。但是，作者却用一种不复杂的方法，向我们亲身示范如何指导和分享UX设计学习，纯干货。

3. Learn Web Design Basics - By Paul Boag

这个视频教程，会对那些正在学习网页设计基础知识的人有帮助。你可以从中了解到什么是好的网页设计，以及如何成为一个设计专家。此外，一些设计技巧及原则，像板式、色彩、品牌、颜色、布局、行动号召等，相信都会对你有所帮助。

4. UX Design Myths - By Evan Samek

如果你是一名严肃的网页设计师，那么你的宿命便是给用户提供最好的体验。尽管市面上流行着各种所谓的“设计机密”，但从这里你能得到真正实在的东西，纯干货。

5. The Three Ways That Good Design Makes You Happy - By Don Norman

这是Don Norman的一段TED演讲视频，他是Design of Everyday Things的作者。在这段”设计使人快乐的三种方式”视频中，他谈到反射、行为以及视觉设计将如何影响我们的情绪。正如作者所说，最成功的设计往往也是最能触动人心的。

6. Beginner’s Guide to Interactive Prototyping - By Igor Ovsyannykov

交互设计是UX设计中的一个重要部分，而这篇教程结合分步骤的指导以及详细的截图，向我们展示如何利用三款流行的原型工具做快速交互。其中，这些工具包括Axure，Mockplus 以及Justinmind。教程由两部分组成，即交互的设置和交互的实际运用。通篇内容简单易懂。

7. What Is UX - By Géraud de Laval

最后，强烈推荐你读一读这篇教程，特别是当你仍然对未来的职业发展道路感到不确定的时候。这篇文章比较有趣的一点，就是笔者通过把UX跟汽车进行比较，将往常复杂的概念简单化了。正如所说，世上没有好车和坏车之分，只是使用的人不一样罢了。

（三）结尾语

用户体验，毫无争议已成为衡量一个设计好坏的重要标准。选择一款合适的工具，往往只是做出一个成功产品的第一步，而阅读UX或UI相关教程，将会成为我们日常工作生活中的灵感来源。希望你能从这篇文章中受益，欢迎补充和讨论！