什么是色相,什么是飽和度,什么是明度?
來(lái)源:
奇酷教育 發(fā)表于:
什么是色相,什么是飽和度,什么是明度?
最近有UI學(xué)員問(wèn):
“什么是色相,什么是飽和度,什么是明度?”
穩(wěn)住,問(wèn)題不大
對(duì)于設(shè)計(jì)師來(lái)說(shuō)
直覺(jué)是火種
也是最大的奢侈品
修圖算法是燃料
說(shuō)到修圖算法就離不開(kāi)色彩三要素——
明度、色相、飽和度
明度
明度是指:色彩的明亮程度
我們可以通俗的理解成
這個(gè)顏色加了多少白顏料
加了多少黑顏料

拿個(gè)球來(lái)舉個(gè)栗子吧
我們先看看黑白滴
如果說(shuō)這是一個(gè)正常顏色的球
那么當(dāng)它明度增加的時(shí)候
就會(huì)是這樣的

發(fā)現(xiàn)了木有,球變亮了
也就是說(shuō),明度越高物體越亮
明度最高的情況下就是亮瞎你的眼

引起眼部極度不適
明度變暗的情況下就會(huì)是
黑到你啥也看不見(jiàn)

色相
再來(lái)看下什么是色相
色相是指:色彩的相貌
我們常說(shuō)的紅橙黃綠青藍(lán)紫

這些就是對(duì)色相的一個(gè)描述
舉個(gè)栗子
讓我們給球先換個(gè)顏色

這顆球的色相就是紅色
我們常說(shuō)一個(gè)物體是什么顏色
這里的顏色指的就是這個(gè)物體的色相
諸如

飽和度
再來(lái)看看色彩飽和度

從左至右,純度由高變低
額就是飽和度由高到低
純度越高,顏色越正,越容易分辨
所以我們?cè)谌粘I钪?/div>
看到的那些一眼看不出
是什么顏色的顏色
大致就是純度低的顏色
沒(méi)錯(cuò),還是我??!
直接看圖
當(dāng)我是紅色時(shí)
飽和度由低到高

當(dāng)我是藍(lán)色的時(shí)候
飽和度由低到高

所以你發(fā)現(xiàn)了嗎
飽和度越高
我的顏色就會(huì)越艷麗哦
也就會(huì)更加引人注目
一般情況下,紅色更突出
這也就是許多廣告喜歡用紅色的原因
設(shè)計(jì)靠直覺(jué) 微調(diào)靠算法
再厲害的程序員
也寫(xiě)不出最完美的腳本
只能不斷地打補(bǔ)丁
再厲害的修圖師
也做不出最完美的圖片
只能不斷地微調(diào)ing
越來(lái)越多厲害的設(shè)計(jì)師
使用直覺(jué)+修圖算法
挖掘更多的寶藏圖片