设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
本文聊聊设计师的故事——新手设计师职场常入的 5 个误区，帮你成功避坑成为优秀设计师。
不知道你有没有这样的经历：为了不让原型图看起来太丑，会纠结各种细节处理（间距、大小），结果造成工作周期延长，精力损失。为了让原型接近于真实效果，会思考各种精致布局，结果 leader 来一句「你现在做这么好看干嘛，这个功能都没确定好。
完整的 UI 设计流程到底是怎样的?从需求到产品上线，要经历多少个阶段，每个阶段有哪些应该掌握的基础知识?
Cezary Ołowski ：如今各大公司在产品功能竞争上，比起之前口若悬河的宣传，现在更多的是将功能直接展示出来。相信你也有过这种经历，有时用言词解释某些 idea，倒不如在白板或者纸上写下来更省时、易懂。
Axure 制作 toB类项目的 Web端原型比较常见，可以将原型做得非常系统、交互逻辑逼真，适用于大部分测试和演示等场景中。甚至很多设计师直接使用 Axure 制作高保真原型，对于这些设计师，尺寸标注成了一大难题。
首先需要了解交互稿和原型图的联系与区别：按照常规的工作流程，交互设计师最终交付的产物包括任务流程图、信息架构图、页面原型图、页面交互说明、页面流程图，这些都可以归纳到交互设计文档中。因此原型图只是交互稿的一部分，本文将铺开阐述设计规范的原型图应该注意哪些。
编者按：Nick Babich 这两年文章产量比以前低了不少，不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中，我加入了一些关于乔布斯早期对于原型设计的一些「激进」的看法，也许这是原型设计的未来的一个方向，也说不定。
可能有很多人并没有用过 Figma，甚至都没听过。所以，我先简单介绍一下这款软件。
最近一直在关注设计系统，恰逢笔者正准备毕业，毕业设计就索性开发了一个模块化组件搭建界面原型的 Web 工具 —— Atomframer 。通过对设计模式的选取，三分钟即可搭建一个用于快速沟通的界面原型。
对于用户而言，网站不仅仅需要有优美易用的布局和漂亮美观的图片，网站的细节和整体体验都要足够突出，才能让人印象深刻。你想让访客去哪里，希望他们看到什么，以及如何让他们顺利地获得想要的信息，这都是设计师需要借助各种工具和技巧来实现的事情。
怎么样的原型图才算是专业的原型图呢?文章总结了一些经验，希望对你有所帮助。
Echo ：本文将以酷狗K歌ios版（虚构）为载体举例说明，什么样的原型图才能算得上专业而细致?希望各位可以很清晰的感知这套方法。
Echo ：一个优秀的交互设计师，一定要从用户目标出发。了解用户的核心痛点，满足用户的需求，只有这样才能打造一个好的产品。
编者按：《从零开始设计App》系列到这篇已经是第三期了，上期是低保真原型图，这期@Sophia的玲珑阁 聊聊如何从零开始制作高保真原型图和UI 设计规范。往期回顾：《设计师怎样从零开始设计一款APP?
@Sophia的玲珑阁 ：这个系列的文章把整个设计过程的经验总结成文，逐点分享，上期是概述+立项，这期聊聊低保真和高保真原型图的作用、处理工具和文件要求等。Low-fi，即低保真原型图，整个APP设计阶段，设计师真正开始上手的环节。
雨涵：对设计菜鸟来说，低保真原型测试可以帮你快速提升设计能力、填补一切设计理念的漏洞、获知难以察觉的细节问题、说服别人接受你的设计等等，作用极大，而且用文中的方法，2天就可以搞定。适读人群：交互设计师、用户体验设计师、UI 设计师阅读时长：约6分钟什么是低保真原型测试低保真：线框图低保真原型：可交互的线框图低保真原型测试：用可交互的线框图做的用户测试说详细一点点，就是交互设计师在线框图阶段就可以完成的用户测试。
@Akane_Lee ：很多项目在开发过程中，会制作原型测试与验证构想。但项目开发会经过许多阶段，也有很多种制原型的方式。
对于许多刚刚开始接触原型设计的设计师而言，很容易混淆线框图（Wireframe）、视觉稿（Mockup）和原型（Prototyping）这三个基本概念。在许多项目和相关文章中，这些概念经常被混用。
编者按：设计网页或者APP的过程中，为什么一定要设计原型呢?能不能不做原型直接设计并开发出产品呢?
写的真棒，案例清晰易懂 谢谢作者
好棒哦，还想看名片篇(ˊo̴̶̷̤ ̫ o̴̶̷̤ˋ)
写得真的非常详细了，虽然看过一些视频教程，但是经常看了就忘了，这篇文章就好像是一篇笔记，可以随时翻看！感谢作者！
写的很棒，受教了
对于头盔，我个人觉得优先考虑安全性问题，多做一下测试，确保人员生命安全才是，对于外形设计，这个和一般的溜冰头盔一个样，就多了一个防护镜，但这个防护镜往往就是个安全隐患，要多加注意
写的真棒，案例清晰易懂 谢谢作者