APP下载

与时俱进的政府网站

2014-09-15郑建鹏

网络传播 2014年7期
关键词:扁平化网格化页面

郑建鹏

随着电子政务事业的不断发展以及互联网在各行各业中的广泛应用,政府网站开始成为影响人们社会生活的诸多新媒体形态的重要内容。政府网站为人们提供了各种信息查询、政务公告、在线服务等便利。一般情况下,政府网站的功能固定而直接,因此在内容选择、栏目设置方面都具有一定的标准和模式,其设计也大多采用统一的模板。不过,随着人们对政府事务的关注,以及政府提供公共服务的多样化与个性化,越来越多的政府机构网站开始向现代与时髦转化,一些最新的网站设计技术与艺术元素开始频繁出现在政府机构的网站设计中。这种现象在政府机构服务意识相对强烈的欧美国家表现最为突出。

瀑布流是一种近年来流行起来的网页布局方式,视觉表现为参差不齐的多栏结构,随着页面滚动条的向下滚动,网站不断加载文字或图片数据块并附加至当前页面最尾部。这类布局多用于社交分享网站、电子商务网站以及一些娱乐潮流类网站,而作为政府官方机构的美国田纳西州政府网站也时髦地采用了这种布局(图一)。在首页上我们看到的是一个扁平化风格的图片拼接的画面,大小不等地展示田纳西州地方新闻、商务机会、汽车服务、家庭协助、教育、天气、会议、音乐会等各种信息的方形图片组合在一起。缩略图片同文本信息因为鼠标的碰触交替出现,意在展现田纳西州政府的现代高效作风。美国阿拉巴马州的政府网站几乎囊括了目前网页设计的所有流行趋势,首先是大背景图片的使用,网站采用了蓝天与地平线交会的场景作为页面背景,并对图片做虚化处理,进而在模糊页面上设置白框白字的透明导航按钮。在其他图标的设计上,网站也严格地实践了扁平化的设计风格,网站首页第一行的导航按钮还特意采用狭长的字体设计,以尽量展现网站的简洁与现代。而且,阿拉巴马州政府的网站还是可适应的,人们可以通过不同终端的各种尺寸显示屏浏览最合宜、最恰切、最完美的视觉内容。

简洁与扁平化是美国众多政府网站设计的新动向,而且似乎已经成为大家有所共识的设计规范,而单页面、网格化与透明图标则是其具体表现。另有一些政府机构网站甚至在此基础上,尝试采用视差滚动的方法创造别样的浏览体验。美国南卡莱罗纳州政府网站采用了整幅图片作为页面背景(图二),在背景风光图片静止不动的情况下,通过覆盖于风光图片之上的文本信息的上下滚动实现文本与背景的巧妙互动,展现天空与大地交替出现的美好景象。网站左侧设置深蓝色半透明蒙版作为导航区块,其他部分则大量留白,仅在精彩的风光之上分散地排布五个小黄点,作为网页重点推介内容的链接。南卡莱罗纳州政府网站也因其精彩创意和精妙设计获得了2013年美国最好的网站、2013年GMIS精英成就奖等多项殊荣。

我国的政府机构在电子政务与网站建设方面同欧美国家仍有一定的差距,但随着近年来政府职能与服务意识的提升与转变,个性、轻松、活泼、亲近的政府机构形象也开始在网站建设上逐渐展露出来。这其中又以旅游网站最为明显。采用大背景照片是近年来网站设计的流行趋势,山东省旅游局官方网站就以“好客山东”作为主题(图三),采用了云海缭绕的群山形象作为网站背景,生动展示山东独特的地理风光和人文资源,网站重视图片的渲染效果,首页以大图片展示山东优美的旅游景色,而主体部分大大小小的网站内容图片则以拟物化设计方式处理为相框照片效果,充满了愉悦、轻松和生活家常的味道。

山西旅游局“晋善晋美”网站的图、文、色配合与感染效果更为强烈(图四)。网站首页以大图片背景展现五台山苍翠欲滴的植被、高耸挺拔的白塔以及鳞次栉比遍布群山的金顶红墙寺院。完整的大幅图片里布满各种冲击力强烈的色彩,充分展现山西的“善”与“美”。网站上部设置仿红色门楹的导航条,楷体书法字体导航文字体现出浓郁的古典味道,大量的山西旅游资源内容介绍浓缩于四个导航按钮之中,以简单驾驭繁复。

不可否认,政府相关机构网站肩负着全面传达政务管理信息,为民众提供最大化的在线社会服务的职能,但这并不能成为这些机构网站沉溺固定模式、追求大而全的理由。实际上,我们上面提到的网站,虽首页简单纯粹,但网站下级页面的信息量并不少,他们利用简洁的导航设置将大量内容隐藏起来,以开门见山、平易亲切的第一形象展现在浏览者面前,而非臃肿繁复地伪装权威与扮演严肃,生动的网站风格会愉悦浏览者的心情,更会大大增加民众对政府机构的好感。

链接

www.whitehouse.gov

白宫网站。美国政府最知名的网站,首页非常简单,采用大幅照片作为网站最醒目内容,网格化的布局展现时尚杂志般的阅读效果。首页内容虽少,但导航链接下的内容却极其丰富,只有鼠标滑过导航按钮区域时,这些庞大内容才一一展现,可谓简单外表下隐藏了一颗丰富的内心。

www.cnta.gov.cn

中华人民共和国国家旅游局网站。典型政务网站,条分细缕,内容清晰,网格化布局色彩显著。我们可以在网站首页找到所需要的所有内容,优点是一目了然,简便直接;缺点是一股脑地灌输,内容繁复。尤其是导航部分,细小的字体,密密麻麻竟然设置了两排26个。

www.tourzj.gov.cn

浙江旅游网。网站页面背景为透着光晕的蓝色天幕,主体内容为三排扁平化的方形图块,每个图块的背景色彩均为不同明度的蓝色系,并带有文字与简单图标两层信息,分别链接旅游政务、旅游资讯、旅游视频、淘宝旅游馆、中国旅游报浙江版、旅游手机报等不同内容。

www.tourzj.gov.cn

英国军情五处网站。这个鼎鼎大名的007老家的网站其实设计得非常简单,网格化布局主要浅尝辄止地展示军情五处的主要职责、发展历史以及一些不痛不痒的新闻。不过,作为一个在外人眼中如谜一般的情报机构,愿意设计一个时髦的网站就是最大的进步了,当然,军情五处设计网站的主要目的是为招揽人才。

www.gov.cn

中华人民共和国中央人民政府网站。与美国白宫网站有异曲同工之妙,页面内容简洁清晰,全部页面虽不能在一屏内显示完毕,但绝对只需滚动一次鼠标滑轮;页面上部的八个导航按钮配以扁平化的图标设计,链接了大量隐藏的网站内容。无鼠标碰触时,导航部分连同首页主体图片营造典雅内敛风格。endprint

猜你喜欢

扁平化网格化页面
刷新生活的页面
以党建网格化探索“户长制”治理新路子
扁平化设计在手机界面中的发展趋势
城市大气污染防治网格化管理信息系统设计
化解难题,力促环境监管网格化见实效
扁平化的球星Ⅱ
扁平化的球星
扁平化的球星
网站结构在SEO中的研究与应用
浅析ASP.NET页面导航技术