网站标志设计视觉元素研究

敖蕾

摘要：该文旨在通过对网站标志设计元素进行分析以及研究网站标志与整个网站页面设计的关系，为互联网时代网站标识设计的发展提供一些设计参考。

关键词：网站标志设计；元素设计原则

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2014）26-6202-05

互联网发展至今作为信息传播的重要渠道，从企业到个人都在费劲心思地研究如何在全球上亿多个网站中脱颖而出。而网站标志（web logo）不仅仅像商店的招牌是招揽顾客走进商店的有效手段之一，而且也是引导顾客可以自由窜梭在不同品牌之间的标识符号。因此，网站标志是网站形象识别系统的重要体现，分析网站标识的计特点，使整个网站的品牌形象跟好地得以推广是当代设计师需要探讨和研究的。

1 网站标志的定义

网站标志（web logo）表明了一个站点的分类、定位和特性等等，相当于建筑物的名字。网站的标志需要解决两个问题，最重要的是这是什么网站，还有这是一个怎样的网站。网站标志是网站视觉识别系统中最初也是重要的一个要素，具有很强的识别性，需要尽量在吸引眼球和含义清晰之间找到平衡，使得网站logo在丰富多彩的设计同时在最小的空间内尽可能的表达出网站品牌的寓意、象征和内涵等。目前成熟的网站都有一套详细的网站CI系统设计方案，尤其实在国际化的要求下，都要考虑在不同显示媒体下标识的大小、中英文比例、颜色以及特定语言版本等等。

2 网站标志的视觉元素

网站标志设计的视觉元素，就是网站所存在的为肉眼最直观所看到的，表现为存在的位置、图形与颜色和表现形式等。

2.1 网站标识的位置

作为网站视觉系统重要的一个因素网站标识通常在网站中的位置都比较醒目。因为人们通常都是从左至右，从上往下的阅读，久而久之视线自然会沿着这一路线移动，人们在浏览页面或布局的时候视线也往往趋向于从左上角到右下角。针对网页区间问题研究上，研究人员Owens等人在研究被试浏览“门户网站”时注意力分配情况得出：读者的注意力主要集中在网页的中上部区域，往下注释情况呈现出递减的趋势。那些因浏览器大小限制而暂未显示出的页面内容会更难引发读者的关注①。在这些视觉成像原理的基础上，网页设计者也会默认的将最终要网络标识放在网站的左上角或者正中间。

有意思的是许多著名新闻报纸网站除了在标志形态上沿用了报纸上的风格以外，在网站标志的位置上也沿用了报纸——在正中间。这种摆放方式也是用户完全可以接受的，甚至乐于接受的。

3） 标识的动态、多元化效果

数字时代下，网站标志以动态、多元化的效果进行展示是网站标志设计进一步发展需求。有效系统的动态标识展示会带给用户强烈的个性化和视觉刺激效果并且快速多变的传达出各类信息。动态化的网络标志设计意味着在不同的媒介中它可以以相当灵活与机动性的进行展示适度的动态效果，它不仅可以增加页面的趣味性也可以引起用户的注意。大家比较熟悉的是Google网站的系列标志设计，每逢重大节假日，Google都会推出变化的标志图案，时至今日，极其重要的事件或纪念日都被Google记录在册。随Google标志变换的潮流，许多网站都会在重大庆祝或纪念的日子的变换标志，也有的品牌会针对不同的页面设计个多元化动态标识。

这里面需要注意的是网站标志虽然在一定程度上变化了，但是其本身的主要形态还是存在的，比如标志中的核心字母或者图形。例如：美国在线服务（AOL）公司是美国最大因特网服务提供商之一。2009年Aol分拆上市，制定了新商标，并同时发布了一系列新标识。

3 网站标志设计的主要原则

现代设计思维将用户的体验放到了至关重要的位置。网页的设计更是要求设计师不仅在制作网页时需要考虑其页面的美观度，更要考虑到界面的可用性和易用度。它需要设计明确的层次结构和元素位置，使用户更加专注到寻找的项目，理解交互内容。网站标志设计也应该尽量将设计简单化和直接化，避免一些为设计而作的过度设计。网站标志设计的核心也是为了网站的可识别性服务的。如上文中提到的，洛杉矶时报等报纸将网站标志放在网页的正中间是为了符合人们传统媒体的阅读习惯提高标志的易识别度。维基百科在标志的最下面写上口号（The Free encyclopedia 自由的百科全书）是为了更明确地表示自己的服务定位。Google.com以及aol.com的动态多元化的网站标志设计表现了多媒体时代的多种可能性。而扁平化设计的流行趋势也表达了人们渴望设计更简单化、人性化的心理需求。

数字时代的今天，给网站标志设计带来了很多机遇和挑战。在设计时，设计师们首先要以网站标志的识别性为首要考虑，在整体对页面进行版面规划后后决定网站标志的大小和位置。而网站标识设计作为网站视觉识别系统的一部分也要根据不同的背景、位置、色彩和动态效果形成系列性与网站整体效果相容，保证标识设计能在多种媒体上使用。一个成功完整的标志设计既可以无论在什么媒体屏幕上清晰的呈现在用户前，而且还可以有效的传达出品牌的文化具有独创性和识别性。

注释：

①Owen， J.W，Shrestha，S.How Do User Browes A Portal Website？ An Examination of User Eye Movements [DB/OL]. http：//www.surl.org/usability news/102/portal_colmun.aspm2009-1-10

参考文献：

[1] 王超英. 解读现代标志设计的特性[J]. 艺术与设计，2010（06）.

[2] 燕宏.网络logo的设计原则[J]. 学术纵横，2009（12）.