最广义的线框图,就是页面的初步草图。它们不依赖最终的视觉设计,展示的是导航系统的骨架,或者每一页所需的主要基本信息。页面设计从需求、概念到架构图的过程中,都可以利用线框图这种视觉工具。它有助于你解构问题,并剔除适当的解决方法。线框图的一个主要职能是捕捉页面模板的布局。
创建线框图的方法有很多。你应该考虑的一些方面是:
1、保真度
与原型一样,有高保真和低保真的线框图之分。低保真线框图甚至可能不展示布局,而只列出每页所需的导航类型、内容和功能。高保真线框图可能与最终的设计非常接近,包含导航元素的尺寸和位置。大多数由Web设计者创建的线框图,都介于高保真和低保真之间。
2、标签和文字的展示
一种学派建议在线框图中使用伪文字。在英语中,这通常指“希腊语”文字。这种做法的优点是,团队成员不会集中于内容,而只会集中于页面的结构本身。另一种学派则寻求在线框图中反映有代表性的内容。这可以捕捉到由长标签和动态文字引起的问题,在用户测试或给利益相关者做展示时很有用。如果你使用这种做法,就不要在导航中包含临时暂用的标签。要尽早地像在最终网站中一样展示导航的文字。
3、格式
线框图可以使用多种格式创建——从纸到高端的作图程序,不一而足。你经常会两个都用:首先在纸上画出页面的草图,然后再使用程序来体现。也可以用HTML线框图,它的优点是可以链接页面,让你能检查页面间的过渡,或者网站“外表”看起来有何“感觉”。