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