網(wǎng)站Logo設(shè)計的手法

資訊頻道 - 設(shè)計技 來源:中國設(shè)計在線 作者:cdo 2016-12-27



當(dāng)今信息技術(shù)迅猛發(fā)展,尤其是PC和網(wǎng)絡(luò)的普及,上網(wǎng)已經(jīng)成為我們新的生活方式。在網(wǎng)絡(luò)空間里,網(wǎng)站是我們發(fā)布和獲得知識與信息的基地,網(wǎng)站是個人、企業(yè)和政府機關(guān)在網(wǎng)絡(luò)空間的形象和存在。因此,網(wǎng)站的制作和發(fā)布成為這個時代的熱門技術(shù)。無論是為了工作還是因為興趣,也無論是機構(gòu)還是個人,對網(wǎng)站設(shè)計的要求也是越來越講究。作為一個網(wǎng)頁設(shè)計的愛好者,下面我就網(wǎng)站logo設(shè)計原則、設(shè)計手法、設(shè)計技巧、設(shè)計工具等談?wù)剛人的看法,另外還對幾個經(jīng)典站點的logo進行了簡單分析,希望對設(shè)計網(wǎng)站的朋友能有所幫助。

logo,譯為標志、廠標、標志圖等,顧名思義,站點的logo,就是站點的標志圖案,它一般會出現(xiàn)在站點的每一個頁面上,是網(wǎng)站給人的第一印象。logo的作用很多,最重要的就是表達網(wǎng)站的理念、便于人們識別,廣泛用于站點的連接、宣傳等,有些類似企業(yè)的商標。因而,logo設(shè)計追求的是:以簡潔的符號化的視覺藝術(shù)形象把網(wǎng)站的形象和理念長留于人們心中。

首先,談?wù)?a href=http://www.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo的設(shè)計原則,與其他標志圖案設(shè)計原則一樣:遵循人們的認識規(guī)律,突出主題、引人注目。所謂認識規(guī)律,比如從上到下,從左到右,從小到大,從遠到近的視覺習(xí)慣;比如由前因推理到后果,有源頭才有流水的思維習(xí)慣;還有人們的審美能力和審美心理等。要做到突出主題,就要求設(shè)計者非常了解站點的定位和發(fā)展方向,能夠在方寸之間概括出站點的理念。引人注目,是指視覺效果要強烈——容易識別、辨認和記憶。

logo設(shè)計手法主要有以下幾種:

  ①表象性手法;

  ②表征性手法;

 、劢栌餍允址ǎ

 、標識性手法;

 、菘ㄍɑ址ǎ

 、迬缀涡螛(gòu)成手法;

 、邼u變推移手法。

其中標識性手法、卡通化手法和幾何形構(gòu)成法是最常用的網(wǎng)站logo設(shè)計手法。標識性手法是用標志、文字、字頭字母的表音符號來設(shè)計logo;卡通化手法通過夸張、幽默的卡通圖象來設(shè)計logo;幾何形構(gòu)成法是用點、線、面、方、圓、多邊形或三維空間等幾何圖形來設(shè)計logo。當(dāng)然,設(shè)計時往往是以一種手法為主,幾種手法交錯使用。

logo設(shè)計技巧很多,概括說來要注意以下幾點:

  ①保持視覺平衡、講究線條的流暢,使整體形狀美觀;

  ②用反差、對比或邊框等強調(diào)主題;

 、圻x擇恰當(dāng)?shù)淖煮w;

 、茏⒁饬舭祝o人想象空間;

  ⑤運用色彩。因為人們對色彩的反映比對形狀的反映更為敏銳和直接,更能激發(fā)情感,

這里我就著重談一下logo設(shè)計中的的色彩運用技巧。

 、倩鄬Ψ(wěn)定

 、趶娬{(diào)色彩的形式感:比如重色塊、線條的組合

  ③強調(diào)色彩的記憶感和感情規(guī)律:比如黃色代表富麗、明快;橙紅給人溫暖、熱烈感;藍色、紫色、綠色使人涼爽、沉靜;茶色、熟褐色令人聯(lián)想到濃郁的香味(看過快餐店的廣告嗎?)

 、芎侠硎褂蒙实膶Ρ汝P(guān)系,色彩的對比能產(chǎn)生強烈的視覺效果,而色彩的調(diào)和則構(gòu)成空間層次。

 、葜匾暽实淖⒛啃裕合旅娓奖矸謩e列出了注目程度高和注目程度低的配色情況,設(shè)計時可以參照使用。

表-1 注目程度高的配色:
  順序 。 2 3 4 5 6 7 8 9 10
  底色  黑 黃 黑 紫 紫 藍 綠 白 黃 黃
  圖形色 黃 黑 白 黃 白 白 白 黑 綠 藍

表-2 注目程度低的配色:
  順序  1 2 3 4 5 6 7 8 9 10
  底色  黃 白 紅 紅 黑 紫 灰 紅 綠 黑
  圖形色 白 黃 綠 藍 紫 黑 黑 紫 紅 藍

logo設(shè)計工具,凡是圖象設(shè)計和處理方面的軟件幾乎都可以用來設(shè)計logo,這里推薦幾款經(jīng)典的設(shè)計工具:

  ①平面靜態(tài)圖:PhotoShop/CorelDraw /PaintShop ;

 、贕if動畫圖:Ulead GIF Animator /Photo Animator ;

 、跢lash動畫:Flash
最后,設(shè)計logo時還要注意以下幾個問題。

  一是:外觀尺寸和基本色調(diào)要根據(jù)站點頁面的整體版面設(shè)計來確定,而且要考慮到在其他印刷、制作過程中進行放縮等處理時的效果變化,以便logo能在各種媒體上保持相對穩(wěn)定。

  二是:重視簡單的法則——簡單容易被接收,簡單給人們想象,簡單提高了效率,簡單就是美。

  三是:生活是一切藝術(shù)的源泉,熱愛生活并從中發(fā)現(xiàn)創(chuàng)作的切入點。

理論了半天,你也許要瞌睡了,好了,我們現(xiàn)在就上網(wǎng)抓幾個大家熟悉的logo來例證一下:

 、伲盒吕说logo底色是白,文字sina和新浪網(wǎng)是黑色,其中i字母上的點用了表象性手法處理成一只眼睛,而這又使整個字母i象一個小火炬,這樣,即向人們傳達了“世界在你眼中”的理念,激發(fā)人們對網(wǎng)絡(luò)世界的好奇,又使人們?nèi)菀子涀⌒吕司W(wǎng)的域名。


 、冢核押logo比較特別,主要有兩部分組成,一是文字,中英文名稱,字體選擇較古典;一是小狐貍圖,蠻機靈狡猾的樣子。搜狐網(wǎng)站隨各個頁面的色調(diào)不同而放置不同色彩的logo,但logo的基本內(nèi)容不變。當(dāng)然,你不會不知道搜狐的理念:出門找地圖,上網(wǎng)找搜狐。但愿那只機靈的狐貍能幫你走出網(wǎng)絡(luò)叢林。



 、郏篩ahoo的logo(中文站)很簡單:英中文站名,紅字白底。英文Yahoo字母間的排列和組合很講究動態(tài)效果,加上Yahoo這個詞的音感強,使人一見就仿佛要生驚訝——而不禁自問:Do you Yahoo?



 、埽壕W(wǎng)易的logo使用了三色:紅(網(wǎng)易)、黑(NETEAS)、白(底色)。網(wǎng)易兩字用了篆書,體現(xiàn)了古典意味,也許在暗示網(wǎng)易在中文網(wǎng)絡(luò)的元老地位吧。但是,如果沒有從個人主頁到虛擬社區(qū),從新聞報道到專題頻道等豐富方便的服務(wù),光是從logo上,你是難于相信:輕松上網(wǎng),易如反掌。

這里就舉這幾個例子,當(dāng)然,在網(wǎng)絡(luò)海洋中,很多網(wǎng)站,特別是一些個人網(wǎng)站,其logo設(shè)計都很值得我們?nèi)W(xué)習(xí)的。

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關(guān)推薦