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

1、政府门户户网站网网页设计计的要点点解析目前，一一些政府府门户网网站在网网页设计计方面还还存在着着诸多问问题，如如整体创创意不足足，页面面布局不不活，色色彩搭配配不当，字体运运用不佳佳，导航航设计不不全，名名称格式式不 一一，域名名没有统统一，等等等。笔笔者以为为，政府府门户网网站的网网页，特特别是主主页，起起着呈现现传达信信息、与与用户交交互和提提供帮助助导航的的重要功功能，其其设计应应遵循以以下原则则：一 是内容容决定形形式的原原则，即即网页设设计必须须服务于于网站内内容的呈呈现，要要考虑浏浏览者获获取信息息的速度度和舒适适度。二二是整体体协调一一致的原原则。即即网页设设计的各各个环节节，包

2、括括 色彩彩、布局局、文字字、图片片等，要要紧紧围围绕既定定的创意意和风格格展开。三是服服从技术术需要的的原则。网页设设计受技技术制约约的程度度非常明明显。如如网页的的宽度受受限于显显示器分分辨 率率的大小小；网页页色彩的的选取范范围应在在网络安安全色中中；网页页中图片片和动画画的设计计必须严严格控制制其大小小和数量量等等。 在在明确以以上设计计原则的的基础上上，政府府门户网网站网页页设计还还应掌握握以下要要点。一、整体体创意与与风格 网网页的创创意与风风格是围围绕主题题和内容容，对网网页色彩彩、布局局、动画画、图片片、文字字等页面面元素统统一进行行个性化化设计而而形成的的整体视视觉效果果和艺

3、术术特点。当前，一些政政府门 户网站站个性不不足，趋趋向于模模式化和和同质化化，中央央人民政政府门户户网站几几乎成了了一些地地方政府府门户网网站的“模板”，“千千网一面面”、“似曾相相识”的的现象严严重。还还有的网网 站网网页风格格不明显显，主要要表现在在：同一一页面内内各种元元素拼凑凑堆砌、零散混混乱，缺缺少相互互呼应和和一致性性；在页页面与页页面之间间，特别别是一级级和二级级页面之之间，色色彩、版版 式、文字等等网页风风格大相相径庭，页面间间联系不不够紧密密，没有有形成统统一的整整站形象象等。网网页的创创意与风风格是网网页设计计的灵魂魂和统领领，创意意匮乏、风格平平庸的网网站很难难吸 引引

4、人的眼眼球。因因此，加加强网页页的创意意设计和和风格塑塑造是提提高网页页设计水水平的首首要解决决问题。 应应该说，政府门门户网站站不应仅仅仅是一一种政府府发布信信息资源源和提供供信息服服务的工工具，也也应是一一级政府府在网络络上精心心打造的的视觉形形象，应应着力反反映政府府的执政政理念、发展 策略和和远景规规划等深深层次内内容。尽尽管创意意具有很很强的主主观色彩彩，似乎乎来自于于灵感与与顿悟，但绝非非空穴来来风完全全不可把把握。创创意设计计应紧紧紧抓住本本地区的的历史沿沿革、地地 域文文化、民民族特色色等个性性化特点点，选取取标志性性的图片片、有象象征意义义的色彩彩、隽永永深刻的的文字和和恰当

5、的的布局，按照视视觉规律律进行艺艺术加工工，设计计出完整整一致的的视觉形形 象，并长期期沿用下下去，不不断强化化浏览者者的记忆忆，久而而久之就就会深入入人心，印象深深刻，成成为本地地区独特特的“网网络形象象代表”，这就就是一个个政府门门户网站站成功创创意和风风格 的的最终表表现。二、页面面色彩与与色调 对对以呈现现信息为为主的门门户网站站而言，和谐的的色彩色色调能提提高信息息获取速速度，比比字形和和字体的的变化更更能提高高理解的的准确度度。当前前，一些些政府门门户网站站网页在在色彩色色调方 面的问问题主要要有：色色彩使用用过多，造成色色彩杂乱乱相互冲冲突，色色彩观感感矛盾，主色调调不明确确；文

6、字字、图片片、动画画等要素素的色彩彩处理不不一致，整体效效果不佳佳，割裂裂了网页页 色彩彩的整体体感；网网页色调调过于鲜鲜艳，色色彩对比比过于强强烈，视视觉跳跃跃过于明明显，引引起浏览览者视觉觉疲劳和和注意力力分散；文字颜颜色和背背景色对对比不明明显，降降低了阅阅读效率率。 因因此，政政府门户户网站网网页的色色彩色调调设计要要尽量做做到“稳稳重不夸夸张、大大气不局局促、素素雅不浓浓烈、协协调不跳跳跃”，其设计计可分为为以下步步骤。 一一是确定定主色调调。主色色调是页页面的主主要色彩彩倾向。企业网网站设计计中非常常重视主主色调的的作用，如：IIBM的的蔚蓝色色、可口口可乐的的红色、联想集集团的蓝

7、蓝色等，这些颜颜色与 企业形形象融为为一体，已经成成为企业业的象征征。当前前，政府府门户网网站网页页主色调调的选择择以红色色居多，有千篇篇一律的的感觉，其实设设计者完完全可以以根据网网站的创创意、主主题和使使 用对对象，以以及利用用色彩想想要达到到的视觉觉和心理理效果，大胆选选择黄色色、灰色色、绿色色等作为为主色调调。 二二是确定定配色方方案。主主色调确确定后，就要合合理运用用色彩规规律，以以主色调调为中心心，利用用色彩的的明度、纯度、色相三三要素的的变化，适当增增加其他他色彩作作为对比比色和补补色， 选取辅辅色调、点睛色色、背景景色等组组成配色色方案，和主色色调一起起构成有有节奏韵韵律、和和

8、谐统一一的色彩彩关系（见插图图1）。网页配配色方案案要避免免出现色色彩单一一或用色色过多的的 现象象，色彩彩种类最最好不要要超过四四种。插图1 一种配配色方案案 三三是正确确使用色色彩。确确定好主主色调和和配色方方案后，在色彩彩的使用用中应注注意“总总体协调调、局部部对比”，即网网页的整整体色彩彩效果应应该是和和谐的，只有局局部小范范围的地地方可 以有一一些强烈烈的色彩彩对比。要适当当保持用用色的延延续性，在风格格统一的的基础上上，为子子网站或或功能模模块选取取不同的的主色调调和配色色方案，既要从从颜色上上对不同同内容加加以区 分，使使得页面面富于变变化，又又要保持持色彩的的整体性性和协调调性

9、。背背景色一一般采用用素淡清清雅的色色彩，应应避免采采用花纹纹复杂的的图片和和纯度很很高的色色彩，背背景色与与文字的的色彩对对 比要要强烈一一些，便便于区分分背景和和文字，提供舒舒适的视视觉体验验。三、栏目目布局与与版式 网网页布局局与版式式设计是是运用版版面设计计原理，合理配配置与秩秩序化网网页视觉觉元素的的过程，其目的的是实现现信息传传递的清清晰化、合理化化、人性性化，并并考虑视视觉形态态的美化化，使 浏览者者在获取取信息的的同时获获得审美美感受。网页布布局与版版式设计计同传统统平面媒媒体的版版式设计计非常相相似，其其实质就就是在有有限的屏屏幕空间间内将特特定的视视听多媒媒体元素素进行合合

10、 理的的编辑和和安排。从整体体上讲，一些政政府门户户网站网网页在布布局与版版式方面面，过于于方正、刚硬和和死板，缺少设设计灵感感和艺术术美感，主要表表现在：采用直直线和方方块元素素的 多多，采用用曲线和和不规则则形状元元素的少少；采用用对称性性设计的的多，采采用非对对称性设设计的少少；采用用常规布布局的多多，突破破常规布布局的少少。布局局与版式式设计主主要应注注意以下下几个 方面。 一一是版式式线条。网页中中文字、标题、图片等等会在页页面上组组合形成成各种线线条和形形状。正正确地处处理和搭搭配好这这些线条条和形状状，才能能增强页页面的艺艺术魅力力。直线线条的艺艺术效 果是流流畅、挺挺拔、规规矩

11、、整整齐，有有轮有廓廓。直线线和矩形形在页面面上的重重复组合合可以呈呈现井井井有条、泾渭分分明的视视觉效果果，一般般应用于于比较庄庄重、严严肃的页页面；曲曲线条的的 艺术术效果是是流动、活跃，具有动动感。（见插图图2）曲曲线和弧弧形在页页面上的的重复组组合可以以呈现流流畅、轻轻快，富富有活力力的视觉觉效果，一般用用于表现现青春、活泼的的主题。政 府府门户网网站网页页设计如如果能以以直为主主、曲直直结合，就可以以丰富页页面的表表现力和和内涵，显得庄庄重而又又不刻板板，威严严而又不不冷漠。插图2 曲线板板式的例例子 二二是栏目目布局。网页布布局有“国”字字型、拐拐角型、标题正正文型、左右框框架型、

12、上下框框架型、综合框框架型、封面型型、F11ashh型、变变化型等等多种形形式。（见插图图3） 政府门门户网站站主页一一般采用用“国”字型布布局，即即最上面面是网站站标题图图，接下下来是网网站主体体内容，左右分分列两小小条内容容，中间间是主要要部分，与左右右一起罗罗列到底底，最下下 面是是网站的的制作单单位、联联系方式式、版权权声明等等。这是是一种适适合政府府门户网网站的常常规布局局，也是是一种安安全保守守的布局局，具有有便于呈呈现大量量信息、便于设设计实现现的优点点， 但但使用实实在过多多，没有有任何新新鲜感，如果能能在此基基础上，适当加加以错位位或非对对称的布布局变化化，页面面会显得得更灵

13、活活和生动动。插图3 典型的的“国”字型布布局 三三是页面面尺寸。从页面面宽度来来看，基基于80006600分分辨率宽宽度来设设计网页页已经过过时，在在17寸寸以上宽宽屏显示示器已经经普及的的今天，个别政政府门户户网站仍仍采用这这一宽 度，会会在屏幕幕左右留留下了较较大空白白，显得得小气和和局促，窄小的的页面也也不利于于呈现丰丰富的信信息，因因此，网网页宽度度应以1102447668分辨辨率为设设计标准准。也可可以此分分 辨率率为基准准，采用用自适应应屏幕宽宽度设计计，在各各种分辨辨率条件件下都能能取得较较好的效效果。从从页面长长度来看看，我国国政府门门户网站站主页绝绝大部分分采用多多页式结结

14、构。多多页式主主页 应应避免为为使主页页内容显显得丰富富，将二二级页面面的内容容提到主主页上来来，使得得页面长长度超过过三屏，显得过过分冗长长。单页页式主页页一般为为导航型型门户网网站采用用，因为为主页呈呈现的 信息量量比较少少，尤其其要注意意导航系系统的设设计，力力求周全全便捷，避免给给用户进进一步获获取信息息带来困困难。 四四是构图图比例。黄金分分割比例例大约为为0.6618，可以不不精确地地表示为为3比55(或55比8，8比113)。黄黄金分割割寓变化化于整齐齐之中。过于强强调整齐齐的形体体，容 易流于于呆板单单调;而而变化过过多的形形体，又又显得散散漫杂乱乱。黄金金分割律律中，左左右两

15、边边长度是是不等和和变化的的，但又又符合一一定的规规律，从从这个角角度看又又是整齐齐的。它它不仅在在 自然然界中随随处可见见，在建建筑、广广告、工工业设计计中也被被作为最最完美的的比例标标准。在在网页的的构图中中，有的的政府门门户网站站一味采采用对称称和居中中设计，显得过过于呆板板，若能能有 意意识地运运用黄金金分割和和视觉中中心点来来配置页页面元素素，将大大大增强强页面的的美感，减少构构图比例例失调的的情况。 五五是留白白处理。留白是是写意国国画中常常用的艺艺术手法法，它能能缓和画画面的紧紧张及复复杂度，唤起联联想，利利于组织织严密和和突出主主题，加加强对比比，达到到画面的的均衡（见插图图4

16、） 著名画画家齐白白石的虾趣就是留留白处理理的佳作作。留白白同样也也适用于于网站的的布局设设计和图图片设计计。在给给人强烈烈印象的的构成要要素的周周围留下下空白，能扩大大和提高高视觉效效 果，有利于于视线流流动，破破除沉闷闷感。有有的政府府门户网网站网页页页面为为突出信信息量，“寸土土必争”，饱满满拥挤，给人“堵得慌慌”的感感觉，这这就是因因为留白白处理不不当的后后 果。插图4 齐白石石的虾虾趣 六六是视觉觉流程。视觉流流程是一一个由总总体感知知、局部部感知到到最后印印象三个个感知阶阶段组成成的心理理认知过过程。人人的视线线在一个个平面上上的流动动具有比比较固定定的认知知模式，即从 左到右右，

17、自上上而下，由左上上沿着弧弧线向右右下方自自然地流流动。在在打开页页面后，如果没没有明确确目的，浏览者者一般会会首先快快速浏览览整个页页面，形形成初步步印象，然后视视线会被被 可视视性最强强或感兴兴趣的对对象所吸吸引，并并促成点点击。在在网页设设计中，应该遵遵循“阅阅读最省省力”的的原则，要注意意视觉流流程规律律，视觉觉流速应应合理，视线导导向应明明确，要要有 意意识地引引导浏览览者视线线按流程程顺序轻轻松、省省力、愉愉悦地阅阅读。依依据此原原理，在在政府门门户网站站网页布布局和版版式设计计中，应应将重大大新闻和和图片栏栏目等重重要信息息，布置置在页 面靠左左上方位位置，并并依栏目目重要程程度

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

19、 过过滥，造造成浏览览者晃眼眼和不适适，效果果适得其其反等，这些都都是媒体体设计与与运用不不当的结结果。因因此，媒媒体的设设计与运运用必须须注意以以下方面面。 一一是在声声音运用用方面。政府门门户网站站一般很很少使用用背景音音乐，主主要是因因为门户户网站访访问频率率很高，不断重重复播放放的背景景音乐会会使浏览览者产生生听觉疲疲劳。此此外，网网页中 插入音音乐文件件，会影影响网页页打开速速度。因因此，除除了在重重大节日日或重大大事件中中，确实实需要运运用音乐乐来烘托托页面效效果外，政府门门户网站站平时一一般不应应在网页页中使用用背景音音 乐。 二二是在图图片设计计方面。图片包包括图形形和图像像，

20、网页页设计中中二者通通常结合合使用，在标题题图、LLOGOO等图片片中既有有经过处处理的图图像，也也有手工工或软件件绘制的的图形。图片 具有极极强的信信息导视视作用，也能强强化视觉觉效果、营造网网页气氛氛以及活活泼版面面的作用用。（见见插图55）政府府门户网网页图片片的设计计和使用用，要紧紧密围绕绕主题选选取具有有独特性性 和排排它性的的名胜古古迹、风风光民俗俗、代表表人物、动植物物品种等等典型素素材，采采用富有有创意的的处理手手法，运运用协调调的色彩彩色调，确定合合适的尺尺寸大小小，精心心设定页页面位置置， 突突出表现现鲜明的的地区特特色。此此外，还还应严格格控制图图片的容容量，通通常应将将

21、每个图图片的容容量控制制在400KB以以下，且且每个网网页的所所有图片片文件大大小合计计以不超超过 2200KKB为宜宜。插图5 广东省省门户网网站标题题图 三三是在动动画设计计方面。动画是是网页设设计元素素中最生生动、活活跃的因因素，具具有较强强亲和力力。据统统计，动动画对浏浏览者的的吸引力力是图片片的三倍倍。网页页动画通通常采用用flaash 格式，在政府府门户网网站网页页设计中中，其设设计与运运用主要要应注意意不要片片面追求求炫酷效效果，而而应突出出和表现现主题，不能和和页面其其它元素素脱节；应动静静结合，富于节节奏，画画 面变变化不能能过于强强烈刺激激，以免免引起视视觉疲劳劳；动画画数

22、量不不能太多多，占用用版面不不能太大大，以免免喧宾夺夺主，影影响信息息呈现和和网页打打开速度度。五、文字字字体与与字型 对对政府门门户网站站而言，文字占占据了网网页的主主体部分分。文字字字体与与字型选选择应给给人以清清晰的视视觉印象象，避免免页面繁繁杂零乱乱，使人人易读易易懂。当当前，一一些政府府门户网网站网 页在字字体字型型处理上上的问题题主要有有：文字字字体使使用过多多，颜色色变化过过多；文文字粗细细、对齐齐方式不不一致；文字风风格与页页面内容容不符，与主题题冲突等等。受网网站特点点的限制制 和视视觉心理理的要求求，政府府门户网网站网页页字体和和字型有有较为固固定和规规范的模模式，个个性化

23、创创造的空空间并不不大，主主要应从从以下几几个方面面来考虑虑。 一一是文字字的字体体。作为为政府门门户网站站，同一一页面上上使用的的字体种种类一般般不应超超过四种种。鉴于于浏览者者电脑中中可能没没有特殊殊字体，网页字字体应使使用兼容容的或系系统默认认的缺 省字体体，如黑黑体、宋宋体、仿仿宋及隶隶书等，如果确确实需要要其它非非常用字字体，可可将字体体图形化化后作为为图片插插入网页页中使用用。正文文文字一一般选择择宋体，文章标标题一般般选择宋宋 体加加粗或黑黑体。标标题图中中的文字字字体选选择比较较灵活，可以是是标准字字体，也也可以是是设计的的创意字字体。除除了加粗粗外，一一般不宜宜采用斜斜体、加

24、加下划线线等字体体效果。如有港港台 和和国外浏浏览者，还应建建立繁体体版和英英文版，其字体体设置应应充分考考虑这些些浏览者者的阅读读习惯。 二二是文字字的字号号及间距距。在字字号的选选择上，政府门门户网站站正文文文字一般般采用99磅的字字号。文文字行距距、间距距通常取取网页设设计软件件的默认认值，其其中正文文的行距距以接近近字体 尺寸大大小为宜宜，文字字大小与与行距最最合适的的比例为为10：12。适当的的行距会会引导浏浏览者的的目光，行距过过宽会影影响文字字阅读的的延续性性，行距距过窄会会造成文文字拥挤挤，在阅阅 读时时发生跳跳行错误误。同时时，为适适应不同同用户的的偏好和和视力状状况，网网页

25、顶部部最好设设有可切切换字体体大小的的图片按按钮。 三三是文字字的排列列。由于于政府门门户网站站功能以以呈现信信息为主主，网页页文字版版式通常常较为固固定，一一般根据据文字内内容多少少分栏编编排到固固定的、适合的的板块中中，用板板块将文文字加 以统一一。如：双栏、三栏、甚至多多栏的编编排形式式。网页页通常使使用横排排文字，也有网网页使用用竖排的的方式，或者将将文字图图形化后后斜排列列。竖向向排列的的文字空空间感和和速度感感 较强强，在网网页设计计中可以以根据需需要少量量使用。网页正正文的文文字排列列方式包包括两端端对齐、居中、左对齐齐或右对对齐、绕绕图排列列等，但但通常采采用左对对齐这种种比较

26、符符合阅读读习 惯惯的排列列形式。 四四是文字字的色彩彩。合理理的文字字色彩设设置，能能够吸引引浏览者者的注意意，使文文字更加加突出醒醒目。对对于政府府门户网网站而言言，文字字使用色色彩种类类不宜过过多，最最好不要要超过三三种； 色彩的的纯度不不宜过高高，文字字的色彩彩与背景景色明度度对比不不宜过强强；文字字色彩应应和网页页中的图图片、动动画等媒媒体的色色彩协调调一致，使整个个页面色色彩和谐谐统一；强调文文字一般般 用红红色，慎慎用绿色色、蓝色色等其它它色彩来来突出显显示标题题或重要要信息。六、网络络导航与与改版 为为浏览者者提供信信息资源源导航服服务是政政府门户户网站的的基本功功能之一一。在站站外导航航上，要要及时对对导航系系统的链链接进行行检查，去掉死死链接和和过时内内容，添添加新网网址，保保持导 航系统统的活力力和有效效性。为为便于浏浏览者形形象直观观地定位位本地区区下属行行政区政政府门户户网站，