学习奥林匹克网——文化与形式的结合

站长空间

奥林匹克网特色指数

视觉美观度:★★★★

文化与情感表达度:★★★★☆

功能使用便捷度:★★★★☆

相信浏览过奥林匹克网站(http://www.Olympic.org)的朋友,都会对它印象深刻。它庄重、典雅,它蕴含精神和文化。从形式设计的细节之处看,不乏值得我们观摩与借鉴。奥林匹克的官方网站可以说,在国内外政府网站中算得上相当优秀的设计作品。

首页的变换照片

Olympic.org的首页十分简洁,这和很多放置大量信息的政府类网站首页截然不同。信息少,浏览者不易分散注意力,这会使重要信息被迅速接收。与此同时,色彩整洁、条理分明的页面形式具有良好的亲和力,可赢得人们的好感,并加深记忆(图1)。

24-f7-3.jpg
图1

最值得一提的是中栏,中栏放置的是和奥林匹克相关的比赛场馆、事件、运动员、文化活动等照片,每隔几秒可替换新照片。每幅照片都含有奥林匹克的精神或文化,均是相当优秀的摄影作品。它的出现使Olympic.org的网站形象变得突出和醒目,也给平静的页面增添了许多变化,和不断的新鲜感。

正中央的标志与庄严的气氛

难得一见的如Olympic.org这般把标志放在醒目的页面正中央。并使标志贯穿于网站所有页面上,这无疑增加了奥林匹克的庄重感,同时也给人一种页面形式的安定感,即十分可靠、可信任的政府网站应该具有的气氛。

“锥子”型的页面结构

Olympic.org的内页设计属于“锥子”型设计(图2)。中栏很长,两翼较短。这样的页面并没有产生头重脚轻的心理视觉,相反,而是给人以高大的、有气势的、可靠的心理视觉。

24-f7-4.jpg
图2

能够产生这样的效果,主要是和标志的位置有关系。网站的标志如同人的眼睛或头脑,如果标志放在一侧,高大的、有气势的心理视觉就会消失明显。在这里提醒读者,不要盲目地模仿,一定要尽可能地分析出细小环节的点滴与精华,真正理解他人的创作意图,才能帮助自己进步。

直线和曲线、虚与实的对比

Olympic.org在装饰设计上,采用了虚线的效果,这是一个常见的网页设计形式。虚线所形成的直角十分明显,除此以外,其他环节的分割方式采用了直线形式。

直线形式给人以严谨、科学、精准的感觉,十分适合政府职能的网站。但是,我们也要注意到,严谨和庄重很容易产生距离感,使人感觉不易接近,有一定的心理落差。为了弥补这种缺陷,Olympic.org的设计师巧妙地在左侧插图的美化处理上采用了虚边、曲线型的效果。边缘用文字密密麻麻地排列在图片周围,逐渐淡化,效果很好(图3)。

24-f7-5.jpg
图3

虚与实的对比,直线与曲线的对比,丰富了页面的视觉元素,也抵消了单一视觉符号所产生的偏重视觉语言。这使网站既具有严谨、专业的感觉,同时也具有很强的亲和力,可赢得浏览者的尊重与喜爱。

色彩设计以及丰富的内容

Olympic.org的用色不张扬,却十分有格调。与奥林匹克所具有的百年历史一样,设计师选择了富有文化内涵的色彩:如深红、深蓝、紫色、浅褐、深绿……颜色虽然铺盖不多,却能使穿梭在页面之间的浏览者时常感受到不同的变化和新鲜感,这是十分难得的色彩处理,也警示那些只用一组配色的政府网站,是时候改变一下了。

一木点评:Olympic.org,整体设计不张扬,页面形式统一不复杂,用色和细节处理也不多,却能够给人富含文化和精神的感觉;具亲和力;过目不忘的丰富感受,是十分值得设计师与政府网站参考和学习的。