網(wǎng)頁設(shè)計色彩運用攻略 | 分享

時間：2023-10-08 04:06:02 | 來源：網(wǎng)站運營

時間：2023-10-08 04:06:02 來源：網(wǎng)站運營

網(wǎng)頁設(shè)計色彩運用攻略 | 分享：

色彩在我們?nèi)粘Ｉ詈凸ぷ髦兴鸬降淖饔迷絹碓酱?，它也是給用戶傳遞信息的最重要的因素之一。







色彩心理學(xué)被廣泛地運用到各個設(shè)計領(lǐng)域，它會刺激大腦和腺體分泌激素，引發(fā)出我們正面或負(fù)面的情緒反應(yīng)，并影響我們的行為。據(jù)悉網(wǎng)站的訪客通常只需要大概90秒就能針對一個網(wǎng)站作出判斷和選擇，而在這其中，有62%~90%的因素是取決于色彩。








某個事物在給人第一印象的時候，色彩扮演著無可爭議的重要角色。好的網(wǎng)頁設(shè)計必然會利用自己獨特的配色方案，去呼應(yīng)網(wǎng)站整體的定位和風(fēng)格調(diào)性，給觀者帶來視覺刺激從而產(chǎn)生共鳴，進(jìn)一步的了解網(wǎng)頁。








各位伙伴不妨試試下面的配色技巧，給你自己的網(wǎng)頁設(shè)計來一場視覺show~

一、決定網(wǎng)站基色

雖然說你可以使用任何你喜歡的顏色，但為了讓別人理解你的設(shè)計意圖和理念，盡量還是需要注意：善于使用客戶的產(chǎn)品資料介紹、避免使用競爭對手的顏色、了解你的用戶層所喜歡的顏色。




主題色的選擇通常會決定一個網(wǎng)頁整體的個性，在此列舉不同顏色的象征意義和相對應(yīng)的網(wǎng)頁案例以供參考~

紅色：熱情、奔放、喜悅、血氣、年輕




黃色：燦爛、活潑、溫暖、柔和








黑色：嚴(yán)肅、夜晚、沉著







白色：純潔、簡單、干凈







藍(lán)色：天空、清爽、科技、可靠、力量




綠色：植物、生命、生機(jī)、健康




灰色：象征冷靜、莊重、沉穩(wěn)







紫色：浪漫、富貴、智慧、想象







橙色：象征歡樂、信任

二、網(wǎng)頁色彩搭配方法

1.單色的搭配方法







同種色彩搭配的方法是指先選定一種主色，然后再以這款顏色為基礎(chǔ)進(jìn)行透明度、亮度、飽和度的調(diào)整，通過對顏色進(jìn)行變淡或加深得到其化新的顏色。

2.鄰近色彩搭配方法

鄰近色彩指的是在色環(huán)上相鄰的兩種不同顏色，如綠色和藍(lán)色、紅色和黃色即互為鄰近色。




3.對比色彩搭配方法







一般認(rèn)為，色彩的三原色（紅、黃、藍(lán)）是最能體現(xiàn)色彩間的差異的三款顏色。色彩的這種強(qiáng)烈對比效果具有很強(qiáng)的視覺誘惑力，能夠起到突出重點的作用。




4.冷、暖色色彩搭配方法







冷色調(diào)色彩搭配指的是使用綠色、藍(lán)色及紫色等冷色系色彩進(jìn)行搭配，暖色調(diào)色彩搭配是指使用紅色、橙色、黃色等暖色系顏色的搭配。







5.中間色搭配法




使用沒有色度的顏色




6.突出色搭配法







在沒有色調(diào)的顏色中突出一個高飽和度的色調(diào)

注意

1.限制使用顏色的數(shù)量




有些用戶的眼睛是弱視的，而有些則是什么顏色都看不見的。而大多數(shù)情況下，色盲中紅綠色盲居多，如果你的設(shè)計作品中運用了大量的紅色和綠色，就會讓它們感到混亂。




2.注意不同地區(qū)的顏色避諱




顏色所代表的意思，因為各地的文化不同而不同，有時候它甚至是代表國家或者宗教的符號。設(shè)計師要了解用戶群所在地區(qū)的顏色避諱。如果顏色的意思相近（比如在中國紅色代表幸運，在美國則代表了愛）就顯得不是那么重要，但像白色或者黑色這樣因為宗教的原因而導(dǎo)致的意思不同，容易將你的設(shè)計從整體上破壞，這一點請務(wù)必注意。




3.文字與網(wǎng)頁的背景色需要形成對比




文字內(nèi)容的顏色與網(wǎng)頁的背景色的對比要突出，底色深，文字的顏色就應(yīng)淺，這樣才能讓深色的背景襯托出淺色的內(nèi)容（文字或圖片）；反之，底色淡，文字的顏色就要深些，和淺色的背景襯托深色的內(nèi)容（文字或圖片）。

我們今天的網(wǎng)頁設(shè)計配色小講堂就到這里~

想要更多藝術(shù)留學(xué)、設(shè)計、作品集相關(guān)姿勢嗎？

快來關(guān)注藝術(shù)留學(xué)干貨分享公眾號：artfans_study

關(guān)注后回復(fù)【資料包】即可以獲得5G誠意滿滿的藝術(shù)設(shè)計干貨資料