设计师就业衔接班！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分钟什么是低保真原型测试低保真：线框图低保真原型：可交互的线框图低保真原型测试：用可交互的线框图做的用户测试说详细一点点，就是交互设计师在线框图阶段就可以完成的用户测试。
对于许多刚刚开始接触原型设计的设计师而言，很容易混淆线框图（Wireframe）、视觉稿（Mockup）和原型（Prototyping）这三个基本概念。在许多项目和相关文章中，这些概念经常被混用。
编者按：设计网页或者APP的过程中，为什么一定要设计原型呢？能不能不做原型直接设计并开发出产品呢？
@C7210 ：在VR领域，传统草图形式已经难以提供前期探索阶段所需的灵活性与便捷性。而POV纸质原型的宗旨在于以尽可能灵活快捷的方式实现VR环境设计目标， 一方面可以展现场景的全貌，同时又允许我们透过用户的视角去观察虚拟环境及其中的互动元素，本文便是相关的实战经验汇总。
所以，公司要求p章咋拒绝呢？不干的话被公司干掉怎么办？
这就是产品每次只给我一张原型，我能还他一大堆设计图的原因！23333333
感谢作者详尽的总结，帮助非常的大。
写的好详细！太棒了！设计字体一直是我头疼的问题
明人不说暗话，我是来看小姐姐的
所以，公司要求p章咋拒绝呢？不干的话被公司干掉怎么办？