t0306894
|
分享:
x0
|
[HTML][教學] 漫談網站的logo設計
當今信息技術迅猛發展,尤其是PC和網絡的普及,上網已經成為我們新的生活方式。在網絡空間裡,網站是我們發佈和獲得知識與信息的基地,網站是個人、企業和政府機關在網絡空間的形象和存在。因此,網站的製作和發佈成為這個時代的熱門技術。無論是為了工作還是因為興趣,也無論是機構還是個人,對網站設計的要求也是越來越講究。作為一個網頁設計的愛好者,下面我就網站Logo的設計原則、設計手法、設計技巧、設計工具等談談個人的看法,另外還對幾個經典站點的logo進行了簡單分析,希望對設計網站的朋友能有所幫助。
Logo,譯為標誌、廠標、標誌圖等,顧名思義,站點的logo,就是站點的標誌圖案,它一般會出現在站點的每一個頁面上,是網站給人的第一印象。logo的作用很多,最重要的就是表達網站的理念、便於人們識別,廣泛用於站點的連接、宣傳等,有些類似企業的商標。因而,logo設計追求的是:以簡潔的符號化的視覺藝術形象把網站的形象和理念長留於人們心中。
首先,談談logo的設計原則,與其他標誌圖案設計原則一樣:遵循人們的認識規律,突出主題、引人注目。所謂認識規律,比如從上到下,從左到右,從小到大,從遠到近的視覺習慣;比如由前因推理到後果,有源頭才有流水的思維習慣;還有人們的審美能力和審美心理等。要做到突出主題,就要求設計者非常瞭解站點的定位和發展方向,能夠在方寸之間概括出站點的理念。引人注目,是指視覺效果要強烈——容易識別、辨認和記憶。
logo的設計手法主要有以下幾種:
①表象性手法;
②表徵性手法;
③借喻性手法;
④標識性手法;
⑤卡通化手法;
⑥幾何形構成手法;
⑦漸變推移手法。
其中標識性手法、卡通化手法和幾何形構成法是最常用的網站logo設計手法。標識性手法是用標誌、文字、字頭字母的表音符號來設計logo;卡通化手法通過誇張、幽默的卡通圖像來設計logo;幾何形構成法是用點、線、面、方、圓、多邊形或三維空間等幾何圖形來設計logo。當然,設計時往往是以一種手法為主,幾種手法交錯使用。
logo的設計技巧很多,概括說來要注意以下幾點:
①保持視覺平衡、講究線條的流暢,使整體形狀美觀;
②用反差、對比或邊框等強調主題;
③選擇恰當的字體;
④注意留白,給人想像空間;
⑤運用色彩。因為人們對色彩的反映比對形狀的反映更為敏銳和直接,更能激發情感,
這裡我就著重談一下logo設計中的的色彩運用技巧。
①基色要相對穩定
②強調色彩的形式感:比如重色塊、線條的組合
③強調色彩的記憶感和感情規律:比如黃色代表富麗、明快;橙紅給人溫暖、熱烈感;藍色、紫色、綠色使人涼爽、沉靜;茶色、熟褐色令人聯想到濃郁的香味(看過快餐店的廣告嗎?)
④合理使用色彩的對比關係,色彩的對比能產生強烈的視覺效果,而色彩的調和則構成空間層次。
⑤重視色彩的注目性:下面附表分別列出了注目程度高和注目程度低的配色情況,設計時可以參照使用。
表-1 注目程度高的配色: 順序 1 2 3 4 5 6 7 8 9 10 底色 黑 黃 黑 紫 紫 藍 綠 白 黃 黃 圖形色 黃 黑 白 黃 白 白 白 黑 綠 藍
表-2 注目程度低的配色: 順序 1 2 3 4 5 6 7 8 9 10 底色 黃 白 紅 紅 黑 紫 灰 紅 綠 黑 圖形色 白 黃 綠 藍 紫 黑 黑 紫 紅 藍
logo的設計工具,凡是圖像設計和處理方面的軟件幾乎都可以用來設計logo,這裡推薦幾款經典的設計工具:
①平面靜態圖:PhotoShop 5.0/CorelDraw 8/PaintShop Pro6.0;
②Gif動畫圖:Ulead GIF Animator 2.0/Photo Animator 1.0;
③Flash動畫:Flash 4.0 最後,設計logo時還要注意以下幾個問題。
一是:外觀尺寸和基本色調要根據站點頁面的整體版面設計來確定,而且要考慮到在其他印刷、製作過程中進行放縮等處理時的效果變化,以便logo能在各種媒體上保持相對穩定。
二是:重視簡單的法則——簡單容易被接收,簡單給人們想像,簡單提高了效率,簡單就是美。
三是:生活是一切藝術的源泉,熱愛生活並從中發現創作的切入點。
理論了半天,你也許要瞌睡了,好了,我們現在就上網抓幾個大家熟悉的logo來例證一下:
①:新浪的logo底色是白,文字sina和新浪網是黑色,其中i字母上的點用了表象性手法處理成一隻眼睛,而這又使整個字母i像一個小火炬,這樣,即向人們傳達了「世界在你眼中」的理念,激發人們對網絡世界的好奇,又使人們容易記住新浪網的域名。
②:搜狐的logo比較特別,主要有兩部分組成,一是文字,中英文名稱,字體選擇較古典;一是小狐狸圖,蠻機靈狡猾的樣子。搜狐網站隨各個頁面的色調不同而放置不同色彩的logo,但logo的基本內容不變。當然,你不會不知道搜狐的理念:出門找地圖,上網找搜狐。但願那只機靈的狐狸能幫你走出網絡叢林。
③:Yahoo的logo(中文站)很簡單:英中文站名,紅字白底。英文Yahoo字母間的排列和組合很講究動態效果,加上Yahoo這個詞的音感強,使人一見就彷彿要生驚訝——而不禁自問:Do you Yahoo?
④:網易的logo使用了三色:紅(網易)、黑(NETEASwww.163.com)、白(底色)。網易兩字用了篆書,體現了古典意味,也許在暗示網易在中文網絡的元老地位吧。但是,如果沒有從個人主頁到虛擬社區,從新聞報道到專題頻道等豐富方便的服務,光是從logo上,你是難於相信:輕鬆上網,易如反掌。
這裡就舉這幾個例子,當然,在網絡海洋中,很多網站,特別是一些個人網站,其logo的設計都很值得我們去學習的。
此文章被評分,最近評分記錄財富:20 (by codeboy) | 理由: 感謝提供相關網頁設計觀念~^^ | |
|
|
|