中国.巩义 网站设计流程

提供对这个页面的观察和分析，可以确定下面的内容：
1．一级栏目包括：走进巩义，法律法规，政府信息公开，政民互动，个性服务，办事大厅，视频新闻。
2.每个一级栏目下面包括有二级栏目，比如走进巩义这个栏目下面就包括：巩义概况，经济，生活在巩义，旅游在巩义

，投资在巩义。这6个二级栏目。考虑到栏目的分级主要是需要在页面的设计中体现出来，体现的形式有很多种，比如

我设计的就是以下拉菜单的形式来体现二级菜单，也可以使用水平的下来菜单的形式来体现。如图1.24所示。

图 1.24 不同的二级菜单表现形式
二级菜单的表现形式方法多样，主要是要和整体的设计风格搭配统一。下来大家可以多留心其它网站的二级菜单设计，

所积累经验。
3.页面的新闻功能包括：公示公告，今日巩义（图片新闻），工作动态，专题报道，政府文件，走进直播间。
4.链接部分包括：网站链接，友情链接，巩义工业，工业旅游，网站评比。
5.首页还包括一个邮件的登录入口。
6.体现人性化的部分：日期时间，天气预报，服务导航，组织机构。
7.网站调查。
这些内容都是在首页需要显示的，要有机的把这么多的内容组织起来。网站实际上就是“块”形结构，在不同的“块”

内来放置不同的内容。在实际的设计过程中，如果客户需要并且必须把这些内容全部显示，则必须在页面中添加全部内

容，但是如果设计者有一定的权限，也可以根据实际的设计需要来适当添加和删除内容。但是最终还是以客户的要求为

准。在商业设计的时候，就需要和客户反复沟通来决定网站页面中的内容。不能自己想当然，想放什么就放什么，毕竟

是商业设计，谁掏钱谁就是老大。但是如果客户事先没有好的构想，可以给客户提供一些合理的意见。

1.2.5 网页的功能设计
说到网页的功能，大家会想到和后台结合的会比较多一些，比如登录、搜索、留言什么的。但是除了后台脚本的添加以

外，前台的界面设计也是很重要的，在[中国.巩义]网页中，主要包括的功能有：邮件登录界面、网站内容搜索、网站

调查。
邮件登录无非就是文本字段和表单按钮，但是也可以通过结合样式表或图片，设计的更漂亮一些，同时也要考虑到这些

页面元素在页面中的位置。

1.2.6 素材的收集和整理。
前面已经把网页的类型，内容和功能确定了。接下来就可以根据确定好的内容和类型来收集素材。素材包括文字和图像

。除了客户所提供的素材以外，可以到网络上搜索相关的素材。由于网页设计对图像的精度要求不高，所以一般网络上

可以找到的图片都可以拿过来进行加工和处理。例如需要制作工业旅游的广告条，就可以搜索一下相关的图片素材。素
材越多，设计的思路就会越灵活。如果是经常做设计的人，自己积累一下相关素材也是必不可少的。

1.3 页面的版式布局
网页的版式和平面设计中的版式有着很大的相似之处，但是由于网页和平面的载体和技术不同，网页中的版式结构设计

远远不如平面版式结构设计来得自如。

1.3.1 常见的网页版式结构
一般地，可以把所有的网站页面版式划分为两大类，一类称之为“形象页面”，这种页面多用于网站的形象宣传页面，

它的特点是页面的布局结构自由，页面中以图像或者是Flash为主，文字较少。如图1.25所示，这种页面的主要针对于

形象宣传性质的网站，偏重设计性。

图1.25形象页面
另一类称之为“内容页面”，这种页面多用于网站的内容页，大型的门户网站多采用这种类型的页面版式。如图1.26所

示，其特点是文字信息多，页面中的图像相对较少，整个页面按不同的布局划分为多个区域，主要的作用是为了传达文

字信息。

图1.26门户网站属于内容型页面
“形象页面”由于完全以图像或Flash动画为主，所以在设计上比较自由，基本上效果图制作完毕后整个页面效果也就

完成了，但是“内容页面”则不同，由于需要划分区域来放置内容，所以“内容页面”的版式一般可分为：水平分割、

垂直分割、水平垂直分割、变化分割等。
1.水平分割
水平分割，强调的是层次感和精确感，并有助于不同信息的分类；如图1.27所示，BMW网页的版式结构中上半部用作视

觉表现，引发情感，下半部用来解释说明。