菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

线框图话题

交互 2.7w

看似简单的线框图设计，这7个要点必须知道！

线框图看似简单，想做好却不容易。本文总结了 7 个实用的线框图设计技巧，来收！

2020-06-19

土拨鼠

交互 2.2w

掉进这6个陷阱，可能会毁了你的原型设计！

编者按：Nick Babich 这两年文章产量比以前低了不少，不过素质和出发点倒是一直非常发人深省。在文章结尾的 One More Thing 当中，我加入了一些关于乔布斯早期对于原型设计的一些「激进」的看法，也许这是原型设计的未来的一个方向，也说不定。很难想象，如果没有原型设计，如今的数字产品设计流程会变成什么样。

2018-07-04

陈子木

交互 1.2w

交互方案该画到什么程度？来看全栈设计师的总结！

Z Yuhan：作为一个经历了「全栈 -> 非科班 -> 海归学院派 -> BAT」的交互设计师，我也算是阅读和学习过各种类型的资料了。有一个问题长期默默困扰着包括我在内的很多交互设计师，然而却从未受到应有的关注，那就是交互方案应该画到什么程度？Dribbble 这类图片资料注重设计趋势，交互进阶（自我宣传一下）这类博文资料注重设计理念，学术研究和书籍这类官方资料注重设计方法…

2018-05-02

程远

UI 1.2w

在成熟的UI设计流程中，视觉稿是绕不开的环节

“为了设计这个产品的UI我们已经设计了线框图、原型，没有时间和精力再在这当中加一个环节了！”对于UI设计流程，我想你没少听到这样的抱怨。在设计APP和网页界面的时候，不少设计团队会直接跳过视觉稿（Mockup）设计。

2018-02-14

陈子木

交互 1.1w

过来人经验！交互设计师如何才能不沦为“线框仔”？

孙梦超：我自己也曾经历过「交互设计师到底有什么用，感觉就是一个画线框的，需求下来画原型，画交互稿，然后面对质疑，撕逼或者改原型。好像只要会Axure就能做交互设计师」的阶段，所以写了这篇文章，希望大家都能成为真正的设计师而不是沦为“线框仔”。选择交互设计师这个职业，我相信有很多人当初和我一样都是怀着一颗“用设计改变世界”的心，我们看着那么多伟大的公司正在用设计驱动着科技，改变着未来，我们为之沸腾。

2016-09-23

程远

交互 5.6w

小科普！Wireframe，Prototype，Mockup到底有何不同？

@墨刀_MockingBot ：Wireframe，Prototype，Mockup 三者经常被混用，很多人把三者都叫原型，真的是这样吗？今天这篇文章，我们来帮你看看三者到底有何不同。先来做一道选择题：从这张图可以看出，prototype 和其他两者的不同之处在于是否可交互，可点击，prototype 是动态的；而 wireframe 和 mockup 则是静态的。

2016-09-10

程远

交互 1.4w

进阶好文！设计大牛在线框图阶段的工作流程是怎样的？

编者按：初级设计师的设计流程和高级设计师有什么区别？一组线框图就能看出来！今天@-朱宇軒这篇好文传授的线框图流程，可以帮你避免在不成熟的idea上面花去了过多的时间精力，并在短时间内拿出尽量多的问题解决方案，同时对方案之间的优劣作出正确的判断。

2016-07-13

程远

交互 2.0w

只需浏览器，就能帮你搞定原型设计

给网站设计原型是一个全面系统的过程，在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片，甚至可以是手绘的草稿，但是原型大多是动态的，可交互的，至少主要的页面和功能能基本呈现出来。不过，设计师通常会选择使用图像编辑工具来进行原型设计，只不过这样一来，绝大多数的工具很难实现足够的交互，这也催生了不少开发商转向研发基于浏览器的原型设计工具。

2016-07-13

陈子木

交互 1.5w

画线框图前，交互设计师要做的3件事

编者按：优秀的交互设计师在画线框图前会做什么？今天网易高级设计经理@我是阿智给同学们分享他的开工前会执行的3个流程，可以快速帮你了解问题并做出解决方案，非常实用，建议阅读。一、了解问题，制定计划我们都知道，错误的解决方案是可以纠正的。

2016-07-12

程远

教程 1.9w

凝练总结！帮你奠定设计项目基础的线框图五步法

编者按：许多设计项目是从线框图的设计开始的，但是真正专业的线框图到底要经历哪些步骤呢？今天这篇来自UXPin设计师Faye Bridge的文章，帮你总结了一套实用的线框图设计五步法，帮你从最早的阶段奠定整个项目的基础~想要让整个数字产品或者设计项目结构化，线框图是它最早也是最重要的组成部分。线框图向整个团队展示了布局、导航、视觉层次、信息架构和内容优先级等关键的问题，它勾勒出了整个项目的基本轮廓，呈现了关键信息。

2016-04-24

陈子木

低保真原型

教程 2.9w

PS终结者？来看这十款前景无限的新兴设计工具

之前我们提及新设计工具的时候，常常会将它们视作为PS、AI这类传统劲旅的附庸，即使是日渐强大的Sketch也因为Mac平台独占而无法更大范围地替代PS的稳固地位。可是前赴后继的新设计工具真的都那么鸡肋么？不知不觉之间，大局的天平正在逐步倾斜。

2016-03-13

陈子木

教程 4.5w

线框图大全！一组超实用的优质线框图模板免费下载

编者按：今天的线框图包括两个部分，网页端和移动端。元素特别齐全，格式也从AI、PSD到Sketch都有。不可多得的线框图大全，来收。

2015-07-03

程远

教程 2.0w

姿势大涨！你了解线框图和原型的过去、现在与将来吗？

编者按：本文作者Jerry Cao是UXPin的内容决策者，也是UXPin 这款在线线框图/原型工具的在线内容开发者。如果你想学习设计原型的思路，熟悉相关工具，以及完整的设计流程，那么你可以下载UXPin精心制作的《原型设计终极指南》（英文版）。这篇文章会系统为你介绍线框图和原型的发展历程，了解它们在不同历史背景下的发展，能帮你在未来设计更优秀实用的线框图和原型。

2015-03-25

陈子木

教程 4.6w

涨姿势！聊聊线框图、原型和视觉稿的区别

@小轰同学：两三年以前，我发现很多搞信息技术的朋友们（非设计师）交付设计时，用着上面列出的词汇。他们以为线框图（Wireframe）、原型（Prototype）和视觉稿（Mockup）是一个东西：表达自己创意的线框手绘设计稿。混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。

2014-07-25

程远

下载 3.7w

设计师福利！18套免费的UI组件和线框图工具打包下载

有很多同学在把设计稿辛苦做完给到总监确认的时候，有没有被他批评说：这不是他要的。或者被客户说，你怎么做成这样了。其实出现这个情况的原因就是你没有在前期好好沟通，画出线框图确认页面基本元素。

2014-05-16

Roc

教程 5.5w

设计师基础知识：你知道线框图和原型有啥区别吗

编者按：这篇文章出自UXPin的首席执行官Marcin Treder。编译：@陈子木线框图并非是原型，但即使是经验丰富的设计师也可能会将两者混为一谈。实际上，两者的差别还是非常多且明显的，那么就让我们通过这篇文章分辨清楚这俩概念，一劳永逸。

2014-05-14

陈子木

教程 5.8w

30张设计师的手绘网页草图（原型图/框架图）

设计师们开始制作网页的时候，在没有灵感的时候，除了在设计达人网上找灵感外，往往是从设计草图开始画啊画啊 ~ 画出自己想要的样子，然后再从 Photoshop上开始设计。今天发现在 designbeep 上整理了一些设计师画的一些草图，也可以称作”原型图”，大家可以看看国外的设计师们是怎样画的，或者参考他们用什么笔、本本什么的 ^_^相关推荐：《掌握这10条设计理念！让同事（客户）更好的了解设计》《交互设计师不仅仅是个画破图的》《推荐！

2014-01-05

ranger

下载 5.4w

交互设计师必藏：50个线框图套件和在线设计工具

当开始进行新项目时，一般都会起步于线框图。本文收集了大量的线框图设计工具和套件。交互设计师必备哦！

2013-12-15

ranger

教程 1.0w

画线框图容易忽略的几件事

作者：@刘津legene 通过工作中的观察与总结，我发现不少新人交互设计师以及产品人员，在画线框图时都会忽略一些重要内容，导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题，一方面需要加强沟通，另一方面还需要多站在视觉的角度考虑线框图的设计，使大家的配合更默契。那么具体怎样做呢？

2013-04-05

Roc

没有更多文章了

大家都在看

神器推荐

文章 340

B端设计

文章 143

ICON

文章 204

优设大课堂

文章 131

字体下载

文章 133

酷站

文章 642

设计师专访

文章 147

界面设计

文章 152

字体设计

文章 344

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注