湖北工业大学艺术设计学院 周 峰 谢佳雯
摘要:
数字技术的发展推动了新媒体在公众设施中的广泛应用，受众群体对数字媒体的需求不再仅仅局限于了解信息、获取信息，对于视觉的美感也有更高的要求。本文将以依托网络平台建立起来的数字美术馆为例，通过分析其网站的视觉设计，多方面解析视觉元素在网络平台发挥的不同作用，体现视觉设计在数字美术馆建设中的价值。
关键词：
数字美术馆 新媒体 网站 视觉设计
Abstract：
The development of digital technology has promoted the wide use of new media in public facilities. The audience’ s demands for digital media are not confined to the understanding and achievement of information, but higher requirements for the visual aesthetics. Relying on digital art gallery set up on the network platform, this paper makes analysis on different roles of visual elements in the network platform, and reflects the value of visual design shown in the establishment of digital art gallery, by analyzing the visual design of its
website.
Keywords:
Digital art museum New media Website Visual design
中图分类号： G268
文献标识码： A
文章编号： 1003-0069（2015）05-0129-03
随着互联网产业的飞速发展，数字虚拟现实、三维建模、物联网、移动互联、云计算、大数据等各类新技术应用大量出现。如今，这些新媒体技术已经广泛应用于美术馆的展览陈列之中。其中，数字美术馆，以数字化、网络化、虚拟化的手段，极大地增强了展示的生动性和交互性，扩展了展示的空间和时间。
依托网络平台，结合虚拟现实技术和网络技术的数字美术馆，打破了实体美术馆现有空间的限制，延伸到数字空间进行展示。为满足受众的个性需求，在表现形式上和内容组织上持续创新，更注重在虚拟现实和制造虚拟现实空间方面的视觉设计。
1 视觉设计对数字美术馆建设的影响
数字美术馆就其内涵可以分为两种：基于现有实体美术馆的数字化改造和纯网络虚拟的美术馆信息展示平台。无论是前者还是后者，视觉设计都占有重要的分量。应用了视觉设计的数字美术馆，打破了实体美术馆展示上一贯单一呆板的陈旧模式，更注重数字展陈设计，优化多媒体界面，全方位融合数字媒体前沿技术与文化创意，使参观者更好地与美术馆近距离互动。
在数字美术馆中，网站视觉设计应用的价值主要体现在用户界面上，从界面设计上打破美术馆本身的空间限制，让用户在体验过程中，达到人-空间-物三者之间更全面的互动。
同时，用户界面的视觉应用也是数字美术馆整体定位的关键。如何从色调、文字设计、图标、风格等方面去表达美术馆最核心的文化价值，如何吸引用户眼球停留在自己的网站上，除了丰富且具前沿性的内容，用户界面的视觉设计起到了决定作用。只有让用户在体验过程，既能接收到有价值的讯息，更能从中获得观感的愉悦，才可以显现数字美术馆智能化背后艺术价值。
2 数字美术馆网站视觉界面设计分析
数字美术馆的网站页面主要分为三大板块： 1.标题； 2.主页面； 3.信息链接。以旧金山艺术博物馆(FAMSF)为例（见图1）。在主页面部分，再细化为三块： 1.信息栏； 2.banner条； 3.展馆其他信息（开闭馆时间/临近结束的展/小banner)（见图2）
1 导航栏设计
在网页的版面设计中，导航栏设计具有举足轻重的地位。数字美术馆的导航栏部分大多数以标题和LOGO的形式单独呈现在版面的最上方，这也是用户在浏览网页时，首先会注意到的地方。标题的位置位于用户浏览页面的起点处，在简练而醒目地给予用户信息提示的同时对页面浏览的顺序起到了很好的引导作用。
（ 1）数字美术馆LOGO实例
在大多数的数字美术馆的网页中， LOGO属于视觉核心，是传达美术馆的主题精神。多以美术馆的形象标志＋美术馆全称的形式出现在网站的左上方。这类形式的LOGO设计简洁大方，适用于各种风格的网站页
面。最重要的是能传递准确的信息，而采用简单的图案造型与字体设计结合的形式来表达主题更为直接，更便于记忆。图3中分别是波士顿美术博物馆、大都会艺术博物馆、哥德堡艺术博物馆。
（ 2）数字美术馆的标题实例
用户在搜索引擎检索时，一般页面会首先出现网页标题（加链接）和网页摘要信息。要想引起用户的关注，网页标题就得发挥最大的作用。因此一个概括了网页核心内容的标题有助于用户判断是否点击该网页标题链接。
图4是哥德堡艺术博物馆的网页标题。标题上除了左边放了艺术馆的LOGO外，其余地方采取了大量留白的方式。让标题的信息更加明确、清晰，也能在第一时间聚集用户的目光。其余部分的空白处与下面丰富的色彩内容形成了强烈的对比，在做好区分的同时也让整个页面的层次感更加强烈。主次分明的表现手法不会让用户浏览页面时产生审美疲倦。
图5是洛杉矶艺术博物馆的网页主栏标题。从结构排版上就与一般的美术馆网页有所不同。前面就介绍过，一般是在标题栏下面放上主题的banner内容，不过在这个网页中，将标题栏置于banner条之上，两者成为一个部分。同时页面上采取明亮的红色将整体与下面的细节内容区分开来。从用户体验上来讲，在浏览页面时，标题与banner都成为需要也是必然会关注到的部分，视觉观感上是没有办法忽视。但从版式设计上来分析，这样的设计却并不是很明智。尽管有颜色来区分主次，但整个画面的层次感不清晰，没有一个核心的定点去引导用户浏览。
图6是美国大都会艺术博物馆的网页标题。相对于哥德堡艺术博物馆，大都会艺术馆的网页主要是采用色彩区分主次。在主栏标题部分，除了艺术馆的LOGO，还在右边加入了网页的登录注册与搜索栏两部分。让整个页面标题的功能性增强。用黑色作为主标题栏的背景，在视觉上拉开了标题与内容之间的层次，同时稳重的色调也很符合大都会这样国际级别的艺术博物馆的形象。
2 背景色调设计
对于网站设计来说，整体版面的定位是应该放在首位考虑的事。美术馆这样具有公众效应的网站，版面的整体布局代表了整体美术馆传递的主题精神。因为要达到与用户多方位互动，所以决定了界面设计的重要性，其底图背景的设计也就自然承担了视觉效果中不可或缺的部分。
要吸引到用户眼球，版面的色彩是最直接的表达。通过文字的深浅、图片的明暗、或者色块间的区分，拉出页面中的层次感，丰富画面的同时让用户审美上不觉疲劳。根据数字美术馆不同类别的划分，在页面色调和背景底纹上都会有所不同。一般，冷色调、低明度的色调与白色搭配，能表达出明朗、沉静的感觉。而鲜艳、高明度的色调，通过颜色间的对比强调主次之分，更增加了页面的活泼感。大多数美术馆的网页都选择以浅白色为底，搭配深色文字，能更简洁明了的传递信息。
以美国大都会艺术博物馆（见图7）为例，就是典型的浅底深色字的版面。没有过多的修饰，仅依靠线条区分板块，整体视觉感清晰明朗。往往越简单的设计在传递信息上越难。不过事实证明，这样“简单”的设计也是最经得起时间考验的。
而旧金山现代艺术博物馆（见图8），则属于具有个性化的数字美术馆网站。通过色块间的变化，区分版块间的信息。因是在同一版面，所以很明智地选择了同色系的颜色，既达到了信息分类的效果，也在丰富画面的同时显得有章法可循。
3 图文版式设计
(1)文字设计
文字是视觉表达的一个重要组成部分，也是网页设计中的主体之一。从标题文字到分类栏的目录再到文案内容的表达，文字在其中都起到了举足轻重的作用。它除了能表达意思的作用外，还能通过灵活的排版，带来视觉美感。而在文字细节的表达上，无论是粗细、大小、颜色深浅，还是平面或立体，都能让页面的设计更加精致，起到画龙点睛的作用。
以韩国的国立当代艺术博物馆的网页为例。（见图9）在标题栏，就通过大小文字大小、粗细的不同，区分出目录下的一级标题、二级标题、三级标题。在中心内容部分，则是通过借用色块的区分，统一小版块间的题目与内容上文字大小、间距、色调，这样用户在浏览网页时，不会因色块的不同，而影响文字的阅读。信息传递方式的统一性更能明确表达出主要意思。
Banner是网页中横幅设计的主要表达方式，其banner中的文字是体现网站形象的重要元素。每一个不同的banner都有其特有的标语，这就是网站的宣传标语，也可以说是网站的精神，网站的目标。一般来讲，anner中的文字多以一句话甚至一个词来高度概括其核心思想。因此在对banner的文字排版上，应该遵循三大原则：
1.选择符合画面主题的字体，文字旁注意留白，使其更醒目。
2.文字一般放在画面的突出位置（如左边），具体依据整个画面版式调整。
3.文字内容最好简洁而富有乐趣，引起浏览者的兴趣。以旧金山现代艺术博物馆为例（见图10），其四个banner都遵循了以上三个原则。依照banner画面，来均匀分布文字间的字间距、行间距。
(2)图像信息设计
图像是信息视觉化的基本元素，在传递信息上较文字更为直接明了。相对于其他的网站，美术馆这样特别强调艺术表达的网站，图像就是整个版面的主题，文字实际上只是起到辅助说明的作用。
因而数字美术馆网站上照片是场景和艺术品的真实记录，除了能给观赏者欣赏外，更带来身临其境的真实感。这些图像信息有效地把分散的语言聚集起来，让数字与图形真实融合，让信息的传达更准确、更直观。（见图11）西雅图艺术博物馆网页展讯。（见图12）旧金山艺术博物馆网页展讯。
4 动画影像与其他设计元素
网页在展示平面视觉的元素以外，还会加入媒体影像。对于数字美术馆的页面来说，一方面静态与动态的结合，可使整个版面的视觉倾向更加均衡；另一方面从用户体验的需求考虑，动态的视觉加音效效果更容易产生感染力，也能让新用户在第一时间里最快速地了解整个美术馆的当下展讯或者是单独主题的表达。
并不是所有的数字美术馆网站都会加入动画影像，但随着设计体验概念的不断强化，动画影像的互动方式将会越来越普及。
3 总结
信息时代的到来，给整个社会生活都带来了深刻的影响，美术馆作为当今社会的重要文化机构，必须紧跟科学新技术的发展，实施信息化建设。在数字美术馆信息化建设进程中，视觉设计占据重要的地位，尤其对其网站的设计。用户最直接全面了解美术馆的体验方式就是对当下展馆的网站浏览，大量的数据、图片、艺术信息，通过专业设计的合理排版，从独特视角去诠释美术馆的精神文化。
数字美术馆通过互联网技术实现了美术馆中“物”与“物”、“物”与“人”之间的信息交互。让美术馆的信息化传播不仅仅局限于实地场馆，还借助高新科技，强强联合，提升美术馆的服务能力，增强美术馆文化的辐射力，多元化、多途径地为更多公众服务。
参考文献
[1] 许冰彬.试论以公众需求为导向的博物馆信息化建设【 C】 .北京：中国传媒大学出版社， 2014： 306-309
[2] 陈 刚.从数字博物馆到智慧博物馆的发展趋势与挑战【 C】北京：中国传媒大学出版社， 2014： 274-280
[3] 张浩达.视觉传播–信息、认知、读解【 M】 .北京：北京大学出版社， 2012: 239.
[4] 林路.平面视觉艺术网址–博物馆和画廊【 M】 .江西 江西美术出版社出版发行， 2004.1