第 45 期 优设零基础训练营招生中，教你精通熟练PS、AI、AE！ 报名戳>>>
编者按：Nick Babich 这两年文章产量比以前低了不少，不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中，我加入了一些关于乔布斯早期对于原型设...
Z Yuhan：作为一个经历了「全栈 -> 非科班 -> 海归学院派 -> BAT」的交互设计师，我也算是阅读和学习过各种类型的资料了。有一个问题长期默默困扰着包括我在内的...
“为了设计这个产品的UI我们已经设计了线框图、原型，没有时间和精力再在这当中加一个环节了!”对于UI设计流程，我想你没少听到这样的抱怨。
孙梦超：我自己也曾经历过「交互设计师到底有什么用，感觉就是一个画线框的，需求下来画原型，画交互稿，然后面对质疑，撕逼或者改原型。好像只要会Axure就能做...
@墨刀_MockingBot ：Wireframe，Prototype，Mockup 三者经常被混用，很多人把三者都叫原型，真的是这样吗?今天这篇文章，我们来帮你看看三者到底有何不同。
设计 UI 时的思考顺序，各位觉得该是什么样子的呢?先出线框图，再来想用户会怎么操作，还是先确认用户会怎么使用产品功能，再来思考 Wireframe 怎么画。
编者按：初级设计师的设计流程和高级设计师有什么区别?一组线框图就能看出来!
给网站设计原型是一个全面系统的过程，在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片，甚至可以是手绘的草稿，但是原型...
编者按：优秀的交互设计师在画线框图前会做什么?今天网易高级设计经理@我是阿智 给同学们分享他的开工前会执行的3个流程，可以快速帮你了解问题并做出解决方案...
编者按：许多设计项目是从线框图的设计开始的，但是真正专业的线框图到底要经历哪些步骤呢?今天这篇来自UXPin设计师Faye Bridge的文章，帮你总结了一套实用的线框图...
之前我们提及新设计工具的时候，常常会将它们视作为PS、AI这类传统劲旅的附庸，即使是日渐强大的Sketch也因为Mac平台独占而无法更大范围地替代PS的稳固地位。可是前...
编者按：今天的线框图包括两个部分，网页端和移动端。元素特别齐全，格式也从AI、PSD到Sketch都有。
@Akane_Lee ：我和群里设计师聊，发现 Prototype、Wireframe、Mockup 因为翻译有时候皆统称为「原型」的关系，导致大混淆，所以来说明下这三者的不同，不清楚这三个术语有...
编者按：本文作者Jerry Cao是UXPin的内容决策者，也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路，熟悉相关工具，以及完整的设计流...
@Akane_Lee（台湾设计师） ：群里有人问起手绘 Wireframe 的工具和方法，我分享下个人经验。不过现在很少这样做了，都是铅笔稿等级就进 Axure 制图、几乎没用到麦克笔，...
@小轰同学 ：两三年以前，我发现很多搞信息技术的朋友们（非设计师）交付设计时，用着上面列出的词汇。他们以为线框图 （Wireframe）、原型 （Prototype）和视觉稿（Mo...
有很多同学在把设计稿辛苦做完给到总监确认的时候，有没有被他批评说：这不是他要的。或者被客户说，你怎么做成这样了。
编者按：这篇文章出自UXPin的首席执行官Marcin Treder。编译：@陈子木 线框图并非是原型，但即使是经验丰富的设计师也可能会将两者混为一谈。
设计师们开始制作网页的时候，在没有灵感的时候，除了在设计达人网上找灵感外，往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子，然后再从 Photoshop上开始设计...
当开始进行新项目时，一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
卧槽，这篇好给力啊
感谢分享，非常好。大致的脉落是有的。只是细节方面需要我们自己理解了。
是我的鉴赏水平太低了吗？我怎么感觉看不懂呢
是我太懒了还是我无知，像文中提到的了解产品和竞品，分析优劣，做改版都是我以前从未做过的，现在看了之后明白自己为什么面试...
建议搞一个“公司”的黑名单。公司名字加上原由，事件，避免应聘找人踩雷。有些事情太容易忘记。
每天官微五分钟一年萌新变大神
每天10篇设计干货300万设计师关注！
卧槽，这篇好给力啊