網(wǎng)站LOGO設(shè)計漫談網(wǎng)站VI設(shè)計心得分享

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

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

先，談?wù)刲ogo的設(shè)計原則，與其他標(biāo)志圖案設(shè)計原則一樣：遵循人們的認(rèn)識規(guī)律，突出主題、引人注目。所謂認(rèn)識規(guī)律，比如從上到下，從左到右，從小到大，從遠(yuǎn)到近的視覺習(xí)慣；比如由前因推理到后果，有源頭才有流水的思維習(xí)慣；還有人們的審美能力和審美心理等。要做到突出主題，就要求設(shè)計者非常了解站點的定位和發(fā)展方向，能夠在方寸之間概括出站點的理念。引人注目，是指視覺效果要強(qiáng)烈——容易識別、辨認(rèn)和記憶。

logo的設(shè)計手法主要有以下幾種：　　?表象性手法；

?表征性手法；

?借喻性手法；

?標(biāo)識性手法；

?卡通化手法；

?幾何形構(gòu)成手法；

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

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

?保持視覺平衡、講究線條的流暢，使整體形狀美觀；

?用反差、對比或邊框等強(qiáng)調(diào)主題；

?選擇恰當(dāng)?shù)淖煮w；

?注意留白，給人想象空間；

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

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

?基色要相對穩(wěn)定

?強(qiáng)調(diào)色彩的形式感：比如重色塊、線條的組合

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

?合理使用色彩的對比關(guān)系，色彩的對比能產(chǎn)生強(qiáng)烈的視覺效果，而色彩的調(diào)和則構(gòu)成空間層次。

?重視色彩的注目性：下面附表分別列出了注目程度高和注目程度低的配色情況，設(shè)計時可以參照使用。

表-1 注目程度高的配色：
順序 ?。?２ ３ ４ ５ ６ ７ ８ ９ 10
底色 　黑 黃 黑 紫 紫 藍(lán) 綠 白 黃 黃
圖形色 黃 黑 白 黃 白 白 白 黑 綠 藍(lán)

表-2 注目程度低的配色：
順序　 １ ２ ３ ４ ５ ６ ７ ８ ９ 10
底色 　黃 白 紅 紅 黑 紫 灰 紅 綠 黑
圖形色 白 黃 綠 藍(lán) 紫 黑 黑 紫 紅 藍(lán)

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

?平面靜態(tài)圖：PhotoShop 5.0/CorelDraw 8/PaintShop Pro6.0；

?Gif動畫圖：Ulead GIF Animator 2.0/Photo Animator 1.0；

?Flash動畫：Flash 4.0

后，設(shè)計logo時還要注意以下幾個問題。

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

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

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

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

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

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

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

?：網(wǎng)易的logo使用了三色：紅（網(wǎng)易）、黑（NETEASwww.163.com)、白（底色）。網(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í)的。

成都網(wǎng)站建設(shè)公司－創(chuàng)新互聯(lián)(www.fslingdu.com)，確保您獲得理想的網(wǎng)頁設(shè)計服務(wù)，設(shè)計團(tuán)隊為您提供FLASH網(wǎng)站設(shè)計，網(wǎng)頁制作，APP界面設(shè)計及程序開發(fā)，多媒體觸摸屏展示設(shè)計.

文章標(biāo)題：網(wǎng)站LOGO設(shè)計漫談網(wǎng)站VI設(shè)計心得分享
轉(zhuǎn)載來源：http://www.muchs.cn/news6/219056.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、網(wǎng)站維護(hù)、網(wǎng)站制作、軟件開發(fā)、建站公司、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)