這幾個(gè)知識(shí)點(diǎn)終于解決了我配色的一大難題!

2022-12-13    資深UI設(shè)計(jì)者

1.亮色與重色的比例

我們?cè)谠O(shè)定界面風(fēng)格的時(shí)候,少不了顏色的配比,但顏色一定是講究平衡的,其中一個(gè)最重要的平衡就是明暗的平衡,如果你的界面全屏都是很亮的顏色,那就會(huì)導(dǎo)致非常的刺眼,比如像瑞文同學(xué)的這個(gè)顏色設(shè)定:


就是過于明亮了,其實(shí)當(dāng)我們的顏色過于明亮?xí)r,最常用的一種方式就是,直接用黑色去壓住亮色,像下面這組圖標(biāo)的做法一樣,減少亮部顏色,直接增加黑色:



這樣就不會(huì)那么刺眼了,當(dāng)我們明白了底層原理之后,再去優(yōu)化配色,我們看前后的變化:


這樣就會(huì)比之前舒服很多,當(dāng)然,也可以試試頭圖變成黑色,按鈕變成綠色,把重色面積繼續(xù)加大,但不管哪一種,都會(huì)比之前全是亮色要好很多!

2.這個(gè)改動(dòng)可愛了太多

小A同學(xué)是一個(gè)非常有潛力的同學(xué),但是最開始交上來的吉祥物作業(yè),也不是很理想,效果如下:


話不多說,我們就改動(dòng)一個(gè)點(diǎn),五官緊湊,看看前后效果對(duì)比:



可愛的程度完全不在一個(gè)檔次,我們?cè)倏纯葱同學(xué)后面的延展效果:


比之前強(qiáng)了很多很多倍,就是因?yàn)橐粋€(gè)五官緊湊。

3.對(duì)顏色的敏銳度

我們?cè)谧鼍毩?xí)的時(shí)候,很重要的一個(gè)鍛煉點(diǎn)就是視覺敏銳度,能夠敏銳的發(fā)現(xiàn)哪里不舒服,這個(gè)真的很重要。

而視覺敏銳度里面就有一個(gè)維度是顏色,比如我們?cè)诳聪旅嬉欢堤峭瑢W(xué)做的質(zhì)感圖標(biāo)作業(yè):


我們應(yīng)該快速的看出,第一個(gè)圖標(biāo)顏色不是很和諧,沒有后面兩個(gè)那么舒服,主要是那個(gè)藍(lán)色有點(diǎn)臟,我們看優(yōu)化后的三個(gè)圖標(biāo):


就比之前要統(tǒng)一舒服很多。

當(dāng)我們的練習(xí)達(dá)到一定量時(shí),敏銳度自然就會(huì)提高很多,所以一定要多去練習(xí),把敏銳度這一塊提高上來。

4.綠色好難配??!

這是潘子同學(xué)的疑惑點(diǎn):



他感覺綠色好難啊,第一次交上來的作業(yè)如下:


先不說造型問題,就光說顏色,就有點(diǎn)單薄,也有點(diǎn)太亮了,還有就是顏色比較正。

其實(shí)我們?cè)谂渚G色的時(shí)候,只要把綠色加一點(diǎn)藍(lán)色,或者加一點(diǎn)黃色就會(huì)讓顏色好看很多。



后來潘子同學(xué)把顏色進(jìn)行了優(yōu)化:



這樣就比之前還要多了。

還有包括檸檬同學(xué)用的綠色:


也是比較好看的。

這回再用綠色的時(shí)候,大家清楚怎么好看了吧!

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。 

作者:菜心輕量文    來源:站酷


分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍(lán)藍(lán)設(shè)計(jì)yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司               

日歷

鏈接

個(gè)人資料

存檔