4種接地氣的配色野路子
配色在設(shè)計(jì)中起著至關(guān)重要的地位,那要如何才能配色更好的運(yùn)用呢?文章作者給大家總結(jié)了四個接地氣的點(diǎn),或許對你有幫助,enjoy~
清晰記得之前有人噴我的配色像一坨屎,我覺得很有道理,于是在網(wǎng)上搜索各種配色文章,看了很多,然后我的配色還是像一坨屎!
因?yàn)槲铱吹降娜恰t色代表熱血、活力;藍(lán)色代表科技、未來;綠色代表健康等等,還有紅藍(lán)對比色,紅橙鄰近色等等!
這些理論有用嗎?答案是肯定的,有用,但是我覺得看一兩遍,心里有數(shù)就可以了,如果天天看這種,你的配色潛力就會被困在體內(nèi),憋的難受!
近期請教了一些同事、朋友關(guān)于配色的方法,再加上自己的實(shí)踐,總結(jié)一下,分享幾個接地氣的、實(shí)操性比較強(qiáng)的點(diǎn)!
大綱如下:
- 顏色模式的選取
- 顏色禁區(qū)盡量不碰
- 顏色不要太正
- 疊加模式要用好
1. 顏色模式的選取
顏色模式就是記錄顏色的一種方式,分為很多種:RGB模式、CMYK模式、HSB模式、Lab顏色模式、位圖模式、灰度模式、索引顏色模式……
而我最常用的就是HSB模式,因?yàn)樗唵沃庇^,容易控制。
HSB中的H代表色相、S代表飽和度、B代表明度。
H(色相)一共360個,因?yàn)樯P一圈是360度,一度一個色相:
而千變?nèi)f化的顏色都是由于S(飽和度)和B(明度)的不同產(chǎn)生的。
為什么說HSB模式簡單直觀,容易控制呢?
比如說:我們隨意選三個色相,360、23、280。
我們可以輕易的分辨出中間的顏色和其他兩個相比,飽和度與明度有所不同,數(shù)值如下:
而這時,我們只要降低中間顏色的S,提高它的B,就可以使三個顏色和諧很多,不信你看:
這就是我說HSB模式簡單易懂,容易控制的原因。
2. 顏色禁區(qū)盡量不碰
咨詢很多人后發(fā)現(xiàn),他們在用色的時候是有禁區(qū)的,不同的人有不同的說法,我將其大概分為這三種:三角形禁區(qū)、矩形禁區(qū)、扇形禁區(qū)(紅色為禁區(qū)),如下圖:
其實(shí)不難發(fā)現(xiàn),不論是哪種,基本右下角方向的顏色是很少用的,因?yàn)樗鼈冇譂庥峙K,很難把控(當(dāng)然不排除有些大師任何顏色都是可以駕馭的)!
這里舉個例子,下面這張圖是我在C4D里面渲染的一個鈴鐺,暗部的地方看起來過黑,不夠通透,其實(shí)就是因?yàn)榘挡砍霈F(xiàn)了禁區(qū)的顏色:
我們將暗部顏色調(diào)整至非禁區(qū)顏色:
來看下實(shí)際效果:
這樣就會使整個鈴鐺配色舒服很多。
最后再強(qiáng)調(diào)下,文章這個“禁區(qū)”并不是一定不能用,只是比較難駕馭,新人如果用不好就盡量少用。
3. 顏色不要太正
在色相方面,由于人們經(jīng)常見到很正的顏色(大紅大紫),多少會有些審美疲勞,所以我在選用顏色的時候,盡量避免使用太正的顏色,尤其是在拉漸變的時候,比如色相上,綠里加點(diǎn)黃。
藍(lán)里加點(diǎn)紫:
除了色相,飽和度與明度也可以相應(yīng)的調(diào)整。
來個立竿見影的栗子,我在配這張圖底色的時候,最初用的就是很濃重的大紅色:
相當(dāng)之辣眼睛,我將飽和度適當(dāng)降低,看下效果:
看起來就會舒服很多啦!
4. 疊加模式要用好
以前我很少使用顏色的疊加模式,最多就用用正片疊底。
在把圖片嵌入淺色底色的時候,我一般都是將圖片的透明度直接降低,如下圖:
這樣就會使整個畫面變得很臟,后來發(fā)現(xiàn)原來很多疊加模式這么好用,比如“柔光”、“變亮”等等,比如我將下圖模式改為柔光,一對比:
就干凈很多啦!
再加上點(diǎn)排版,嗯,封面就有了:
更多模式大家可以多多嘗試,在不同場景下選用最適合自己的那個模式!
好了,以上就是今天要分享的一點(diǎn)個人關(guān)于配色的小經(jīng)驗(yàn),算不上什么法則啊、方法論啊,僅供參考,下期見!
#專欄作家#
菜心,微信公眾號:菜心設(shè)計(jì)鋪,人人都是產(chǎn)品經(jīng)理專欄作家,騰訊視覺設(shè)計(jì)師,4年工作經(jīng)驗(yàn),負(fù)責(zé)騰訊動漫移動端相關(guān)設(shè)計(jì)。歡迎大家互相交流關(guān)注。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
學(xué)習(xí)了。
不錯,有水平
逼死色弱患者 ??