世界著名博物馆网站的视觉分析 - 图文

世界著名博物馆网站的视觉分析

Analyze on the visual art of the world famous museum website

作者：毛宁

摘要：在当今的网络环境中，网站视觉形象的重要性日益突显。如何避免网站视觉形象的类同，又如何创造出具有独特面貌和鲜明风格的网络形象？世界著名博物馆网站在这方面给了我们很好的启发。通过对著名博物馆网站的视觉风格进行分析和比较，发现成功的视觉风格，来自对网站主体文化的深入理解和创造性读解。丰富的创意或简明的标志，都是建构网站形象的良好手段。同时也要注意整体形象的统一，避免过多视觉焦点对网站形象造成“过犹不及”的影响。 ABSTRACT: At the present time, website has became the most influential Virtual Communication Media. So, the visual art of the website is the important subject to study. From the analysis and contrast of the world famous museum website, we got many illumination. The successful website visual art depend on deep understanding of the website, the good idea, simple logo, and the uniform visual identification.

关键词：世界著名博物馆网站 视觉特征 网络形象

key words: world famous museum website visual art website identity

正文：

在当今的网络环境中，网站视觉形象的重要性日益突显。对于网站形象的关注，与单一型网站的兴起有着密切的关系。与大型门户网站相比，它们要突显的不是大而全，而是专题与特色。在此类网站设计中，如何避免网站视觉形象的类同，又如何创造出具有独特风格的网站形象，已成为网站设计的一大课题。

世界著名博物馆网站因其强烈的视觉效果和鲜明的风格特征吸引着人们的视线。人们不必前往巴黎、北京、俄罗斯和西班牙，就能通过卢浮宫博物馆网站、北京故宫博物院网站、艾尔米塔什博物馆（即冬宫博物馆）网站、毕尔巴鄂古根海姆博物馆网站等世界著名博物馆网站领略到它们的恢宏气势和迷人姿态。它们精致而独特的视觉形象给浏览者带来美不胜收惊喜体验和和难以忘怀的深刻记忆。这些网站是如何将主体的独特形象融入到网站设计之中，又是如何创造出鲜明的网站形象的呢？

网站形象不是一个孤立的美学形象，它和网站的建设目的与传达信息是一个有机的整体。博物馆作为重要的文化遗产收藏机构和展示机构，也不可避免的成为公众消费的服务部门。与此同时，当今的博物馆也日益成为人们接受文化教育的重要场所。网站建设的目的便是提供博物馆介绍、参观服务、藏品展示及研究资讯等信息。为了涵盖网站主体的丰富内容并实现其多重职责，博物馆网站的主体结构主要包括：1、museum，博物馆介绍（博物馆建筑介绍、博物馆历史介绍等）；2、exhibitions，展览内容（当前的展出的内容、永久陈列的展品内容等）；3、collections，馆藏（重要馆藏作品介绍、藏品数据库等）；4、visit，参观指南（展馆开放时间、票价、参观路线、参观导读设备、讲解员、纪念品等）；5、activities，活动（讲座等）。虽然每个网站的结构会根据其主体博物馆的不同特点和要求会有一些差别，但总的内容和结构是十分相近的。相近的内容和结构，并没有导致这些网站之间出现雷同的面貌。相反，融入此结构的鲜明视觉风格，成就了这些著名博物馆网站的独特魅力。

首先，我们要考察以下四个网站：大英博物馆网站、卢浮宫博物馆网站、纽约古根海姆博物馆网站、毕尔巴鄂古根海姆博物馆网站。它们在网站形象上最为独特和醒目。

1、大英博物馆网站http://www.thebritishmuseum.ac.uk/。(图1)

网站首页采用了其他博物馆网站不常见的黑色背景色，以及白色和黄色文字菜单。黑色与白色、黄色三种强对比色的使用，使页面内容十分醒目。页面的构图也采用了简洁清晰的方式。标题和导航菜单等主要内容集中在页面左侧五分之一至四分之一左右的位置上。主标题“THE BRITISH MUSEUM”（亦为其标志）放在左上角，主标题下方纵向排列了实时通讯注册和导航菜单，再下方是国旗图案构成的语言选择图标等。这些内容主要的右侧，即页面的中间部分，是馆藏重要作品的图片及图片下方的两行字体较大的宣传文字“TRAVEL THE WORLD.VISIT THE BRITISH MU SEUM.”。再右侧为空白，不再出现其它的图形和文字。对于内容庞大的网站而言，首页内容的精练形式的明了的内容实属难能可贵。而这里的简练，不仅带来使用的方便和视觉的愉悦，同时也是实现其设计意念的重要手段。由于页面的简洁，更衬托出了位于页面中心的馆藏珍品图片，图片被处理成从黑色底色中渐变清晰的视觉效果，使网页浏览者犹如置身于光线昏暗的博物馆实境之中，驻足欣赏这灯光聚焦的珍贵藏品。这些精选于大英博物馆馆藏的珍品本身，就是大英博物馆最具有说服力的代表形象。并且，这些图片还会在每次打开网站首页时有所变化：埃及法老陵墓中的图坦哈门面具、智

利复活节岛的巨人石像、古代印度佛像等向我们展示昔日的殖民地大国所拥有的无与伦比的丰富馆藏。

大英博物馆网站的首页的设计好似一本书的封面，集中展示了全书主题，并带有一定的神秘感诱导读者深入了解。从首页的导航菜单或首页的图片进入内容页面，视觉风格一反首页的沉重神秘：白色的背景，整洁的内容，以及顶端色彩艳丽的“页眉”（即内容页上方的标题栏）。每一页左上角都会出现首页左上首的 “THE BRITISH MUSEUM”标志，这也是贯穿整个大英博物馆网站的核心形象。标志中的字体为经过处理的现代无衬线字体，清晰醒目，且具有强烈的个性特征。每个内容页的标题栏皆采用不同的色彩，并以经过单色处理的照片作为标题背景。照片被处理成单色的同时也做了明暗渐变的调整，与文字协调且带有

怀旧色彩。不由的令人再次联想到那个将无数世界文化宝藏收归帝国所有的风云年代。正如其“VISIT”的第一句话所写的那样“Free to the world since 1753, the British Museum houses one of the greatest collections of human cultural history”。 2、卢浮宫博物馆网站http://www.louvre.fr/。(图2) 卢浮宫博物馆网站的首页既没有采用带有“封面”的主题页形式，也没有像我们常常见到的一些网站那样用大量的菜单和标题内容铺满首页。卢浮宫博物馆网站首页自上而下的结构为：“louver”标志栏——导航菜单条——卢浮宫景观图片——导读图标——版权标识及“站点地图”、“帮助”等图标。位于页面偏上部分的卢浮宫景观图片，是页面中最为醒目的部分。华灯初上时分的卢浮宫建筑，辉煌的灯火勾画出它的奢华与沧桑，两排宫殿中间，广场向远处伸展，广场中央亦是画面中央，矗立着由钢铁构建的卢浮宫入口——现代建筑师贝聿铭的新现代主义风格作品。在这里，白昼与黑夜交际，古典与现代交融，正如这些前来卢浮宫参观的现代观众游走于漫长的古代艺术长河。图片最为恰当的烘托了主题，渲染了气氛，卢浮宫博物馆网站的形象从而过目不忘、深入人心。页面的色彩设计采用淡淡的暗紫色调背景、灰蓝色导航条及图片中的蓝色天空，优雅而恬静。再配合页面上简洁而灵活的轻松布局，所呈现出的不是大英博物馆网站的森严感觉，而是绝对的法国调子。 卢浮宫博物馆网站的内页设计，采用了与首页一致的风格和样式，在色彩和结构上风格非常统一。“louver”标志栏作为网页模板元素出现在所有页面的上方。“louver”标志由英文字母“louver”和云朵背景组成。“louver”标志栏又由“louver”标志和明暗渐变背景组成。其中的云朵图案和渐变效果，与首页卢浮宫图片中朵朵白云的天空背景相互呼应，从而使网站的整体形象得到更为强烈的突显。 3、纽约古根海姆博物馆网站http://www.guggenheim.org/new_york_index.shtml。(图3) 不同于大英博物馆和卢浮宫博物馆，这两个博物馆是专门展出现当代艺术作品的机构。 纽约古根海姆博物馆是由美国最有创意的建筑师弗兰克·劳埃得·赖特设计的，这座建成于1959年的建筑漂亮而奇特。建筑物的外部向上、向外螺旋上升，内部的曲线和斜坡则通到6层。螺旋的中部形成一个敞开的空间，从玻璃圆顶采光。如果你了解这个建筑，欣赏这个建筑，就一定能在浏览其博物馆网站时露出心领神会的微笑。虽然没有在首页摆上精致的建筑摄影图片，但极为简洁的页面编排中，已表达了对建筑的自豪。首页由主标题“Guggenheim Museum”——导航栏——参观说明——详细导航菜单构成。首页中的字体皆为简洁的现代字体，白色背景。在首页中，位于标题下的导航栏最为醒目。导航栏被处理成带状，图片附以文字说明水平排列其间。浏览这些图片导航目录的感觉，犹如观众站在博物馆那螺旋向上的、略微倾斜的走廊中欣赏着一件件画作的情景。这种页面形式，也运用到了网站的许多其他页面。如“Exhibition”页面等。现代的平面风格，对主题的抽象表现，构成了该博物馆网站鲜明的视觉形象。 4、西班牙毕尔巴鄂古根海姆博物馆网站http://www.guggenheim-bilbao.es/。(图4) 毕尔巴鄂古根海姆博物馆（Museo Guggenheim Bilbao）建筑是当代最著名美国建筑师弗兰克·盖瑞（Frank Gehry）1997年的作品。比起纽约的古根海姆来，它显得更为激进和惊人。这座建筑本身应该也是该馆最骄傲的藏品之一。这座后现代解构风格的建筑，正如人们的描述那样“如同火焰在燃烧”，银色的闪烁躯体，在湛蓝色的天空背景中扭曲舞动并燃烧，并在碧蓝的水中留下倒影。由此，这座建筑便成为网站设计的灵感来源。

毕尔巴鄂古根海姆博物馆网站的首页为主题页。大片空白页面中间渐变出淡蓝色图片。博物馆建筑局部的图片制作成单色素描草图效果，充分张扬了先锋艺术的实验性与原创性，也很好的体现了建筑形态的奇异与建筑表面质感的独特。图片下方是与图片同色的无实线字体标题“Guggenheim Bilbao”和语言选择菜单，以及位于页面最底部的版权标识。极简设计的首页结构中没有网站内容导航菜单等繁复内容，进入网站后由语言选择菜单链接到导航页面，再由导航菜单链接到下一层页面。内容页面采用与首页一致的白色背景，博物馆建筑摄影图片、干净的现代字体，以及拼贴效果的版面设计。整个网站的视觉风格充满了清新气息与青春活力，与其建筑风格和馆藏内容十分契合。

所有内容页面具有统一的模板，它由左上角的“Guggenheim Bilbao”标题和返回图标、底部的导航条及白色背景构成，在字体和色彩的处理上与首页具有非常一致的风格。页面最左上角是返回主菜单的小图标，其下方为纵向的条状标题“Guggenheim Bilbao”。最底部的导航菜单背景，再次运用博物馆建筑图片，并处理成协调的淡蓝调子。每一页的内容，则采用现代平面设计中常常用到的图片拼贴手法。以“the exhibition”页面为例，蓝色和灰色几何色块相互叠压，中间再结合建筑摄影图片，文字根据内容分布在不同的几何形色块上。“building”页面的几何形态背景十分不规则，其顶部轮廓经仔细观察，竟是由博物馆建筑的剪影处理。

建筑元素可谓是毕尔巴鄂博物馆网站设计的灵魂，机智的在网页中频繁亮相。网站所采用的天蓝色的基调，更是让人联想到建筑背后的蔚蓝天空和碧蓝水面。网页设计中极为大胆地现代手法，既传达了建筑风格的前卫，又表达馆藏的现代特性。

上述四个著名博物馆网站，都以极强的形象识别特性取胜，而其视觉特征又无不来自设计者对网站主体——博物馆文化的深刻理解与发掘。

与上述视觉风格浓郁，网站形象突出的博物馆网站相比，艾尔米塔什博物馆网站和纽约大都会博物馆网站在网站形象上有所不同。这两个网站的设计似乎更强调网站制作的技术性，对网站主体文化内涵的挖掘和体现没有上述四个网站强烈。

5、艾尔米塔什博物馆网站http://www.hermitagemuseum.org/。由IBM公司制作的网站页面十分简洁，白色背景上平铺信息文字和小图标，每页面顶部标题栏与主题页的标题风格一致，并且采用了摄影蒙太奇手法，构成了该网站统一的视觉形象。（图5）

6、纽约大都会博物馆网站http://www.metmuseum.org/。在制作上更为精良，彩色的版面效果，区块划分式的排版风格，都令该网站在易读性上更胜一筹。许多博物馆网站都会根据页面的不同内容变化排版形式，而大都会博物馆网站的页面全部使用统一的版式，使得网站的视觉风格更为统一，更具有形象识别性。同时，精美华丽、现代气派的视觉效果，也与该馆藏品丰富、资金雄厚、气势宏大的美国风格一脉相承。(图6)

艾尔米塔什博物馆网站和纽约大都会博物馆网站虽然在视觉上不甚丰盛，但统一的导航、版式、色彩、风格也使它们具有明确的网站形象。这两个网站有一个共同的特点，就是对博物馆VIS的充分利用。出现在艾尔米塔什博物馆网站和纽约大都会博物馆网站标题栏边的标志，最为醒目明了的体现出该网站形象。因此，无论是源于博物馆文化的丰富的创意