網(wǎng)頁(yè)設(shè)計(jì)時(shí)LOGO的設(shè)計(jì)原則

網(wǎng)頁(yè)設(shè)計(jì)時(shí),LOGO的設(shè)計(jì)需要從很多方面來(lái)分析,它涉及圖形、文字、顏色、排版等各個(gè)方面的內(nèi)容,設(shè)計(jì)LOGO通常從以下幾個(gè)方面考慮。

  1. 構(gòu)成

網(wǎng)站建設(shè)中,一個(gè)LOGO的構(gòu)成要素,一般由網(wǎng)站的英文名稱(chēng)、網(wǎng)站的網(wǎng)址、網(wǎng)站的標(biāo)志圖形、網(wǎng)站的主題描述構(gòu)成,對(duì)于中文網(wǎng)站的LOGO來(lái)說(shuō),它還會(huì)包括網(wǎng)站的中文名稱(chēng)。但是這幾個(gè)構(gòu)成要素并不一定同時(shí)存在,而是適當(dāng)?shù)亟M合在一起。如圖所示的LOGO就是由網(wǎng)站的英文名稱(chēng)和網(wǎng)站的標(biāo)志圖形構(gòu)成。

f00a26979f147580bea73c88bfdff005.jpg

對(duì)于中文網(wǎng)站來(lái)說(shuō),LOGO中還會(huì)包括網(wǎng)站中文名稱(chēng),如圖所示為賽迪網(wǎng)的LOGO標(biāo)識(shí)。

2. 形體

對(duì)于一些企業(yè)網(wǎng)站,它們的LOGO一般都是由企業(yè)品牌標(biāo)識(shí)和英文名稱(chēng)組成,并不對(duì)網(wǎng)站的LOGO進(jìn)行特別的設(shè)計(jì),如圖所示的Adobe公司的LOGO,就是由企業(yè)品牌標(biāo)識(shí)和英文名稱(chēng)組成。

1.jpg

除了上面的情況外,開(kāi)始進(jìn)行LOGO設(shè)計(jì)通常都會(huì)有一些真實(shí)形體作參考,例如,以農(nóng)業(yè)為主的網(wǎng)站可能會(huì)在網(wǎng)站的LOGO中放置農(nóng)作物形體,以書(shū)籍為主的網(wǎng)站會(huì)在網(wǎng)站的LOGO中放置書(shū)本形體等。但在創(chuàng)作過(guò)程中很少有直接了當(dāng)進(jìn)行放置的,藝術(shù)創(chuàng)作常常將自然形體與設(shè)計(jì)結(jié)合在一塊,網(wǎng)站LOGO創(chuàng)作則往往通過(guò)技術(shù)提取與樸素制作來(lái)完成。技術(shù)提取使實(shí)際形體與網(wǎng)站內(nèi)容相結(jié)合,用會(huì)意體現(xiàn)內(nèi)容,用輪廓體現(xiàn)形體。而樸素制作則是摒棄不相關(guān)的元素信息,力圖用最簡(jiǎn)單的方式表達(dá)最豐富的內(nèi)涵。

3. 顏色

網(wǎng)頁(yè)設(shè)計(jì)時(shí)嗎,網(wǎng)站LOGO的顏色選擇中應(yīng)盡量少用顏色。一方面減小圖像尺寸,另一方面避免給人過(guò)于花哨的感覺(jué)。另外在顏色的選擇中,要與網(wǎng)站的整體相關(guān)聯(lián)。如微軟公司網(wǎng)站的LOGO,以藍(lán)色和白色搭配為主,符合微軟公司的形象顏色,如圖所示。

fda15747b4bf25f9c0eb3741712fbff4.jpg

標(biāo)準(zhǔn)色彩是標(biāo)志不可缺少的主要構(gòu)成因素,以光色效應(yīng)表現(xiàn)企業(yè)及其產(chǎn)品,一般包括了專(zhuān)用品牌標(biāo)準(zhǔn)字體圖形的標(biāo)準(zhǔn)色彩和標(biāo)準(zhǔn)形象圖形的標(biāo)準(zhǔn)色彩。

網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊,確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果,并可能影響到訪(fǎng)問(wèn)者的情緒。標(biāo)準(zhǔn)色彩是指同LOGO顏色相匹配,能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。

一般來(lái)說(shuō),網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種,太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊,給人以整體統(tǒng)一的感覺(jué)。至于其他色彩也可以使用,只是作為點(diǎn)綴和襯托,不能喧賓奪主。例如,263網(wǎng)絡(luò)集團(tuán)以紅色為背景,襯托白色字體,比較醒目;中央電視臺(tái)以藍(lán)色系漸變?yōu)楸尘?,襯托紅、白色文字,和電視屏幕相符合;SUN公司以藍(lán)紫色為背景,襯托白色文字,符合企業(yè)文化;IBM以深藍(lán)色為背景,襯托白色文字,顯示該公司的厚重。

色彩組合具有物理、生理、心理、認(rèn)知、審美五大效應(yīng),不僅凝聚和積淀了民族文化傳統(tǒng)的情感傾向和理性意味,而且引發(fā)和激勵(lì)人們的情感性接受和邏輯辨識(shí)認(rèn)定。色彩與文字和圖形同頻共振,豐富了文字和圖形的形象感和氛圍感,獲得了文字和圖形所賦予的時(shí)代精神及其情感傾向和理性意味。

另一方面,色彩與人們心理、思維、審美需要共頻共振,感染力將超越既定的文字和圖形,潛移默化地把人們導(dǎo)入情景交融的審美意境。正因?yàn)槿绱?,在文字、圖形、色彩中,色彩傳播被人感知、辨識(shí)、區(qū)別是最為迅速和準(zhǔn)確的。設(shè)計(jì)專(zhuān)用品牌標(biāo)準(zhǔn)色彩必須注意以下方面。   

?在標(biāo)志標(biāo)準(zhǔn)名稱(chēng)、標(biāo)準(zhǔn)圖形、標(biāo)準(zhǔn)色彩三大構(gòu)成要素中,首先突出標(biāo)準(zhǔn)色彩及其組合。   

?充分發(fā)揮色彩之間多重的鮮明對(duì)比和強(qiáng)烈反差作用,加快信息傳播速度,加大信息傳播力度。   

?深層次開(kāi)發(fā)和運(yùn)用標(biāo)準(zhǔn)色彩組合的情感傾向和理性意味,強(qiáng)化企業(yè)識(shí)別標(biāo)志、企業(yè)識(shí)別系統(tǒng)的吸引力和傳播力,而且極大地促進(jìn)企業(yè)對(duì)自身獨(dú)特發(fā)展戰(zhàn)略、運(yùn)行實(shí)態(tài)的約束力和激勵(lì)力。

4. 字體

在網(wǎng)站LOGO設(shè)計(jì)中,文字是設(shè)計(jì)中非常重要的一環(huán),很多要傳遞的信息都是通過(guò)文字來(lái)表達(dá)的。首先文字的字體選擇,對(duì)于一種字體,不僅要了解其歷史,還要弄清楚它的應(yīng)用場(chǎng)合。哪一種字體具有古典風(fēng)范,哪一種字體比較新穎,哪一種字體在這種場(chǎng)合中更便于閱讀,都是在設(shè)計(jì)中應(yīng)該考慮到的。字體的選擇起著相當(dāng)重要的作用,但選擇的標(biāo)準(zhǔn)卻是沒(méi)有定式的,對(duì)于一個(gè)LOGO,永遠(yuǎn)不知道到底哪種字體才是最貼切的,只有不斷地嘗試,才能找到讓大家滿(mǎn)意的字體

另外關(guān)于字體大小寫(xiě)的問(wèn)題。一般地,無(wú)論是字體還是圖像都得保持風(fēng)格的一致性,因此在字體大小寫(xiě)的選擇上也要遵循下面的原則。   

?選擇大寫(xiě)給人以整齊的感覺(jué)。   

?選擇小寫(xiě)主要使用其起伏性。   

?在大小寫(xiě)混用時(shí),因?yàn)榇笮?xiě)的字體,無(wú)論是寬度還是高度,以及整個(gè)字體風(fēng)格都會(huì)有區(qū)別,所以一定要注意整齊性。文字的抽象在網(wǎng)站LOGO的制作中十分重要,對(duì)文字進(jìn)行適當(dāng)?shù)某橄筇幚?,可以使LOGO看起來(lái)更加的人性化。例如,熟悉的太平洋電腦網(wǎng),將PConline中的字母“o”抽象成一個(gè)地球,和背景中的圓形地球相呼應(yīng)。

LOGO合成字體是一種表象表意的綜合,指文字與圖案結(jié)合的設(shè)計(jì),兼具文字與圖案的屬性,但都導(dǎo)致相關(guān)屬性的影響力相對(duì)弱化,為了不同的設(shè)計(jì)取向,制作偏圖案或偏文字的LOGO,會(huì)在表達(dá)時(shí)產(chǎn)生較大的差異。有兩種情況:只對(duì)印刷字體作簡(jiǎn)單修飾,或把文字變成一種裝飾造型讓大家去猜。例如,百度中的“du”進(jìn)行圖形藝術(shù)化;QQ網(wǎng)中“QQ”用兩個(gè)可愛(ài)的卡通圖形代替。

完整的LOGO設(shè)計(jì),尤其是有中國(guó)特色的LOGO設(shè)計(jì),在國(guó)際化的要求下,一般都應(yīng)考慮至少有中英文雙語(yǔ)的形式,要考慮中英文字的比例、搭配,一般要有圖案中文、圖案英文、圖案中英文及單獨(dú)的圖案、中文、英文的組合形式。有的還要依據(jù)實(shí)際用途考慮繁體、其他特定語(yǔ)言版本等。

5. 圖案

LOGO特示圖案屬于表象符號(hào),獨(dú)特、醒目;圖案本身易被區(qū)分、記憶;通過(guò)隱寓、聯(lián)想、概括、抽象等繪畫(huà)表現(xiàn)方法表現(xiàn)被標(biāo)識(shí)體,對(duì)其理念的表達(dá)概括而形象。如果與被標(biāo)識(shí)體關(guān)聯(lián)性不夠直接,觀眾容易記憶圖案本身而模糊徽標(biāo)含義。認(rèn)知需要相對(duì)較曲折的過(guò)程,但一旦建立聯(lián)系,就會(huì)對(duì)被標(biāo)識(shí)體記憶相對(duì)持久。所以對(duì)持久記憶要求高時(shí)應(yīng)設(shè)計(jì)良好的特示圖案形象。

另外,如果希望在較短期限內(nèi)建立形象的,還應(yīng)該設(shè)計(jì)相應(yīng)的吉祥物,以便公司形象讓用戶(hù)耳熟能詳、藉以強(qiáng)化溝通和理解。

6. 版式

其實(shí)LOGO的版式設(shè)計(jì)并沒(méi)有定式,因?yàn)樗脑O(shè)計(jì)前提都是在盡可能簡(jiǎn)單的情況下表達(dá)出其所代表的形象和要傳遞的信息。下面介紹幾個(gè)典型的LOGO。如圖所示的LOGO采用左側(cè)圖標(biāo)右側(cè)文字的版式,這個(gè)版式是最常用也是最容易接受的版式。與之相反,有的網(wǎng)站LOGO在設(shè)計(jì)時(shí),將圖標(biāo)放置在右側(cè),如圖所示的網(wǎng)站LOGO。另外,有的LOGO采用上下放置的版式,將圖標(biāo)放置在上面,將文字放置在下面,如圖所示的網(wǎng)站LOGO。


網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):0871-63535511(點(diǎn)擊可一鍵撥號(hào))