浅析政府门户网站网页设计的重点

1、政府门户网站网页设计的要点解析目前，一些政府门户网站在网页设计方面还存在着诸多问题，如整体创意不足，页面布局不活，色彩搭配不当，字体运用不佳，导航设计不全，名称格式不 一，域名没有统一，等等。笔者以为，政府门户网站的网页，特不是主页，起着呈现传达信息、与用户交互和提供关心导航的重要功能，其设计应遵循以下原则：一 是内容决定形式的原则，即网页设计必须服务于网站内容的呈现，要考虑扫瞄者猎取信息的速度和舒适度。二是整体协调一致的原则。即网页设计的各个环节，包括 色彩、布局、文字、图片等，要紧紧围绕既定的创意和风格展开。三是服从技术需要的原则。网页设计受技术制约的程度特不明显。如网页的宽度受限于显示器

2、分辨 率的大小；网页色彩的选取范围应在网络安全色中；网页中图片和动画的设计必须严格操纵其大小和数量等等。 在明确以上设计原则的基础上，政府门户网站网页设计还应掌握以下要点。一、整体创意与风格 网页的创意与风格是围绕主题和内容，对网页色彩、布局、动画、图片、文字等页面元素统一进行个性化设计而形成的整体视觉效果和艺术特点。当前，一些政府门 户网站个性不足，趋向于模式化和同质化，中央人民政府门户网站几乎成了一些地点政府门户网站的“模板”，“千网一面”、“似曾相识”的现象严峻。还有的网 站网页风格不明显，要紧表现在：同一页面内各种元素拼凑堆砌、零散混乱，缺少相互呼应和一致性；在页面与页面之间，特不是一

3、级和二级页面之间，色彩、版 式、文字等网页风格大相径庭，页面间联系不够紧密，没有形成统一的整站形象等。网页的创意与风格是网页设计的灵魂和统领，创意匮乏、风格平凡的网站专门难吸 引人的眼球。因此，加强网页的创意设计和风格塑造是提高网页设计水平的首要解决问题。 应该讲，政府门户网站不应仅仅是一种政府公布信息资源和提供信息服务的工具，也应是一级政府在网络上精心打造的视觉形象，应着力反映政府的执政理念、进展 策略和远景规划等深层次内容。尽管创意具有专门强的主观色彩，大概来自于灵感与顿悟，但绝非空穴来风完全不可把握。创意设计应紧紧抓住本地区的历史沿革、地 域文化、民族特色等个性化特点，选取标志性的图片、

4、有象征意义的色彩、隽永深刻的文字和恰当的布局，按照视觉规律进行艺术加工，设计出完整一致的视觉形 象，并长期沿用下去，不断强化扫瞄者的经历，久而久之就会深入人心，印象深刻，成为本地区独特的“网络形象代表”，这确实是一个政府门户网站成功创意和风格 的最终表现。二、页面色彩与色调 对以呈现信息为主的门户网站而言，和谐的色彩色调能提高信息猎取速度，比字形和字体的变化更能提高理解的准确度。当前，一些政府门户网站网页在色彩色调方 面的问题要紧有：色彩使用过多，造成色彩杂乱相互冲突，色彩观感矛盾，主色调不明确；文字、图片、动画等要素的色彩处理不一致，整体效果不佳，割裂了网页 色彩的整体感；网页色调过于鲜艳，

5、色彩对比过于强烈，视觉跳跃过于明显，引起扫瞄者视觉疲劳和注意力分散；文字颜色和背景色对比不明显，降低了阅读效率。 因此，政府门户网站网页的色彩色调设计要尽量做到“稳重不夸张、大气不局促、素雅不浓烈、协调不跳跃”，其设计可分为以下步骤。 一是确定主色调。主色调是页面的要紧色彩倾向。企业网站设计中特不重视主色调的作用，如：IBM的蔚蓝色、可口可乐的红色、联想集团的蓝色等，这些颜色与 企业形象融为一体，差不多成为企业的象征。当前，政府门户网站网页主色调的选择以红色居多，有千篇一律的感受，事实上设计者完全能够依照网站的创意、主题和使 用对象，以及利用色彩想要达到的视觉和心理效果，大胆选择黄色、灰色、绿

6、色等作为主色调。 二是确定配色方案。主色调确定后，就要合理运用色彩规律，以主色调为中心，利用色彩的明度、纯度、色相三要素的变化，适当增加其他色彩作为对比色和补色， 选取辅色调、点睛色、背景色等组成配色方案，和主色调一起构成有节奏韵律、和谐统一的色彩关系（见插图1）。网页配色方案要幸免出现色彩单一或用色过多的 现象，色彩种类最好不要超过四种。插图1 一种配色方案 三是正确使用色彩。确定好主色调和配色方案后，在色彩的使用中应注意“总体协调、局部对比”，即网页的整体色彩效果应该是和谐的，只有局部小范围的地点可 以有一些强烈的色彩对比。要适当保持用色的连续性，在风格统一的基础上，为子网站或功能模块选取

7、不同的主色调和配色方案，既要从颜色上对不同内容加以区 分，使得页面富于变化，又要保持色彩的整体性和协调性。背景色一般采纳素淡清雅的色彩，应幸免采纳花纹复杂的图片和纯度专门高的色彩，背景色与文字的色彩对 比要强烈一些，便于区分背景和文字，提供舒适的视觉体验。三、栏目布局与版式 网页布局与版式设计是运用版面设计原理，合理配置与秩序化网页视觉元素的过程，其目的是实现信息传递的清晰化、合理化、人性化，并考虑视觉形态的美化，使 扫瞄者在猎取信息的同时获得审美感受。网页布局与版式设计同传统平面媒体的版式设计特不相似，事实上质确实是在有限的屏幕空间内将特定的视听多媒体元素进行合 理的编辑和安排。从整体上讲，

8、一些政府门户网站网页在布局与版式方面，过于方正、刚硬和死板，缺少设计灵感和艺术美感，要紧表现在：采纳直线和方块元素的 多，采纳曲线和不规则形状元素的少；采纳对称性设计的多，采纳非对称性设计的少；采纳常规布局的多，突破常规布局的少。布局与版式设计要紧应注意以下几个 方面。 一是版式线条。网页中文字、标题、图片等会在页面上组合形成各种线条和形状。正确地处理和搭配好这些线条和形状，才能增强页面的艺术魅力。直线条的艺术效 果是流畅、挺拔、规矩、整齐，有轮有廓。直线和矩形在页面上的重复组合能够呈现井井有条、泾渭分明的视觉效果，一般应用于比较庄重、严肃的页面；曲线条的 艺术效果是流淌、活跃，具有动感。（见

9、插图2）曲线和弧形在页面上的重复组合能够呈现流畅、轻快，富有活力的视觉效果，一般用于表现青春、爽朗的主题。政 府门户网站网页设计假如能以直为主、曲直结合，就能够丰富页面的表现力和内涵，显得庄重而又不刻板，威严而又不冷漠。插图2 曲线板式的例子 二是栏目布局。网页布局有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、F1ash型、变化型等多种形式。（见插图3） 政府门户网站主页一般采纳“国”字型布局，即最上面是网站标题图，接下来是网站主体内容，左右分列两小条内容，中间是要紧部分，与左右一起排列到底，最下 面是网站的制作单位、联系方式、版权声明等。这是一种适合政府门户网

10、站的常规布局，也是一种安全保守的布局，具有便于呈现大量信息、便于设计实现的优点， 但使用实在过多，没有任何新奇感，假如能在此基础上，适当加以错位或非对称的布局变化，页面会显得更灵活和生动。插图3 典型的“国”字型布局 三是页面尺寸。从页面宽度来看，基于800600分辨率宽度来设计网页差不多过时，在17寸以上宽屏显示器差不多普及的今天，个不政府门户网站仍采纳这一宽 度，会在屏幕左右留下了较大空白，显得小气和局促，窄小的页面也不利于呈现丰富的信息，因此，网页宽度应以1024768分辨率为设计标准。也能够此分 辨率为基准，采纳自适应屏幕宽度设计，在各种分辨率条件下都能取得较好的效果。从页面长度来看，

11、我国政府门户网站主页绝大部分采纳多页式结构。多页式主页 应幸免为使主页内容显得丰富，将二级页面的内容提到主页上来，使得页面长度超过三屏，显得过分冗长。单页式主页一般为导航型门户网站采纳，因为主页呈现的 信息量比较少，尤其要注意导航系统的设计，力求周全便捷，幸免给用户进一步猎取信息带来困难。 四是构图比例。黄金分割比例大约为0.618，能够不精确地表示为3比5(或5比8，8比13)。黄金分割寓变化于整齐之中。过于强调整齐的形体，容 易流于呆板单调;而变化过多的形体，又显得散漫杂乱。黄金分割律中，左右两边长度是不等和变化的，但又符合一定的规律，从那个角度看又是整齐的。它不仅在 自然界中随处可见，在

12、建筑、广告、工业设计中也被作为最完美的比例标准。在网页的构图中，有的政府门户网站一味采纳对称和居中设计，显得过于呆板，若能有 意识地运用黄金分割和视觉中心点来配置页面元素，将大大增强页面的美感，减少构图比例失调的情况。 五是留白处理。留白是写意国画中常用的艺术手法，它能缓和画面的紧张及复杂度，唤起联想，利于组织严密和突出主题，加强对比，达到画面的均衡（见插图4） 闻名画家齐白石的虾趣确实是留白处理的佳作。留白同样也适用于网站的布局设计和图片设计。在给人强烈印象的构成要素的周围留下空白，能扩大和提高视觉效 果，有利于视线流淌，破除沉闷感。有的政府门户网站网页页面为突出信息量，“寸土必争”，饱满拥

13、挤，给人“堵得慌”的感受，这确实是因为留白处理不当的后 果。插图4 齐白石的虾趣 六是视觉流程。视觉流程是一个由总体感知、局部感知到最后印象三个感知时期组成的心理认知过程。人的视线在一个平面上的流淌具有比较固定的认知模式，即从 左到右，自上而下，由左上沿着弧线向右下方自然地流淌。在打开页面后，假如没有明确目的，扫瞄者一般会首先快速扫瞄整个页面，形成初步印象，然后视线会被 可视性最强或感兴趣的对象所吸引，并促成点击。在网页设计中，应该遵循“阅读最省力”的原则，要注意视觉流程规律，视觉流速应合理，视线导向应明确，要有 意识地引导扫瞄者视线按流程顺序轻松、省力、愉悦地阅读。依据此原理，在政府门户网站

14、网页布局和版式设计中，应将重大新闻和图片栏目等重要信息，布置在页 面靠左上方位置，并依栏目重要程度由上向下、由左至右排列。四、媒体设计与运用 随着网络多媒体技术的进步，图形、图像、动画、视频、声音等多媒体元素的运用，网页由静到动，由无声到有声，极大地丰富了网页的表现力。多媒体的设计运用 与表现效果也成为网页设计要考虑的重要因素。当前，专门多政府门户网站在标题图的设计上难以脱离“国徽政府名称域名拼音”的窠臼，有的甚至完全模仿中 央人民政府门户网站依葫芦画瓢；有的网站使用类似新浪、搜狐等门户网站常见的飘浮广告条，不符合政府门户网站庄重严肃的气氛；有的网站动画和图片使用过多 过滥，造成扫瞄者晃眼和不

15、适，效果适得其反等，这些差不多上媒体设计与运用不当的结果。因此，媒体的设计与运用必须注意以下方面。 一是在声音运用方面。政府门户网站一般专门少使用背景音乐，要紧是因为门户网站访问频率专门高，不断重复播放的背景音乐会使扫瞄者产生听觉疲劳。此外，网页中 插入音乐文件，会阻碍网页打开速度。因此，除了在重大节日或重大事件中，确实需要运用音乐来烘托页面效果外，政府门户网站平常一般不应在网页中使用背景音 乐。 二是在图片设计方面。图片包括图形和图像，网页设计中二者通常结合使用，在标题图、LOGO等图片中既有通过处理的图像，也有手工或软件绘制的图形。图片 具有极强的信息导视作用，也能强化视觉效果、营造网页气

16、氛以及爽朗版面的作用。（见插图5）政府门户网页图片的设计和使用，要紧密围绕主题选取具有独特性 和排它性的名胜古迹、风光民俗、代表人物、动植物品种等典型素材，采纳富有创意的处理手法，运用协调的色彩色调，确定合适的尺寸大小，精心设定页面位置， 突出表现鲜亮的地区特色。此外，还应严格操纵图片的容量，通常应将每个图片的容量操纵在40KB以下，且每个网页的所有图片文件大小合计以不超过 200KB为宜。插图5 广东省门户网站标题图 三是在动画设计方面。动画是网页设计元素中最生动、活跃的因素，具有较强亲和力。据统计，动画对扫瞄者的吸引力是图片的三倍。网页动画通常采纳flash 格式，在政府门户网站网页设计中

17、，其设计与运用要紧应注意不要片面追求炫酷效果，而应突出和表现主题，不能和页面其它元素脱节；应动静结合，富于节奏，画 面变化不能过于强烈刺激，以免引起视觉疲劳；动画数量不能太多，占用版面不能太大，以免喧宾夺主，阻碍信息呈现和网页打开速度。五、文字字体与字型 对政府门户网站而言，文字占据了网页的主体部分。文字字体与字型选择应给人以清晰的视觉印象，幸免页面繁杂零乱，使人易读易明白。当前，一些政府门户网站网 页在字体字型处理上的问题要紧有：文字字体使用过多，颜色变化过多；文字粗细、对齐方式不一致；文字风格与页面内容不符，与主题冲突等。受网站特点的限制 和视觉心理的要求，政府门户网站网页字体和字型有较为

18、固定和规范的模式，个性化制造的空间并不大，要紧应从以下几个方面来考虑。 一是文字的字体。作为政府门户网站，同一页面上使用的字体种类一般不应超过四种。鉴于扫瞄者电脑中可能没有专门字体，网页字体应使用兼容的或系统默认的缺 省字体，如黑体、宋体、仿宋及隶书等，假如确实需要其它特不用字体，可将字体图形化后作为图片插入网页中使用。正文文字一般选择宋体，文章标题一般选择宋 体加粗或黑体。标题图中的文字字体选择比较灵活，能够是标准字体，也能够是设计的创意字体。除了加粗外，一般不宜采纳斜体、加下划线等字体效果。如有港台 和国外扫瞄者，还应建立繁体版和英文版，其字体设置应充分考虑这些扫瞄者的阅读适应。 二是文字

19、的字号及间距。在字号的选择上，政府门户网站正文文字一般采纳9磅的字号。文字行距、间距通常取网页设计软件的默认值，其中正文的行距以接近字体 尺寸大小为宜，文字大小与行距最合适的比例为10：12。适当的行距会引导扫瞄者的目光，行距过宽会阻碍文字阅读的连续性，行距过窄会造成文字拥挤，在阅 读时发生跳行错误。同时，为适应不同用户的偏好和视力状况，网页顶部最好设有可切换字体大小的图片按钮。 三是文字的排列。由于政府门户网站功能以呈现信息为主，网页文字版式通常较为固定，一般依照文字内容多少分栏编排到固定的、适合的板块中，用板块将文字加 以统一。如：双栏、三栏、甚至多栏的编排形式。网页通常使用横排文字，也有

20、网页使用竖排的方式，或者将文字图形化后斜排列。竖向排列的文字空间感和速度感 较强，在网页设计中能够依照需要少量使用。网页正文的文字排列方式包括两端对齐、居中、左对齐或右对齐、绕图排列等，但通常采纳左对齐这种比较符合阅读习 惯的排列形式。 四是文字的色彩。合理的文字色彩设置，能够吸引扫瞄者的注意，使文字更加突出醒目。关于政府门户网站而言，文字使用色彩种类不宜过多，最好不要超过三种； 色彩的纯度不宜过高，文字的色彩与背景色明度对比不宜过强；文字色彩应和网页中的图片、动画等媒体的色彩协调一致，使整个页面色彩和谐统一；强调文字一般 用红色，慎用绿色、蓝色等其它色彩来突出显示标题或重要信息。六、网络导航与改版 为扫瞄者提供信息资源导航服务是政府门户网站的差不多功能之一。在站外导航上，要及时对导航系统的链接进行检查，去掉死链接和过时内容，添加新网址，保持导 航系统的活力和有效性。为便于扫瞄者形象直观地定位本地区下属行政区政府门户