专题讲座：网页设计与构图(5)--构图前的准备工作

网校教师：刘涛

　　在了解了常见的页面的结构布局之后，我们并不能马上在电脑里着手设计。需要对所建网站有充足的认识和了解，做大量的前期准备工作。

A、确立网站类型

　　我们在具体设计网页之前要了解建设网站的目的，分析受众对象（访问群体），从而确立网站类型。在不明确站点类型的情况下设计出来的网页将是不伦不类，着就好象不测量一个人的体型就去裁衣一样。不同类型的网站有着不同的受众对象。我们设计出来的网页风格特色应该和该网站的主体诉求相吻合，才能使该类信息的需求群体产生信任感。

　　按站点的内容来分大致有以下类型：法律、金融机构咨询站点、电子商务站点、教育科研机构站点、折服机构站点、社团站点、报纸杂志电子刊物站点、娱乐站点、艺术站点、体育站点、搜索引擎及软件下载站点、个人站点、还有一部分是大型的综合门户类网站。

　　网页的设计艺术必须为网站的内容服务，而不是单纯地为表现艺术而设计。

B、 合理规划网站目录

　　网页设计之初，摆在我们面前的往往是搜罗来的一大堆内容和素材。我们应根据网站的建设目的和服务宗旨，将内容按一定的方法进行分类，为它们设置专门的栏目。并明确哪些栏目版块是重要的，哪些是次要的；哪些需要在主页面上出现的，那些是隐藏在二级链接内的。大家可以参看天极网的首页面http://www.yesky.com

　　天极网的主栏目设置：硬件、商务应用、E企业、商情、数码、软件、游戏、下载、E时代、论坛、专栏天地、通信与网络、Chinabyte这几个重要版块放在显要位置，在版块内又列出了相应的二级栏目，使访问者一目了然。将栏目进行合理的规划，能够使访问者快速地了解本站的内容结构，到相应的栏目内查阅到所需信息。模糊的栏目设置常常使浏览者迷失方向。

C、 选择网站链接结构

　　网页设计与传统的平面设计最大的区别就是网页的可操作性。网页的可操作性是通过页面间的链接实现的。所谓链接结构就是指网页页面见的互相链接关系。选择适当的链接结构对整个站点的各个页面设计将起到很大的指导作用。若链接的结构使用不当，会使重要页面深藏不露，重要的信息不能让访问者获取，违背了网站设计者的初衷。

　　一般链接结构分为线形结构和非线形结构。线形结构表现单一，子页面由父页面扩展而出，页面一级一级展示，整个站点只沿着水平方向移动。这类结构适用与内容简单的站点及个人主页。见下图：

　　非线形结构分类较多，常用到的有三种。

　　①、树状链接结构

　　由主页面链接指向多个一级页面，而一级页面的链接又指向多个二级页面，这样层层渐进，反向点击链接时又层层渐退。

　　②星状链接结构

　　该结构就是在每个页面上都设置有与其它页面的链接，从任何一个页面都可以进入其它页面，没有明显的级别区分。

　　这种链接结构最明显的优点就是浏览方便，能使访问者快捷地进入到想要浏览的页面。使用这种结构，必需在每一个页面内占用一大块面积来设置链接。致使页面的有效浏览面积大幅减少。再者，页面内的链接过多，容易使浏览者感到迷茫，不知所措。

③、树状、星状复合型链接结构

　　大多数网站都是采用的这种结构，这种组合方式对两者对立使用所具有的优缺点进行了互补，在网站设计过程中，通常在主页和第1、第2页面间的链接采用星状结构，而在第2、第3、第4级页面间的链接采用树状结构。

见下图：

D、确立网站CI要素

　　网站的功能不仅仅局限在信息的传播，在提升品牌、树立形象方面的功能不亚于报刊杂志等印刷媒介。一个知名的网站如同其所有者一样，需要有整体的形象设计。准确、完整、富有创意的CIS识别系统的导入，不仅有利于网站所有者（企事业单位）形象传播，对网站本身的宣传与推广也将起到很大的作用。

　　网站CI要素包括：标识性图案（Logo）、标准色彩、标准字体和广告宣传语、标志性图片等。当这些要素确立后，我们在网页构图设计时才有一个明确的指导方向。

示例网站：www.cocacola.com，www.pepsico.com，www.mcdonalds.com，www.kfc.com，www.yesky.com

E、网站特色定位

　　网站的建设宗旨和服务项目不同，面向访问群体（既受众）也就不同。我们应根据潜在的访问群体进行网站特色定位。如果访问对象是年轻群体，网站应具有版式活泼、基调明快的特色；如果访问对象是科研人员，网站应体现严谨、理性、科学等特点；若受众对象是老年人，那么网站整体应营造一种温馨、关爱、轻松、愉悦的氛围。网站的特色定位是对所要建设的网站的类型、风格、栏目设置、内容安排、链接结构、CI要素、受众对象等诸多元素综合分析后，围绕中心思想，用独特的视觉语言进行艺术化的特色描述。

F、技术实现

　　网页的构图与传统的平面构图最大的区别就是技术的可实现性。在进行网页设计时必需时时提醒自己，所设计的作品最终是通过互连网传输到客户端，经过调制下载，再用浏览器浏览。这里要受信道带宽和显示器的限制。再者，所有网页的后端语言都是以HTML为基础，辅以JavaScript或VBScript编写的程序，有些动态特效实现起来难度较大。所以，网页设计人员在做构思创意时，要考虑到技术上能否容易实现。一味地追求视觉效果上的创意而忽略技术上的限制，顾此失彼，再好的构思也只好放弃。不能在网页设计中实现的创意，对网页设构图来说是毫无价值的。