網(wǎng)頁設(shè)計(jì)中色彩搭配的原則和技巧

時(shí)間：2024-06-29 23:39:16 色彩培訓(xùn) 我要投稿

相關(guān)推薦

　　色彩在網(wǎng)頁設(shè)計(jì)中起著重要的作用，色彩能夠建立起我們對(duì)品牌的直觀感知。下面小編帶著大家一起來了解一下網(wǎng)頁設(shè)計(jì)中色彩搭配的原則和技巧吧！

　　色彩能夠建立起我們對(duì)品牌的直觀感知。在談?wù)摼W(wǎng)頁設(shè)計(jì)中色彩搭配原則之前，我們需要先來看看不同主色調(diào)的象征意義。這個(gè)主色調(diào)的選擇，需要依據(jù)我們對(duì)所要設(shè)計(jì)網(wǎng)站的定位來確定。

　　通常，看看優(yōu)秀的網(wǎng)站能夠給我們帶來很多啟示。下面我們就先看看這些主色調(diào)的象征意義和這些色調(diào)中做的比較優(yōu)秀的網(wǎng)站。

　　灰色：象征冷靜、中立;(蘋果、維基百科、紐約時(shí)報(bào)……)

　　綠色：象征健康、生命;(BP石油、食品超市whole foods、星巴克……)

　　藍(lán)色：象征可靠、力量;(戴爾、大眾汽車、IBM……)

　　紫色：象征智慧、想象;(雅虎、T-Mobile、科幻主題電視臺(tái)Syfy……)

　　紅色：象征血?dú)狻⒛贻p;(可口可樂、樂高、肯德基……)

　　橙色：象征歡樂、信任;(芬達(dá)、亞馬遜、火狐……)

　　黃色：象征溫暖、透明;(百思買、法拉利、麥當(dāng)勞……)

　　網(wǎng)頁設(shè)計(jì)色彩搭配原則

　　網(wǎng)頁美工設(shè)計(jì)中，最常用的幾個(gè)顏色為藍(lán)色、綠色、橙色，以及暗紅色。

　　藍(lán)為主調(diào)。藍(lán)色多與白、橙搭配，。白底，藍(lán)標(biāo)題欄，橙色按鈕或ICON做點(diǎn)綴;藍(lán)天白云，沉靜整潔的感覺。

　　綠為主調(diào)。綠色多與白、蘭兩色搭配。白底，綠標(biāo)題欄，蘭色或橙色按鈕或ICON做點(diǎn)綴，綠白相間，雅致而有生氣。

　　橙為主調(diào)。橙色多與白、紅搭配。白底，橙標(biāo)題欄，暗紅或桔紅色按鈕或ICON做點(diǎn)綴，橙色活潑熱情，標(biāo)準(zhǔn)的商業(yè)色調(diào)，因此多用于商業(yè)網(wǎng)站的網(wǎng)頁美工設(shè)計(jì)。

　　暗紅為主調(diào)。暗紅色顯得寧重、嚴(yán)肅、高貴，需要配黑和灰來壓制刺激的紅色。黑或灰底，暗紅標(biāo)題欄，文字內(nèi)容背景為淺灰色。

　　網(wǎng)頁設(shè)計(jì)師需要注意的幾點(diǎn)

　　盡管三原色的相互搭配創(chuàng)造出了無數(shù)顏色，可不是所有的顏色都適用于網(wǎng)頁設(shè)計(jì)，不同的顏色在搭配上也有著其中的學(xué)問，網(wǎng)頁設(shè)計(jì)就相當(dāng)于平面設(shè)計(jì)，網(wǎng)頁設(shè)計(jì)師可以將平面設(shè)計(jì)中的審美觀點(diǎn)套用到這上面來，所以平面設(shè)計(jì)上的審美的觀點(diǎn)在網(wǎng)頁設(shè)計(jì)上非常實(shí)用。

　　在網(wǎng)頁設(shè)計(jì)師中對(duì)于色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。

　　忌臟是指背景與文字內(nèi)容對(duì)比不強(qiáng)烈，灰暗的背景令人沮喪!

　　忌純是指艷麗的純色對(duì)人的刺激太強(qiáng)烈抗議，缺乏內(nèi)涵。

　　忌跳是指再好看的顏色，也不能脫離整體。

　　忌花是指要有一種主色貫穿其中，主色并不是面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領(lǐng)導(dǎo)者一樣，雖然在人數(shù)上居少數(shù)，但起決定作用。

　　忌粉是指顏色淺固然顯的干凈，但如果對(duì)比過弱，顯得蒼白無力了，就象病夫一樣無可救藥。

　　另外，藍(lán)色忌純，綠色忌黃，紅色忌艷。

　　當(dāng)然，作為網(wǎng)頁設(shè)計(jì)師，我們最需要時(shí)刻提醒自己的是不要為了設(shè)計(jì)而設(shè)計(jì)。

　　一切的設(shè)計(jì)都要以用戶的需求為導(dǎo)向。一個(gè)優(yōu)秀的網(wǎng)站，會(huì)給用戶非常直觀簡(jiǎn)介明了的體驗(yàn)和簡(jiǎn)明的導(dǎo)航。

【網(wǎng)頁設(shè)計(jì)中色彩搭配的原則和技巧】相關(guān)文章：

網(wǎng)頁設(shè)計(jì)色彩搭配技巧08-07

網(wǎng)頁美工設(shè)計(jì)中色彩搭配技巧07-08