设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
线框图看似简单，想做好却不容易。本文总结了 7 个实用的线框图设计技巧，来收！
编者按：Nick Babich 这两年文章产量比以前低了不少，不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中，我加入了一些关于乔布斯早期对于原型设计的一些「激进」的看法，也许这是原型设计的未来的一个方向，也说不定。
Z Yuhan：作为一个经历了「全栈 -> 非科班 -> 海归学院派 -> BAT」的交互设计师，我也算是阅读和学习过各种类型的资料了。有一个问题长期默默困扰着包括我在内的很多交互设计师，然而却从未受到应有的关注，那就是交互方案应该画到什么程度？
“为了设计这个产品的UI我们已经设计了线框图、原型，没有时间和精力再在这当中加一个环节了！”对于UI设计流程，我想你没少听到这样的抱怨。
孙梦超：我自己也曾经历过「交互设计师到底有什么用，感觉就是一个画线框的，需求下来画原型，画交互稿，然后面对质疑，撕逼或者改原型。好像只要会Axure就能做交互设计师」的阶段，所以写了这篇文章，希望大家都能成为真正的设计师而不是沦为“线框仔”。
@墨刀_MockingBot ：Wireframe，Prototype，Mockup 三者经常被混用，很多人把三者都叫原型，真的是这样吗？今天这篇文章，我们来帮你看看三者到底有何不同。
编者按：初级设计师的设计流程和高级设计师有什么区别？一组线框图就能看出来！
给网站设计原型是一个全面系统的过程，在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片，甚至可以是手绘的草稿，但是原型大多是动态的，可交互的，至少主要的页面和功能能基本呈现出来。
编者按：优秀的交互设计师在画线框图前会做什么？今天网易高级设计经理@我是阿智 给同学们分享他的开工前会执行的3个流程，可以快速帮你了解问题并做出解决方案，非常实用，建议阅读。
编者按：许多设计项目是从线框图的设计开始的，但是真正专业的线框图到底要经历哪些步骤呢？今天这篇来自UXPin设计师Faye Bridge的文章，帮你总结了一套实用的线框图设计五步法，帮你从最早的阶段奠定整个项目的基础~想要让整个数字产品或者设计项目结构化，线框图是它最早也是最重要的组成部分。
之前我们提及新设计工具的时候，常常会将它们视作为PS、AI这类传统劲旅的附庸，即使是日渐强大的Sketch也因为Mac平台独占而无法更大范围地替代PS的稳固地位。可是前赴后继的新设计工具真的都那么鸡肋么？
编者按：今天的线框图包括两个部分，网页端和移动端。元素特别齐全，格式也从AI、PSD到Sketch都有。
编者按：本文作者Jerry Cao是UXPin的内容决策者，也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路，熟悉相关工具，以及完整的设计流程，那么你可以下载UXPin精心制作的《原型设计终极指南》（英文版）。
@小轰同学 ：两三年以前，我发现很多搞信息技术的朋友们（非设计师）交付设计时，用着上面列出的词汇。他们以为线框图 （Wireframe）、原型 （Prototype）和视觉稿（Mockup）是一个东西：表达自己创意的线框手绘设计稿。
有很多同学在把设计稿辛苦做完给到总监确认的时候，有没有被他批评说：这不是他要的。或者被客户说，你怎么做成这样了。
编者按：这篇文章出自UXPin的首席执行官Marcin Treder。编译：@陈子木线框图并非是原型，但即使是经验丰富的设计师也可能会将两者混为一谈。
设计师们开始制作网页的时候，在没有灵感的时候，除了在设计达人网上找灵感外，往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子，然后再从 Photoshop上开始设计。今天发现在 designbeep 上整理了一些设计师画的一些草图，也可以称作”原型图”，大家可以看看国外的设计师们是怎样画的，或者参考他们用什么笔、本本什么的 ^_^相关推荐： 《掌握这10条设计理念！
当开始进行新项目时，一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。
作者：@刘津legene 通过工作中的观察与总结，我发现不少新人交互设计师以及产品人员，在画线框图时都会忽略一些重要内容，导致和视觉设计师的沟通成本增高、返工增多、 工作效率下降、设计质量下降等重要问题。为了解决这些问题，一方面需要加强沟通，另一方面还需要多站在视觉的角度考虑线框图的设计，使大家的配合更默契。
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。
确实看着舒心了不少
此交互文档系列源文件下载链接：https://fuzuobiao.com/proview/605467573b63c51de6e4b7bf
这种极光模糊是近视眼真实的世界
感觉在上班的时候真的能练习贼少，也是盲目找图临摹，要难受了！！！（本人非专业艺术生）
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去，只要从一般人认为的试一下得到正确的反馈，那这个按钮就不需要多余的设计。只需要告知用户变换的过程，用户自己也会逆向思考。