
Hello,大家好,我是雪梨~
最近接了很多的WordPress建站項目,很多客戶朋友都會很糾結(jié)網(wǎng)站配色,不知道如何搭配自己的網(wǎng)站顏色。
今天就跟大家說說網(wǎng)站配色的問題~ 那就開始吧。
網(wǎng)站配色可以遵循的原則:
和logo協(xié)調(diào),可以吸取logo的顏色
不要太多顏色,3色原則同樣適用
可以選擇相鄰的色系
? 確定主色調(diào)
提起阿里巴巴,就想到阿里橙,所有吸引人的主色調(diào)可以樹立鮮明的名牌形象;網(wǎng)站的主色調(diào),你可以基于網(wǎng)站的logo和品牌基調(diào)去做調(diào)試。
主色調(diào)是網(wǎng)站的基調(diào),決定網(wǎng)站的風格走向。各個行業(yè)都有自己偏好的主色調(diào),大家可以多多參考同行的網(wǎng)站,去獲取配色靈感。
顏色可以傳遞情緒,比如黃色是奔放的;紅色是熱情的;藍色是冷靜的等等;大家可以結(jié)合自己的行業(yè),去選擇合適的顏色,去表達自己的網(wǎng)站情緒。
這里呢,我們給客戶設(shè)計網(wǎng)站的時候,主題色會應用在Header,F(xiàn)ooter等等的背景色上。
?確定輔助色
確定了主色調(diào),接下來就選擇一個顏色作為輔助色,2~3個為宜,三色原則同樣適用于網(wǎng)站配色。
顏色不要太多,會讓人頭暈目眩,眼花繚亂。
???? 選擇相近色:這個配色方案絕對不會出錯。
????選擇對比色:按鈕的顏色和背景色就可以使用對比色,色彩跳躍,形成鮮明的對比,更容易吸引用戶的注意。
????選擇中性色:黑,白,灰,淺色系等等中性色;可以弱化網(wǎng)頁的外觀設(shè)計,讓用戶更加集中網(wǎng)站的內(nèi)容上。也是非常保險的配色方案。
配色網(wǎng)站

(圖源:colorhunt)
給分享幾個好用的配色網(wǎng)站,可以幫助大家去找到自己的網(wǎng)站配色靈感。
???? Color Hunt:https://colorhunt.co/
????Coolos:https://coolors.co/
????Adobe Color:https://color.adobe.com/