网站模板设计之线框图

线框图就表面的意思解释就是用线框出的图片，线框图是站模板设计的前进方向。那线框图的正确解释是什么呢?线框图是整合在结构层的全部三种要素的方法：通过安排和选择界面元素来整合站模板的设计;通过识别和定义核心导航系统来整合站模板中的导航设计;通过放置和排列信息组成部分的优先级来整合信息设计。通过把这三者放到一个文档中，线框图可以确定一个建立在基本概念结构上的架构，同时指出了视觉设计应该前进的方向。

线框图是站设计方案中的重要组成部分，无论是I-Board 、Page-Layout、UI-Draft这些不同的称呼，它们的本质都是一样的，站策划师、络产品经理的最后交付文档，通常的呈现设计是最直观有效的。单纯从设计的角度，线框图也可以看作一个视觉呈现过程。线框图的本质是信息架构的表象。根据需要，页面线框图可能是一个独立页面或一整套页面序列：当针对中小型项目时，可能只需要首页以及关键页面的设计;针对复杂项目和大规模的团队协作，则需要一系列相互关联的线框图，并且包含交互设计部分。

线框图前必须要做的四个步骤：

低保真还是高保真

线框图的细节要逼真到何种程度，要根据执行团队的实际情况来决定。一般来说，线框图的细节越逼真，执行越流畅，但是给界面设计和视觉设计的发挥空间越小;相反，线框图越是粗略，对团队配合的要求越高，界面设计和视觉设计发挥的空间越大。低保真原型通常包括：页面的基本布局，元素的大概位置，交互的基本形式，表单项。

确定页面逻辑架构

页面逻辑框架，是在整个站信息架构确立的基础上，具体描述某个页面：都包含什么元素;这些元素的权重;页面的大概形式。页面逻辑框架可以用逻辑表和逻辑图两种形式交付，可以单独采用一种形式，也可以同时提交两者。

规范图例与交付物

工作流程是对项目执行上下级关系的一种描述，即上级交付给下级何种结果时，下级可以开始自己的工作;当交付结果不符合要求时，下级变为上级，要求前一环节进行返工。

基本框架站模板

站模板可以包含LogoSlogan、页面导航面包屑、广告、常用功能、侧边栏和页底版权栏;每个模板都包含一些可的部分。在确立了模板之后，剩下的工作无非就是根据每个页面逻辑架构的区别，设计那些可的部分而已。