色彩搭配

一、配色方案

1、確認主色調: 主色決定設計的風格。而在這裏主色不一定是一種顏色,也可以是一種色調。

在設計中色彩充當了重要的情感元素,色彩不僅能引起情緒變化,往往也能表達自身文化。另外,在實際使用中,也會根據場景而表達的信息不同組合。記住色彩功能的劃分:主要色、輔助色、裝點色。

色彩常見的文化含義

* 括號內爲色彩的消極含義*

  • 紅色 : 激情,熱烈,豪放,(危險,禁止,恐怖…)
  • 橙色:溫暖,活力,運動,誘人…
  • 黃色 : 快樂,陽光,溫和,明亮,愉悅 (警示,懦弱,色情)
  • 綠色:生命,活力,環保,新生,健康,生活…
  • 藍色:專業,高效,冷靜,放鬆…
  • 黑色:穩重,炫酷,高雅,時尚,現代(沉悶,凝重,死亡…)
  • 灰色:嚴謹,正式,專業,現代(哀悼色..)
  • 白色:純淨,簡潔,柔和…

2、輔色和點綴色的選擇

①從對比色中找輔助色
在界面設計彙總使用互補色彩的對比是最爲強烈的。這種色彩能使用戶的視覺產生強烈的刺激,情感濃烈,給人留下鮮明的印象。這種方式是最易於傳播的。適合在誇張的、張揚的場景下使用。但這種顏色用的太過於頻繁容易造成用戶的視覺疲勞。給人一種不安定的感覺。那麼在使用這樣的搭配方式時需要控制使用的位置和信息的面積了,核心的地方可以這樣去使用。
②冷暖對比
冷暖對比色是自然平衡的規律,可以在設計中大量使用,這樣的配色會使作品非常的出彩,不顯單調。
③選擇同類色或鄰近色
同類色作爲輔助色可以使畫面柔和,顯得和諧統一。而鄰近色作爲輔助色會產生明度和飽和度對比,使畫面感豐富。
④、點綴色的選擇
點綴色可以用來營造獨特的頁面風格。所以點綴色一般選用飽和度和明度高的顏色。

3、三色搭配原則
在進行設計時配色不要超過三種色彩。而在這裏,不超過三種顏色的搭配,是指不超過三種色相的搭配。在單個色相中可以運用顏色明度或飽和度做色彩的豐富性。

放兩張圖進行下對比(第一個網站的名稱網址已處理)
某網站主頁:
這裏寫圖片描述

第二張圖是極客學院的主頁圖

這裏寫圖片描述

如果說第一張圖是因爲打廣告才亂的話,那麼看下面這張圖
這裏寫圖片描述

所以合理的進行色彩搭配會使得整個設計更加賞心悅目。

二、色彩理論知識

1、原色、間色和複色

  • 原色:也叫“三原色”。即紅、黃、藍三種基本顏色。自然界中的色彩種類繁多,變化豐富,但這三種顏色卻是最基本的原色,原色是其他顏色調配不出來的。把原色相互混合,可以調和出其他種顏色。
  • 間色:又叫“二次色”。它是由三原色調配出來的顏色。紅與黃調配出橙色;黃與藍調配出綠色;紅與藍調配出紫色,橙、綠、紫三種顏色又叫“三間色”。在調配時,由於原色在份量多少上有所不同,所以能產生豐富的間色變化。
  • 複色:也叫“複合色”。複色是用原色與間色相調或用間色與間色相調而成的“三次色”複色是最豐富的色彩家族,於變萬化,豐富異常,複色包括了除原色和間色以外的所有顏色。
  • 這裏寫圖片描述

2、互補色、鄰近色與同類色

顏色之間的互補關係(對比關係)與鄰近關係是學習色彩的又一重要問題。

互補色:色彩學上稱間色與三原色之間的關係爲互補關係。意思是指某一間色與另一原色之間互相補足三原色成分。例如,綠色是由黃加藍而成,紅色則是綠的互補色,橙色是由紅加黃而成,藍色則補足了三原色;紫色是由紅加藍而成,黃色則是紫的互補色。如果將互補色並列在一起,則互補的兩種顏色對比最強烈、最醒目、最鮮明:紅與綠、橙與藍、黃與紫是三對最基本的互補色。在色輪中顏色相對應的顏色是互補色,它們之間的色彩對比最強烈。

這裏寫圖片描述
鄰近色:鄰近色之間往往是你中有我,我中有你。比如:硃紅與桔黃,硃紅以紅爲主,裏面略有少量黃色;桔黃以黃爲主,裏面有少許紅色,雖然它們在色相上有很大差別,但在視覺上卻比較接近。在色輪中,凡在60度範圍之內的顏色都屬鄰近色的範圍。

這裏寫圖片描述
同類色:主要指在同一色相中不同的顏色變化。例如,紅顏色中有紫紅、深紅、玫瑰紅、大紅、硃紅、桔紅等等種類,黃顏色中又有深黃、土黃、中黃、桔黃、淡黃、檸檬黃等等區別。這些同類色變化多樣,千姿百態,
這裏寫圖片描述

發佈了35 篇原創文章 · 獲贊 97 · 訪問量 27萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章