如果你決定創建一個網站,那么你將面臨的第一個問題是“我應該選擇什么顏色,才顯得更專業和視覺更具吸引力?“因為顏色是網站首先吸引觀眾注意力的東西,這就是為什么配色方案被認為是每個設計師應該知道的最重要的事情。
顏色不僅影響網站的外觀,而且影響它的有效性。這意味著,網站人均瀏覽時長,訪問者的回頭率,甚至網站轉化都取決于顏色方案的選擇。此外,考慮到現代技術的可視化,色彩扮演了互聯網上的主要角色之一。當你開始自己的網站,你不應該忘記這個規則。
然而,我們中的一些人很難找到一件和牛仔褲顏色相配的T恤,所以并不是所有人能夠完全清楚如何為你的網站選擇合適的配色方案。但不要放棄,因為我們有色彩的理論。通過深入研究色彩理論的基本知識,你將能夠創造美麗和有效的顏色組合。所有有經驗的網頁設計師都依賴于理論,這意味著你也可以做到這一點!讓我們來談談它的主要原則,你會發現一切都比看起來容易得多。
工作工具
色相環是色彩理論的基本要素。設計師應該沒有哪個不認識它吧?
色相環是您的主要工作工具,清晰地演示了如何創建和組合顏色。所有的顏色被分為三個基本色-紅色,藍色和黃色,可以用來創建額外的顏色,如綠色,橙色和紫色。
然而,色相環并不總是由六個部分組成,他們可以包括十二個或更多的變化。在這種情況下,六種顏色被作為主和副顏色進行添加混合。比如黃綠色、綠藍色、藍紫色、紫紅色、桔紅色和橙黃色。因此色相環包含24個部分,甚至更多的額外色調。
冷暖色
所有色相環都可以分成兩半。其中一半為暖色,如黃色,橙色和紅色(大多色相環的棕色也屬于暖色調色板)。另一半是冷色,如藍色,綠色,紫色和灰色??赡茉谶@里會有人問:“哪種顏色更好–溫暖還是涼爽?”答案是顯而易見的——沒有“更好”的顏色。你的選擇應該取決于你要達到的效果以及與某一特定感覺或想法的關聯。暖色被認為是愉快的,友好的和刺激的;冷色在大多數情況下是平靜和放松的。
因此,顏色的選擇取決于你的公司風格,需要和你想創造的氛圍。如果你不是很理解,不妨自己進行實驗,你可以混合暖色和冷色可能會這樣做),來看一下效果。但關于色彩混合,我們在后面會詳細地講解。
混色的基本知識
根據顏色在色相環中的位置,有幾種配色方案案。讓我們先從最簡單的一個開始,然后轉向更復雜的方案:
1.Complementary color scheme互補配色方案
互補配色方案——你可以結合位置彼此相對的兩個對比色。例如,你可以使用紅色和綠色,或黃色和紫色。如果要得到一個更優雅的組合,建議添加中性附加色調-米色,淺棕色,淺灰色,黑色或白色,這些都可以是背景顏色。
2.Analogous color scheme近似色配色方案
近似色配色方案——一般地選取三個在色相環上位置相近的三個顏色。舉例:橙色,橙黃色和黃色;或者紫色,藍紫色和藍色。所有這些顏色都會很好地結合在一起,因為它們在色相環有著“鄰居”的關系。
3.Color triad三角對立配色方案
說到這個方案,有必要提醒你一些基本的幾何規則。也不是什么深奧的東西,其實沒有什么復雜的:你從色環中選取任何彼此等距三種顏色。如果你用線將它們連接起來,你會得到一個等邊三角形??赡艿慕M合是:黃綠色,橙紅色和紫藍色;黃橙,紅紫和藍綠色。這是一個非常豐富的對比方案,所以你需要找到一個平衡點,選擇一種顏色作為主要顏色,然后再選擇另外兩種顏色。
4.Split-complementary color scheme分散互補色系配色方案
在這個方案中,你選擇一種顏色作為主要顏色,并將其與其他兩種顏色相結合,即顏色輪上的補色。這個方案,如果你把選中的顏色和線條連接起來,你會得到一個等腰三角形??赡艿倪x擇是:紅,黃綠色和藍綠色,或紫色,黃色,橙色和黃綠色。這是一個不同的方案,它比上面第一個互補方案的張力小。
5.Rectangle color scheme矩形配色方案
這里你需要選擇兩對互補色。如果你用線連接它們,你會得到一個矩形。例子:黃橙,黃綠色,藍紫色和紅紫色。這個方案是不同尋常的組合,是創意網站配色的完美選擇。不過,如果你擔心創建一個混亂的顏色,你可以選擇一種顏色作為基礎,然后用其他三種顏色來作為補充強調。
6.Monochromatic color scheme單色調配色方案
從這個名字可以清楚地知道,這個方案結合了近似色。你既可以混合深色和淺色,也可以只選擇深色或淺色。
從理論到實踐
好了,現在你大概了解了主要的配色方案,了解它們的優缺點。讓我們看看如何在實踐中使用這些知識。這里是一些 TemplateMonster 使用不同的配色方案創造優質的 WordPress 主題。這些都是很好的例子,也是靈感的源泉。如果你仔細閱讀上面理論,試試猜一下每一個網站都使用了哪些顏色方案,可以在評論中與大家一起分享。