作為一個剛入行的新人,你是否會常常被以下問題所困擾呢？

我參照了模闆,為什麼最終效果很别扭。

為什麼我的頁面總是很花哨?

客戶:産品不突出,标題不醒目。

領導:色彩單調,不夠活潑

因為元素間的色相,明度,飽和度,調和不合理所緻。

下面是我對色彩的一些看法,讓高手見笑了。

一、色彩原理

色相

色相即毎種色彩的相貌、名稱,如紅、桔紅、翠綠、湖藍,群青等。色相是區分色彩的主要依據,是色彩的最大特征

明度

明度即色彩的明暗差别,也即深淺差别。色彩的明度差别包括兩個方面:一是旨某一色相的深淺變化,如粉紅、大紅、深紅,都是紅,但一種比一種深。二是指不同色相間存在的明度差别,如六标準色中黃最淺,紫最深,橙和綠、紅和藍處于相近的明度之間。

純度

純度即各色彩中包含的單種标準色成分的多少。純的色色感強,即色度強,所以純度亦是色彩感覺強弱的标志。不同色相所能達到的純度是不同的,其中紅色純度最高,綠色純度相對低些,其餘色相居中,同時明度也不相同

色相對比的類型

兩種以上色彩組合後,由于色相差别而形成的色彩對比效果稱為色相對比。

色彩對比強弱程度取決于色相之間在色相環上的距離(角度),距離(角度)越小對比越弱,反之則對比越強。

二、是什麼在影響我們的視覺?

明度對比推移效果

色相對比推移效果

飽和度對比推移效果

清晰度對比推移效果

結論：人眼容易區别:明暗對比強,色相反差大,飽和度高,細節豐富的圖片。

三、看同行中的高手是如何設計的?

通過上面幾組作品我們發現它們的設計都有一些共性。

共性：

①産品:色相對比強烈明暗反差大②标題:色相對比較弱或無明暗反差大③内容:明暗反差較強無色相區别

四、尋找色彩的過程

我要的是什麼顔色

當自己不清楚想要什麼感受的色彩時,找找能承載你情感寄托的媒介物吧!

照片,圄片,服裝,任何可能的東西,隻要能表達出你想要的感受的,都是模仿的對象

他們代替你說出了你想要的感覺,通過對這些媒介物的分析和提取,能找到響應的色彩

用什麼顔色來搭配

同色相對比

一種色相的不同明度或不同純度變化的對比,俗稱同類色組合。如藍與淺藍(藍 白)色對比,綠與粉綠(綠 白)與墨綠(綠 黑)色等對比。對比效果統一、文靜、雅緻、含蘼、穩重,但也易産生單調、呆闆的弊病

相近色相對比

色相環上相鄰的二至三色對比,色相距離大約30度左右,為弱對比類型。如紅橙與橙與黃橙色對比等。效果感覺柔和、和諧、雅緻、文靜,但也感覺單調、模糊、乏味、無力,必須調節明度差來加強效果。

類似色相對比

色相對比距離約60度左右,為較弱對比類型,如紅與黃橙色對比等。效果較豐富、活潑,但又不失統一、雅緻、和諧的感覺

中度色相對比

色相對比距離約90度左右,為中對比類型,如黃與綠色對比等,效果明快、活潑、飽滿、使人興奮,感覺有興趣,對比既有相當力度,但又不失調和之感

對比色相對比

色相對比距離約120度左右,為強對比類型,如黃綠與紅紫色對比等。效果強烈、醒目、有力、活潑、豐富,但也不易統一而感雜亂、刺激、造成視覺疲勞。一般需要采用多種調和手段來改善對比效果。

顔色有了如何搭配

例：一個活動頁面中通常由以下元素組成(五角星代表重要性)

對第1重要的:用強烈色相對比(互補色或對比色) 強烈明暗的對比

對第2重要的:用稍弱的色相對比(相近色) 強烈明暗對比

對第3重要的:可以隻用明暗對比且無色相差異的顔色。

依次類推,大家自己去理解哈~

我的配色口訣：近實遠虛

最早接觸這個詞,是在高中接受專業培訓時,色彩老師每天唠叨的一個詞

老師:“同學暗部太亮”

後面景物要簡化,勾勒一個大概的輪廓就可以了~

眼睛要深

網頁設計和繪畫一樣,它也必須遵守近實遠虛的原則(走梵高路線的同學請繞行),近處的漁船豔麗的人物就是你的産品,後面灰蒙蒙的山水就是你的網頁背景

我是小勇，為回饋粉絲的支持，特贈送一套PS摳圖視頻教程

點贊 評論本文後私信我領取教程

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!