什么是网页线框图（Wireframes）之一？

大 | 中 | 小

Posted in 网页设计 on 2009/07/28 / 引用(0)

此文章信息来自鹿特丹应用科学大学通讯与多媒体设计的Joel Laumans
在此感谢他所写的文章
我在这只是做个稍微的翻译...O(∩_∩)O~
做的不好大家包涵

--所讲对象何为网页线框？网页设计师为什么要用到它？

如图：

很多时候在整个网站制作过程中，因为人员所处专业背景不同而使设计过程复杂化。同时一个项目在
这个团队中每个职位都有可以发挥自己的价值，然而好的产品是通过合理的沟通产生的，其实大家的
目的是相同的，为了维持项目最优性。

-Surface 表面视觉可以告诉我们产品最终会是什么样？

-Skeleton 网页的结构布局会是什么样的用户使用？

-Structure 站点的结构怎么样去关联？

-Scope 战略要求，站点将包含哪些特点

-Strategy 以上所有策略是我们想要得到的网站吗？

我们的用户是怎么想的呢？

交互设计环节

交互设计环节其任务是互动设计师将主要侧重于结构和框架的接口问题。
有许多工具可以用于这部分的设计
但是这一过程中，最简洁最重要的正是线框的表达。

所以网页线框代表了可视化的界面，使得“信息 ”“结构”“内容”“功能”等表现
行为有个良好的接口，沟通和讨论起来更加清晰便捷。

为什么要使用线框？

首先在准备着手做项目之前先要决定结构，内容，布局等
而网页线框是用来沟通这些想法的工具。
“蓝图的设计”使得每个人都可以再原图上作可用性测试，而这样的好处是他比设计好
的更加好改动。