初學設計如何認識色彩,合理搭配色彩?
關於色彩的理解和搭配,對於一個新手設計師來說是一個很大的麻煩,往往在製作一個圖片的時候,會花費很長的時間去思考配色的問題,最終有可能導致後續的工作無法展開,或者製作出來的圖案不附合要
求。其實配色的方法也是挺簡單的,接下來跟MuCheng一起學習色彩及配色的方法。
色彩三要素
色相(H):即各類顏色的相貌稱謂,色相是色彩的首要特徵,是區別各種不同色彩的最準確的標準,事實上任何黑白灰以外的顏色都有色相的屬性,而色相也就是由原(元)色,間色和複色來構成的。
相對顏色組合:體現歡樂活潑氣氛
單色相組合:簡潔明了
明度(S):明度可以理解為顏色的亮度,不同的顏色具有不同的明度,其中黃色明度最高,紫色明度最低,綠紅藍橙的明度相近,為中間明度。
高明度的組合:簡約時尚大氣耐看
低明度的組合:炫酷奪目
飽和度(純度)(B):一種顏色的鮮艷度取決於這一色相發射光的單一程度,人眼能辨別的有單色光特徵的色,都具有一定的鮮艷度,不同的色相不僅明度不同,純度也不同
高純度組合:視覺衝擊力強,偏年輕化
低純度組合:經典耐看,男性化,沉穩的感覺
色相原理
減色原理三原色(美術學):紅、黃、藍 → 黑色
加色原理三原色(物理光學):紅、綠、藍→ 白色
顏色代表的含義:
色彩的明度與色相的關係:
不同的顏色具有不同的明度,
其中黃色明度最高,
紫色明度最低,
綠、紅、藍、橙的明度相近,明度適中。
色彩的冷暖:
冷色:藍、藍紫色(青蓮色)、青色、綠(墨綠、深綠、中綠、翠綠、草綠 )
相關聯想:太空、冰雪、海洋等物像,易產生寒冷、理智、平靜等感覺。
暖色:紅、橙、黃
相關聯想:太陽、火焰、熱血等物像,易產生溫暖、熱烈、危險等感覺,使人產生衝動情緒。
色彩的華麗質樸感:
色彩三要素對華麗及質樸感都有影響;
純度最大、明度高,純度高的色彩,體現豐富、強對比,色彩感覺華麗、輝煌;
明度低、純度低的色彩,單純、弱對比的色彩感覺質樸、古雅;
但無論何種色彩,帶上光澤,都能獲得華麗的效果。
色彩搭配
消色(黑白灰):黑白灰屬於無色相系,這三種顏色本身沒有色相,可以是萬用搭配色,需要與色強的顏色搭配;使用灰色時,要留意使用過多會使頁面變得灰濛濛沒有質感。
單色搭配:是指單一的顏色,使用相同的色相、明度或純度不同
效果:對比效果統一、文靜、雅緻、含蓄、穩重,但易產生單調,呆板的弊病
單色搭配
近似色搭配:色相環上相鄰的二至三色對比,距離大約30度左右,為弱對比類型。
效果:效果感覺柔和、和諧、雅緻、文靜,但感覺單調,模糊,乏味,無力,必須來加強效果。
近似色搭配
分裂色搭配:色相距離約60度左右,為較弱對比類型。
效果:效果豐富活潑,但是又不失統一雅緻,和諧的感覺。
分裂色搭配
補色搭配:色相環上對比距離180度,使用補色搭配,相對的顏色使用比例為20%左右。
效果:兩種顏色互為補色的時候,一種顏色占的面積遠大於另一種顏色的面積的時候,就可以增強畫面的對比,使畫面能夠很顯眼,一般情況下,補色運用有得有失。(在使用補色搭配的時候,如顏色使用過於突兀,可以添加無色系做為過度或者做一個背景明度的漸變)
補色搭配
配色方法
照片取色法:從照片的畫面內提取顏色,調整顏色的明度或者飽和度達到色彩搭配的目的。(也可以配合常規配色方法略作調整)
效果:顏色來源於照片,畫面所有的顏色之間是有關聯性的,不會很突兀。
配色神器(Color Cube):可以提取圖片內顏色的插件,在蜂巢圖、色板內會有羅列出圖片內所有的顏色,將顏色的冷暖程度都列明。
配色神器下載地址:可以關注公眾號後,回復「神器」就可以免費下載。
配色誤區:
1、不要將所有顏色都用到,盡量控制在三種顏色以內。(比例關係為:主色70%,輔助色25%,點綴色5%)
2、背景和前文的對比盡量要大(不要使用花紋或者圖案作背景)以便突出文字內容
忌臟--背景和文字的內容對比不強烈,灰暗的背景令人沮喪
忌純--艷麗的純色對人的視覺刺激太強烈,缺乏內涵
忌跳--顏色使用不可以脫離整體
忌花--顏色不能使用太多,要有一種主色貫穿其中,主色並不是面積最大的顏色,而是很重要最能提示和反映主題的顏色,可起到決定的作用
忌粉--是指顏色都使用淺色,顏色淺固然顯的乾淨,但是對比過弱,會顯得蒼白無力
知識擴展
形態的視覺心理:
1、具象形態(現實形態)
具象形態指生活中的自然形,如山川、動物、植物等;
2、抽象形態幾何概念上的形,按大小、長短、曲直等分為方形、圓形、角形、不規則形狀等等。
3、設計形態:1、具備多元性,2、現實形態和抽象形態集結,3、設計理念的加入
視覺的直覺與心理:
視覺心理源於現實的經驗。視覺在平面設計中,指不同的形態作用於人的心理直覺。
圓形:活潑、跳躍、靈動;適用於女性;
方形:莊重、穩定、剛直;適用於企業官網;
曲線:柔美、流暢、動感;女性類用品;
角 :速度感,動感;適用於運動的,科技類的;
自然形:自然、親切、隨和、生動,存在於自然,多運用於兒童類設計;
影響視覺度的因素有哪些?
大小:大的視覺度高
顏色:明度飽和度搞的視覺度高
內容:例如小孩子和老人比、奔跑著的人和站著的人比視覺度高
版型:挖版>角版>羽化版
留白:想要視覺度高留白不能太多,想要視覺度低要多一些留白
GIF
編輯:MuCheng
圖片:網路


TAG:NewMediaer |