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