视觉设计的导向——线图框

线图框和注释是明确网页或应用要显示的内容,以及内容的结构功能的一套方法。当这些文档同网站地图和任务流程结合起来使用时,对明确原型应用场景和验证概念是极为有用的。线框图一般是黑白的,去除图形元素或最后总的内容;转而使用标示来标注内容的位置,为视觉设计提供指导。

那么说了这么多,究竟什么是线图框呢?它基本上是一个低忠实度的网页或应用界面的原型,线图框用来说明将会在页面或屏幕上展示的原素,如:导航、内容区、图像和/或媒体需要、表格元素、操作引导等。

线图框通常采用黑白或灰阶色绘制,图片用占位符表示,不涉及字体的设置(尽管有很多的线图框都会用不同大小的字体把不同的内容区分开来)。线图框的大小规格多样,既可以非常简单,也可以完整到几乎重现整张网页。

线图框在不断地进化之中,设计师和开发人员可以用线图框来说明他们的任务。线图框还可以用来向客户、设计师、开发人员,以及涉及核心级别的所有其他团队演示网站或应用。为了在视觉设计和开发之前验证“设计思路”是否正确,常常需要把线图框拿给客户看。通常创建线图框的人会和多方人员进行直接的沟通和合作,这样才能做出最后的线图框。或者为了让用户验证页面元素和提出修改要求,通常要把线图框拿给用户看,已获得用户的反馈,呈现在用户面前的线图框还有一个名字:原型。

分类目录: 建站教程 | 标签: 视觉  设计  导向  线图框   | 评论:0
上一篇: 设计不能被孤立
下一篇: 项目成功的关键之一——明确项目目标