您好,歡迎來到一站式眾包服務(wù)平臺(tái)-威客牛網(wǎng)!
當(dāng)前位置:威客牛首頁 > 知識(shí)百科 > IT軟件 > UI設(shè)計(jì) > 網(wǎng)頁設(shè)計(jì)配色的注意事項(xiàng)

網(wǎng)頁設(shè)計(jì)配色的注意事項(xiàng)

2022-12-04作者:網(wǎng)友投稿
色彩能夠建立起我們對品牌的直觀感知。在談?wù)摼W(wǎng)頁設(shè)計(jì)中色彩搭配原則之前,我們需要先來看看不同主色調(diào)的象征意義。這個(gè)主色調(diào)的選擇,需要依據(jù)我們對所要設(shè)計(jì)網(wǎng)站的定位來確定。以下是贏在威客網(wǎng)小編整理的網(wǎng)頁設(shè)計(jì)配色的注意事項(xiàng)。

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

不同主色調(diào)的網(wǎng)站

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

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

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

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

紅色:象征血?dú)?、年輕;(可口可樂、樂高、肯德基……)

橙色:象征歡樂、信任;(芬達(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ì)師中對于色彩的使用特別忌諱臟、純、跳、花、粉這幾種情形。

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

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

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

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

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

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

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

一切的設(shè)計(jì)都要以用戶的需求為導(dǎo)向。一個(gè)優(yōu)秀的網(wǎng)站,會(huì)給用戶非常直觀簡介明了的體驗(yàn)和簡明的導(dǎo)航。
免費(fèi)查詢商標(biāo)注冊