线图框和注释是明确网页或应用要显示的内容,以及内容的结构、功能的一套方法。当这些文档同网站地图和任务流程结合起来使用时,对明确原型应用场景和验证概念是极为有用的。线框图一般是黑白的,去除图形元素或最后总的内容;转而使用标示来标注内容的位置,为视觉设计提供指导。
那么说了这么多,究竟什么是线图框呢?它基本上是一个低忠实度的网页或应用界面的原型,线图框用来说明将会在页面或屏幕上展示的原素,如:导航、内容区、图像和/或媒体需要、表格元素、操作引导等。
线图框通常采用黑白或灰阶色绘制,图片用占位符表示,不涉及字体的设置(尽管有很多的线图框都会用不同大小的字体把不同的内容区分开来)。线图框的大小规格多样,既可以非常简单,也可以完整到几乎重现整张网页。
线图框在不断地进化之中,设计师和开发人员可以用线图框来说明他们的任务。线图框还可以用来向客户、设计师、开发人员,以及涉及核心级别的所有其他团队演示网站或应用。为了在视觉设计和开发之前验证“设计思路”是否正确,常常需要把线图框拿给客户看。通常创建线图框的人会和多方人员进行直接的沟通和合作,这样才能做出最后的线图框。或者为了让用户验证页面元素和提出修改要求,通常要把线图框拿给用户看,已获得用户的反馈,呈现在用户面前的线图框还有一个名字:原型。