一個好的網(wǎng)頁設(shè)計(jì)會給用戶帶來記憶深刻,好用易用的體驗(yàn)。在人性中,我們對不同的顏色有不同的情感反應(yīng)。它極大影響了我們組織、識別和解釋信息以了解環(huán)境的方式。從網(wǎng)頁設(shè)計(jì)的版式、信息層級、圖片、色彩等視覺方面的運(yùn)用,直接影響到用戶對網(wǎng)站的最初感覺,而在這些內(nèi)容中,色彩的配色方案是至關(guān)重要的,網(wǎng)站整體的定位、風(fēng)格調(diào)性都需要通過顏色,給用戶帶來感官上的刺激,從而產(chǎn)生共鳴。事實(shí)上,85% 的人報告說顏色對他們購買的東西有重大影響。所以在網(wǎng)頁設(shè)計(jì)中,顏色極為重要。
1. 選擇主色
您首先需要了解您提供的服務(wù)類型或銷售的產(chǎn)品類型。之后,您可以輕松決定適合用戶口味或氛圍的主色。
一些大品牌的例子是:
紅色:可口可樂——興奮和幸福
橙色:Nickelodeon——友好而有趣
黃色:麥當(dāng)勞——樂觀和快樂
綠色:全食——新鮮和自然
藍(lán)色:美國運(yùn)通——可靠和放心
紫色:Hallmark — 品質(zhì)歷史
布朗:Nespresso——可靠且簡單
黑色:香奈兒——奢華與優(yōu)雅
白色:蘋果——時尚且用戶友好
2. 選擇輔色
選擇附加顏色的一個很好的起點(diǎn)是考慮顏色補(bǔ)充。每種顏色都有一種使彼此流行的平行顏色,稱為“顏色恭維”,嘗試將您的附加顏色限制為最多 2 種顏色。
3. 選擇背景顏色
背景顏色是一個重要的選擇。您網(wǎng)站的背景可能比任何其他顏色占用更多空間。但是,如果您可以將其減少到只有 2 個選項(xiàng),這將是一個簡單的選擇。
第一個選擇是使用更柔和的原色版本。使用它們的主要顏色來鞏固他們的品牌。
第二種選擇是您可以將整個網(wǎng)站設(shè)為灰白色。這是一個更常見的選擇,你可能見過很多。由于其微妙而經(jīng)典的風(fēng)格,它會彈出你想要的任何東西——文本、圖像或鏈接。
4. 選擇字體顏色
你的字體顏色。你現(xiàn)在可能很容易說黑色,但有許多不同類型的黑色字體。白色背景上的純黑色文本會導(dǎo)致眼睛疲勞。有 100% 的對比度,如果您的網(wǎng)站讓他們難以閱讀,人們可能會點(diǎn)擊離開。您可以使用灰色或淺灰色為您的網(wǎng)站提供更吸引人的外觀,也可使用更柔和的色調(diào),這比鮮明的黑白對比要弱得多。
5.不要過火
盡量不要低估白色的重要性。這是提供對比、整理和將您的設(shè)計(jì)聯(lián)系在一起的好方法。一個流行的設(shè)計(jì)經(jīng)驗(yàn)法則是盡量堅(jiān)持不超過 3種不同的顏色。如有必要,將調(diào)色板擴(kuò)展到不同深淺的原色。當(dāng)一個品牌與特定顏色有很強(qiáng)的聯(lián)系時,您可能不想與它分得太遠(yuǎn)。采用您的原色并稍微調(diào)整一下飽和度是很有趣的。
網(wǎng)頁設(shè)計(jì)師的主要關(guān)注點(diǎn)是創(chuàng)建具有凝聚力和視覺吸引力的產(chǎn)品。
選擇原色:選擇適合您服務(wù)氛圍和活力的顏色。
選擇您的其他顏色:選擇一種或兩種其他顏色來補(bǔ)充您的原色。您應(yīng)該考慮色彩搭配,使您的原色“流行”。
選擇背景顏色:對于您網(wǎng)站的背景,請選擇比原色更柔和的顏色。
選擇字體顏色:請記住,不建議使用白色背景上的純黑色字體,這會導(dǎo)致眼 睛疲勞。
不要太過分:使用白色來對比和整理您的設(shè)計(jì)。并使用您的原色并使用飽和度。