配色一直是設(shè)計(jì)師關(guān)注的問(wèn)題脂崔,而我們平時(shí)配色的時(shí)候,需要在PS里面把組件畫(huà)好梧喷,再去嘗試自己覺(jué)得合適產(chǎn)品的色值砌左,然后填充∑痰校可是這樣做汇歹,無(wú)形中浪費(fèi)了很多工作時(shí)間,所以今天就給大家介紹兩款配色神器:一款是來(lái)自Aodbe爸爸設(shè)計(jì)推出的一款A(yù)PP(并且也有網(wǎng)頁(yè)版)的Adobe Color CC偿凭,另一款是Material Palette.這兩款配色神器可以很方便快速的幫設(shè)計(jì)師敲定顏色产弹,并且可以很直觀的看到配色效果。下面就具體介紹一下它們:
這個(gè)是網(wǎng)站的樣子弯囊,簡(jiǎn)單明了痰哨,這個(gè)展示的它可以從以下幾個(gè)分類來(lái)進(jìn)行配色。點(diǎn)擊什么顏色匾嘱,它會(huì)相應(yīng)給你匹配顏色斤斧,克服掉了我們覺(jué)得配色統(tǒng)一的困難。這個(gè)功能大家玩玩霎烙,就會(huì)熟悉折欠,不多做介紹了。
接下來(lái)詳細(xì)的介紹它另一個(gè)很驚喜的功能吼过。很多時(shí)候锐秦,我們很喜歡一張圖片的某個(gè)位置的顏色,然而這個(gè)像素點(diǎn)對(duì)應(yīng)的顏色參數(shù)是多少盗忱,我們不知道酱床。而它就可以很完美的解決這個(gè)問(wèn)題。點(diǎn)擊網(wǎng)頁(yè)右上角一個(gè)照相機(jī)的圖標(biāo)趟佃,來(lái)選取一張圖片:
選取了這個(gè)圖片之后扇谣,可以在圖片上任意拖選,選擇自己喜歡的顏色闲昭,并且還會(huì)有一個(gè)類似放大鏡的功能罐寨,以便我們可以更精確的選取到顏色。
然后再退回以下這個(gè)界面時(shí)序矩,頁(yè)面底部對(duì)應(yīng)的是各個(gè)顏色的色值鸯绿,我們就可以享用成果了。
這個(gè)網(wǎng)站就是由色塊組成,更簡(jiǎn)單粗暴瓶蝴,但是毒返,值得我們私藏的是頁(yè)面右邊這部分功能,可以很直觀的在UI組件上實(shí)現(xiàn)自由配色舷手。這個(gè)網(wǎng)站是英文版拧簸,看不懂的可以自行翻譯,反正我是翻譯了男窟。
經(jīng)過(guò)剛剛那么尷尬的一幕盆赤,我再來(lái)具體說(shuō)一下這個(gè)功能。比如我現(xiàn)在選擇了這個(gè)色值的紅歉眷,它會(huì)自動(dòng)名配色其他組件上的顏色弟劲,很方便快捷,并且其他色值也在右下角姥芥,點(diǎn)擊復(fù)制就可以獲取了兔乞,真的不要太方便。
今天就分享這么多凉唐,希望對(duì)大家有幫助庸追。有任何疑問(wèn)都可以下方留言。
我是設(shè)計(jì)小馬哥台囱,我與你同在~
專心做設(shè)計(jì)
不忘初心
你我一起前行