页面线框图教程之从本质到表象

2016-02-17 04:53 5 1 收藏

下面图老师小编跟大家分享页面线框图教程之从本质到表象，一起来学习下过程究竟如何进行吧！喜欢就赶紧收藏起来哦~

【 tulaoshi.com - 平面设计】

页面线框图(Wire frame)是网站设计方案中的重要组成部分，无论是I-Board 、Page-Layout、UI-Draft这些不同的称呼，它们的本质都是一样的，网站策划师、网络产品经理的最后交付文档，通常的呈现设计是最直观有效的。单纯从设计的角度，线框图也可以看作一个视觉呈现过程，虽然如此，也不能把线框图的设计当作简单的视觉问题。如何看待线框图，如何着手设计线框图，如何把握线框图的详细程度，如何让其他合作者看懂线框图，就是本系列文章要解决的问题。

讨论

来源:http://www.tulaoshi.com/n/20160217/1578672.html

上一篇：页面线框图教程之画地为牢的框架设计
下一篇： 100个出色的设计与建站类网站

看过《页面线框图教程之从本质到表象》的人还看了以下文章更多>>

详细解析线框图原型和视觉稿的区别

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

两三年以前，我发现很多搞信息技术的朋友们(非设计师)交付设计时，用着上面列出的词汇。他们以为线框图 (Wireframe)、原型 (Prototype)和视觉稿(Mockup)是一个东西：表达自己创意的线框手绘设计稿。混淆概念便带来麻烦：他们分不清用户体验设计师的作品，常常感到困惑。「这按钮他妈的怎么点不了?」「我不知道这个地方可以按啊!」类似这样的...

如何在maya下以单面线框模式渲染

标签：设计软件平面设计软件广告设计软件

如何在maya下以单面线框模式渲染〔教程翻译〕在 maya 中以单面线框模式渲染〔适用于所有几何体！〕 by Jared Martin 对于那些以往见过这篇教程的人来讲，这篇教程已经过改(图老师整理)良而且达成的方法将会更加简单有效！并且对于 NURBS 几何体也同样有效！不知道为什么以前我没想到这个方法。噢，这文章似乎很长，但它真的很简单！...

10款线框图和原型图设计软件

10款线框图和原型图设计软件不管你设计网站也好，设计应用界面也好，都需要有出众的视觉设计，从而吸引用户。但在视觉稿输出之前，比如首先要进行线框图设计和原型图设计，来规划站点地图和应用流程我们来盘点一下最好用的十款线框图和原型图设计软件，提高你的设计效率 Solidify ZURB旗下的一款产品, Solidify...

50个线框图套件和在线设计工具

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

当开始进行新项目时，一般都会起步于线框图。本文收集了大量的在现线框图设计工具和套件。交互设计师必备哦。在线设计模板 Wirefy 以内容优先为原则的线框图在线设计工具。允许你运用标准元素设计出响应式线框图。 Lumzy 网页设计和界面设计的原型设计工具。 Mockup Builder 另一款原型设计工具 Mobilizer 选择设备，输入网址，立即...

如何在Maya中以单面线框模式做渲染

标签：设计软件平面设计软件广告设计软件

本文介绍如何在maya中以单面线框模式渲染，这个方法适用于所有几何体，包括NURBS几何体。本文翻译自Jared Martin的教程。这种方法不需用任何的插件或脚本，用wireframe 模式渲染物体，并且取消了背面网格的可视性。下图显示出了有无背面可视的区别，以及渲染的质量。到教程的最后你也会做出任何一种效果。比较上面两张...

查看更多精彩>>