更新時(shí)間：2013-06-11
當(dāng)今信息技術(shù)迅猛發(fā)展，尤其是PC和網(wǎng)絡(luò)的普及，上網(wǎng)已經(jīng)成為我們新的生活方式。在網(wǎng)絡(luò)空間里，網(wǎng)站是我們發(fā)布和獲得知識(shí)與信息的基地，網(wǎng)站是個(gè)人、企業(yè)和政府機(jī)關(guān)在網(wǎng)絡(luò)空間的形象和存在。因此，網(wǎng)站的制作和發(fā)布成為這個(gè)時(shí)代的熱門技術(shù)。無論是為了工作還是因?yàn)榕d趣，也無論是機(jī)構(gòu)還是個(gè)人，對(duì)網(wǎng)站設(shè)計(jì)的要求也是越來越講究。作為一個(gè)網(wǎng)頁設(shè)計(jì)的愛好者，下面我就網(wǎng)站Logo的設(shè)計(jì)原則、設(shè)計(jì)手法、設(shè)計(jì)技巧、設(shè)計(jì)工具等談?wù)剛�(gè)人的看法，另外還對(duì)幾個(gè)經(jīng)典站點(diǎn)的logo進(jìn)行了簡單分析，希望對(duì)設(shè)計(jì)網(wǎng)站的朋友能有所幫助。
Logo，譯為標(biāo)志、廠標(biāo)、標(biāo)志圖等，顧名思義，站點(diǎn)的logo，就是站點(diǎn)的標(biāo)志圖案，它一般會(huì)出現(xiàn)在站點(diǎn)的每一個(gè)頁面上，是網(wǎng)站給人的第一印象。logo的作用很多，最重要的就是表達(dá)網(wǎng)站的理念、便于人們識(shí)別，廣泛用于站點(diǎn)的連接、宣傳等，有些類似企業(yè)的商標(biāo)。因而，logo設(shè)計(jì)追求的是：以簡潔的符號(hào)化的視覺藝術(shù)形象把網(wǎng)站的形象和理念長留于人們心中。
首先，談?wù)刲ogo的設(shè)計(jì)原則，與其他標(biāo)志圖案設(shè)計(jì)原則一樣：遵循人們的認(rèn)識(shí)規(guī)律，突出主題、引人注目。所謂認(rèn)識(shí)規(guī)律，比如從上到下，從左到右，從小到大，從遠(yuǎn)到近的視覺習(xí)慣；比如由前因推理到后果，有源頭才有流水的思維習(xí)慣；還有人們的審美能力和審美心理等。要做到突出主題，就要求設(shè)計(jì)者非常了解站點(diǎn)的定位和發(fā)展方向，能夠在方寸之間概括出站點(diǎn)的理念。引人注目，是指視覺效果要強(qiáng)烈——容易識(shí)別、辨認(rèn)和記憶。
logo的設(shè)計(jì)手法主要有以下幾種：
①表象性手法；
②表征性手法；
③借喻性手法；
④標(biāo)識(shí)性手法；
⑤卡通化手法；
⑥幾何形構(gòu)成手法；
⑦漸變推移手法。
其中標(biāo)識(shí)性手法、卡通化手法和幾何形構(gòu)成法是最常用的網(wǎng)站logo設(shè)計(jì)手法。標(biāo)識(shí)性手法是用標(biāo)志、文字、字頭字母的表音符號(hào)來設(shè)計(jì)logo；卡通化手法通過夸張、幽默的卡通圖象來設(shè)計(jì)logo；幾何形構(gòu)成法是用點(diǎn)、線、面、方、圓、多邊形或三維空間等幾何圖形來設(shè)計(jì)logo。當(dāng)然，設(shè)計(jì)時(shí)往往是以一種手法為主，幾種手法交錯(cuò)使用。
logo的設(shè)計(jì)技巧很多，概括說來要注意以下幾點(diǎn)：
①保持視覺平衡、講究線條的流暢，使整體形狀美觀；
②用反差、對(duì)比或邊框等強(qiáng)調(diào)主題；
③選擇恰當(dāng)?shù)淖煮w；
④注意留白，給人想象空間；
⑤運(yùn)用色彩。因?yàn)槿藗儗?duì)色彩的反映比對(duì)形狀的反映更為敏銳和直接，更能激發(fā)情感，
這里我就著重談一下logo設(shè)計(jì)中的的色彩運(yùn)用技巧。
①基色要相對(duì)穩(wěn)定
②強(qiáng)調(diào)色彩的形式感：比如重色塊、線條的組合
③強(qiáng)調(diào)色彩的記憶感和感情規(guī)律：比如黃色代表富麗、明快；橙紅給人溫暖、熱烈感；藍(lán)色、紫色、綠色使人涼爽、沉靜；茶色、熟褐色令人聯(lián)想到濃郁的香味（看過快餐店的廣告嗎？)
④合理使用色彩的對(duì)比關(guān)系，色彩的對(duì)比能產(chǎn)生強(qiáng)烈的視覺效果，而色彩的調(diào)和則構(gòu)成空間層次。
⑤重視色彩的注目性：下面附表分別列出了注目程度高和注目程度低的配色情況，設(shè)計(jì)時(shí)可以參照使用。
表-1 注目程度高的配色：
順序 �。� ２ ３ ４ ５ ６ ７ ８ ９ 10
底色 黑 黃 黑 紫 紫 藍(lán) 綠 白 黃 黃
圖形色 黃 黑 白 黃 白 白 白 黑 綠 藍(lán)
表-2 注目程度低的配色：
順序 １ ２ ３ ４ ５ ６ ７ ８ ９ 10
底色 黃 白 紅 紅 黑 紫 灰 紅 綠 黑
圖形色 白 黃 綠 藍(lán) 紫 黑 黑 紫 紅 藍(lán)
logo的設(shè)計(jì)工具，凡是圖象設(shè)計(jì)和處理方面的軟件幾乎都可以用來設(shè)計(jì)logo，這里推薦幾款經(jīng)典的設(shè)計(jì)工具：
①平面靜態(tài)圖：PhotoShop 5.0CorelDraw 8PaintShop Pro6.0；
②Gif動(dòng)畫圖：Ulead GIF Animator 2.0Photo Animator 1.0；
③Flash動(dòng)畫：Flash 4.0
最后，設(shè)計(jì)logo時(shí)還要注意以下幾個(gè)問題。
一是：外觀尺寸和基本色調(diào)要根據(jù)站點(diǎn)頁面的整體版面設(shè)計(jì)來確定，而且要考慮到在其他印刷、制作過程中進(jìn)行放縮等處理時(shí)的效果變化，以便logo能在各種媒體上保持相對(duì)穩(wěn)定。
二是：重視簡單的法則——簡單容易被接收，簡單給人們想象，簡單提高了效率，簡單就是美。
三是：生活是一切藝術(shù)的源泉，熱愛生活并從中發(fā)現(xiàn)創(chuàng)作的切入點(diǎn)。
理論了半天，你也許要瞌睡了，好了，我們現(xiàn)在就上網(wǎng)抓幾個(gè)大家熟悉的logo來例證一下：
①：新浪的logo底色是白，文字sina和新浪網(wǎng)是黑色，其中i字母上的點(diǎn)用了表象性手法處理成一只眼睛，而這又使整個(gè)字母i象一個(gè)小火炬，這樣，即向人們傳達(dá)了“世界在你眼中”的理念，激發(fā)人們對(duì)網(wǎng)絡(luò)世界的好奇，又使人們?nèi)菀子涀⌒吕司W(wǎng)的域名。
②：搜狐的logo比較特別，主要有兩部分組成，一是文字，中英文名稱，字體選擇較古典；一是小狐貍圖，蠻機(jī)靈狡猾的樣子。搜狐網(wǎng)站隨各個(gè)頁面的色調(diào)不同而放置不同色彩的logo，但logo的基本內(nèi)容不變。當(dāng)然，你不會(huì)不知道搜狐的理念：出門找地圖，上網(wǎng)找搜狐。但愿那只機(jī)靈的狐貍能幫你走出網(wǎng)絡(luò)叢林。
③：Yahoo的logo（中文站）很簡單：英中文站名，紅字白底。英文Yahoo字母間的排列和組合很講究動(dòng)態(tài)效果，加上Yahoo這個(gè)詞的音感強(qiáng)，使人一見就仿佛要生驚訝——而不禁自問：Do you Yahoo
④：網(wǎng)易的logo使用了三色：紅（網(wǎng)易）、黑（NETEAS www.163.com )、白（底色）。網(wǎng)易兩字用了篆書，體現(xiàn)了古典意味，也許在暗示網(wǎng)易在中文網(wǎng)絡(luò)的元老地位吧。但是，如果沒有從個(gè)人主頁到虛擬社區(qū)，從新聞報(bào)道到專題頻道等豐富方便的服務(wù)，光是從logo上，你是難于相信：輕松上網(wǎng)，易如反掌。
這里就舉這幾個(gè)例子，當(dāng)然，在網(wǎng)絡(luò)海洋中，很多網(wǎng)站，特別是一些個(gè)人網(wǎng)站，其logo的設(shè)計(jì)都很值得我們?nèi)W(xué)習(xí)的。
