原型设计 - 最美UI

Axure 制作 toB类项目的 Web端原型比较常见，可以将原型做得非常系统、交互逻辑逼真，适用于大部分测试和演示等场景中。甚至很多设计师直接使用 Axure 制作高保真原型，对于这些设计师，尺寸标注成了一大难题。如今，

不知道你有没有这样的经历：为了不让原型图看起来太丑，会纠结各种细节处理（间距、大小），结果造成工作周期延长，精力损失。为了让原型接近于真实效果，会思考各种精致布局，结果 leader 来一句「你现在做这么好看

编者按：完整的 UI 设计流程到底是怎样的？从需求到产品上线，要经历多少个阶段，每个阶段有哪些应该掌握的基础知识，本次优设独家专题为你从零开始梳理出 UI 工作流程，适合新手阅读学习。

首先需要了解交互稿和原型图的联系与区别：按照常规的工作流程，交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图，这些都可以归纳到交互设计文档中。因此原型图只是交互

Cezary Ołowski ：如今各大公司在产品功能竞争上，比起之前口若悬河的宣传，现在更多的是将功能直接展示出来。相信你也有过这种经历，有时用言词解释某些 idea，倒不如在白板或者纸上写下来更省时、易懂。而这张纸

编者按：Nick Babich 这两年文章产量比以前低了不少，不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中，我加入了一些关于乔布斯早期对于原型设计的一些「激进」的看法，也许这是原型设计的

怎么样的原型图才算是专业的原型图呢？文章总结了一些经验，希望对你有所帮助。

Echo ：本文将以酷狗K歌ios版（虚构）为载体举例说明，什么样的原型图才能算得上专业而细致？希望各位可以很清晰的感知这套方法。

怎么样的原型图才算是专业的原型图呢？文章总结了一些经验，希望对你有所帮助。文章分为上下两篇，阅读上篇内容→《超全面总结！如何画出专业的原型图？（上）》。

Cezary Ołowski ：如今各大公司在产品功能竞争上，比起之前口若悬河的宣传，现在更多的是将功能直接展示出来。相信你也有过这种经历，有时用言词解释某些 idea，倒不如在白板或者纸上写下来更省时、易懂。而这张纸

设计的路上，我们都在努力成为一名优秀的设计师，我们似乎都被类似「如何成为一名优秀设计师」的文章吸引，情不自禁地点击进去，看完它，然后下定决心要成为一名「优秀设计师」。