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

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

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

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