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

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

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

【 tulaoshi.com - 平面设计】

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

讨论

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

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

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

详细解析线框图和原型之间的区别

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

线框图并非是原型，但即使是经验丰富的设计师也可能会将两者混为一谈。实际上，两者的差别还是非常多且明显的，那么就让我们通过这篇文章分辨清楚这俩概念，一劳永逸。线框图线框图是产品设计的低保真呈现方式。它有三个简单直接而明确的目标： 1、呈现主体信息群 2、勾勒出结构和布局 3、用户交互界面的主视觉和描述正确地创建了线框...

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

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

详细解析线框图和原型的过去现在与将来

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

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

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

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

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

解析流程图与线框图的几种分类

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

流程图分为逻辑流程图和页面流程图，线框图分为纸质线框图和HTML线框图，线框图加上了操作步骤、交互逻辑可以叫做流程线框图。这些在理清产品架构，梳理产品逻辑时至关重要。流程图(task flow) 是指用图形语言的方式画出用户在使用这个产品的方法和达到具体功能的步骤。通常会把产品的使用流程作为某些任务去完成，用语言描述出想要达到的目...

查看更多精彩>>