網(wǎng)站標(biāo)志設(shè)計(jì)視覺元素研究

敖蕾

摘要：該文旨在通過對(duì)網(wǎng)站標(biāo)志設(shè)計(jì)元素進(jìn)行分析以及研究網(wǎng)站標(biāo)志與整個(gè)網(wǎng)站頁面設(shè)計(jì)的關(guān)系，為互聯(lián)網(wǎng)時(shí)代網(wǎng)站標(biāo)識(shí)設(shè)計(jì)的發(fā)展提供一些設(shè)計(jì)參考。

關(guān)鍵詞：網(wǎng)站標(biāo)志設(shè)計(jì)；元素設(shè)計(jì)原則

中圖分類號(hào)：TP37 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）26-6202-05

互聯(lián)網(wǎng)發(fā)展至今作為信息傳播的重要渠道，從企業(yè)到個(gè)人都在費(fèi)勁心思地研究如何在全球上億多個(gè)網(wǎng)站中脫穎而出。而網(wǎng)站標(biāo)志（web logo）不僅僅像商店的招牌是招攬顧客走進(jìn)商店的有效手段之一，而且也是引導(dǎo)顧客可以自由竄梭在不同品牌之間的標(biāo)識(shí)符號(hào)。因此，網(wǎng)站標(biāo)志是網(wǎng)站形象識(shí)別系統(tǒng)的重要體現(xiàn)，分析網(wǎng)站標(biāo)識(shí)的計(jì)特點(diǎn)，使整個(gè)網(wǎng)站的品牌形象跟好地得以推廣是當(dāng)代設(shè)計(jì)師需要探討和研究的。

1 網(wǎng)站標(biāo)志的定義

網(wǎng)站標(biāo)志（web logo）表明了一個(gè)站點(diǎn)的分類、定位和特性等等，相當(dāng)于建筑物的名字。網(wǎng)站的標(biāo)志需要解決兩個(gè)問題，最重要的是這是什么網(wǎng)站，還有這是一個(gè)怎樣的網(wǎng)站。網(wǎng)站標(biāo)志是網(wǎng)站視覺識(shí)別系統(tǒng)中最初也是重要的一個(gè)要素，具有很強(qiáng)的識(shí)別性，需要盡量在吸引眼球和含義清晰之間找到平衡，使得網(wǎng)站logo在豐富多彩的設(shè)計(jì)同時(shí)在最小的空間內(nèi)盡可能的表達(dá)出網(wǎng)站品牌的寓意、象征和內(nèi)涵等。目前成熟的網(wǎng)站都有一套詳細(xì)的網(wǎng)站CI系統(tǒng)設(shè)計(jì)方案，尤其實(shí)在國際化的要求下，都要考慮在不同顯示媒體下標(biāo)識(shí)的大小、中英文比例、顏色以及特定語言版本等等。

2 網(wǎng)站標(biāo)志的視覺元素

網(wǎng)站標(biāo)志設(shè)計(jì)的視覺元素，就是網(wǎng)站所存在的為肉眼最直觀所看到的，表現(xiàn)為存在的位置、圖形與顏色和表現(xiàn)形式等。

2.1 網(wǎng)站標(biāo)識(shí)的位置

作為網(wǎng)站視覺系統(tǒng)重要的一個(gè)因素網(wǎng)站標(biāo)識(shí)通常在網(wǎng)站中的位置都比較醒目。因?yàn)槿藗兺ǔ６际菑淖笾劣遥瑥纳贤碌拈喿x，久而久之視線自然會(huì)沿著這一路線移動(dòng)，人們?cè)跒g覽頁面或布局的時(shí)候視線也往往趨向于從左上角到右下角。針對(duì)網(wǎng)頁區(qū)間問題研究上，研究人員Owens等人在研究被試瀏覽“門戶網(wǎng)站”時(shí)注意力分配情況得出：讀者的注意力主要集中在網(wǎng)頁的中上部區(qū)域，往下注釋情況呈現(xiàn)出遞減的趨勢(shì)。那些因?yàn)g覽器大小限制而暫未顯示出的頁面內(nèi)容會(huì)更難引發(fā)讀者的關(guān)注①。在這些視覺成像原理的基礎(chǔ)上，網(wǎng)頁設(shè)計(jì)者也會(huì)默認(rèn)的將最終要網(wǎng)絡(luò)標(biāo)識(shí)放在網(wǎng)站的左上角或者正中間。

有意思的是許多著名新聞報(bào)紙網(wǎng)站除了在標(biāo)志形態(tài)上沿用了報(bào)紙上的風(fēng)格以外，在網(wǎng)站標(biāo)志的位置上也沿用了報(bào)紙——在正中間。這種擺放方式也是用戶完全可以接受的，甚至樂于接受的。

3） 標(biāo)識(shí)的動(dòng)態(tài)、多元化效果

數(shù)字時(shí)代下，網(wǎng)站標(biāo)志以動(dòng)態(tài)、多元化的效果進(jìn)行展示是網(wǎng)站標(biāo)志設(shè)計(jì)進(jìn)一步發(fā)展需求。有效系統(tǒng)的動(dòng)態(tài)標(biāo)識(shí)展示會(huì)帶給用戶強(qiáng)烈的個(gè)性化和視覺刺激效果并且快速多變的傳達(dá)出各類信息。動(dòng)態(tài)化的網(wǎng)絡(luò)標(biāo)志設(shè)計(jì)意味著在不同的媒介中它可以以相當(dāng)靈活與機(jī)動(dòng)性的進(jìn)行展示適度的動(dòng)態(tài)效果，它不僅可以增加頁面的趣味性也可以引起用戶的注意。大家比較熟悉的是Google網(wǎng)站的系列標(biāo)志設(shè)計(jì)，每逢重大節(jié)假日，Google都會(huì)推出變化的標(biāo)志圖案，時(shí)至今日，極其重要的事件或紀(jì)念日都被Google記錄在冊(cè)。隨Google標(biāo)志變換的潮流，許多網(wǎng)站都會(huì)在重大慶?；蚣o(jì)念的日子的變換標(biāo)志，也有的品牌會(huì)針對(duì)不同的頁面設(shè)計(jì)個(gè)多元化動(dòng)態(tài)標(biāo)識(shí)。

這里面需要注意的是網(wǎng)站標(biāo)志雖然在一定程度上變化了，但是其本身的主要形態(tài)還是存在的，比如標(biāo)志中的核心字母或者圖形。例如：美國在線服務(wù)（AOL）公司是美國最大因特網(wǎng)服務(wù)提供商之一。2009年Aol分拆上市，制定了新商標(biāo)，并同時(shí)發(fā)布了一系列新標(biāo)識(shí)。

3 網(wǎng)站標(biāo)志設(shè)計(jì)的主要原則

現(xiàn)代設(shè)計(jì)思維將用戶的體驗(yàn)放到了至關(guān)重要的位置。網(wǎng)頁的設(shè)計(jì)更是要求設(shè)計(jì)師不僅在制作網(wǎng)頁時(shí)需要考慮其頁面的美觀度，更要考慮到界面的可用性和易用度。它需要設(shè)計(jì)明確的層次結(jié)構(gòu)和元素位置，使用戶更加專注到尋找的項(xiàng)目，理解交互內(nèi)容。網(wǎng)站標(biāo)志設(shè)計(jì)也應(yīng)該盡量將設(shè)計(jì)簡單化和直接化，避免一些為設(shè)計(jì)而作的過度設(shè)計(jì)。網(wǎng)站標(biāo)志設(shè)計(jì)的核心也是為了網(wǎng)站的可識(shí)別性服務(wù)的。如上文中提到的，洛杉磯時(shí)報(bào)等報(bào)紙將網(wǎng)站標(biāo)志放在網(wǎng)頁的正中間是為了符合人們傳統(tǒng)媒體的閱讀習(xí)慣提高標(biāo)志的易識(shí)別度。維基百科在標(biāo)志的最下面寫上口號(hào)（The Free encyclopedia 自由的百科全書）是為了更明確地表示自己的服務(wù)定位。Google.com以及aol.com的動(dòng)態(tài)多元化的網(wǎng)站標(biāo)志設(shè)計(jì)表現(xiàn)了多媒體時(shí)代的多種可能性。而扁平化設(shè)計(jì)的流行趨勢(shì)也表達(dá)了人們渴望設(shè)計(jì)更簡單化、人性化的心理需求。

數(shù)字時(shí)代的今天，給網(wǎng)站標(biāo)志設(shè)計(jì)帶來了很多機(jī)遇和挑戰(zhàn)。在設(shè)計(jì)時(shí)，設(shè)計(jì)師們首先要以網(wǎng)站標(biāo)志的識(shí)別性為首要考慮，在整體對(duì)頁面進(jìn)行版面規(guī)劃后后決定網(wǎng)站標(biāo)志的大小和位置。而網(wǎng)站標(biāo)識(shí)設(shè)計(jì)作為網(wǎng)站視覺識(shí)別系統(tǒng)的一部分也要根據(jù)不同的背景、位置、色彩和動(dòng)態(tài)效果形成系列性與網(wǎng)站整體效果相容，保證標(biāo)識(shí)設(shè)計(jì)能在多種媒體上使用。一個(gè)成功完整的標(biāo)志設(shè)計(jì)既可以無論在什么媒體屏幕上清晰的呈現(xiàn)在用戶前，而且還可以有效的傳達(dá)出品牌的文化具有獨(dú)創(chuàng)性和識(shí)別性。

注釋：

①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

參考文獻(xiàn)：

[1] 王超英. 解讀現(xiàn)代標(biāo)志設(shè)計(jì)的特性[J]. 藝術(shù)與設(shè)計(jì)，2010（06）.

[2] 燕宏.網(wǎng)絡(luò)logo的設(shè)計(jì)原則[J]. 學(xué)術(shù)縱橫，2009（12）.