完蛋了,這個需求的顏色沒選好,結(jié)果不能休息了!

2021-12-6    seo達人


01 顏色容易用臟

這是一位同學(xué)臨摹的練習(xí):

圖片

整體一看還是比較ok的,不過仔細來看有一個問題,就是冰淇凌的臉有點臟了,我們對比下原作:

圖片

臉部我一般會用偏白一點的顏色,如果要白不白,要紫不紫,卡在中間就有點像中毒了一樣。
其實很多人都容易把顏色弄臟,尤其是橙色、黃色,比如下面這個練習(xí),顏色也稍微有點臟了:

圖片

我們拿出一個顏色來看下,這個漸變顏色的暗部有點靠右下了:

圖片

如果我們把暗部顏色往左上調(diào)整一下,就會好一點:

圖片

當然,我最常用的方式,還是去改變暗部顏色色相,把黃色色相往紅色靠,這樣顏色不需要加太多黑色,就會更純更干凈:

圖片

我們看下三個顏色的對比:

圖片

最后一個會通透很多。

 

02 顏色色相選取問題

最近在做標簽的時候,設(shè)計師選取的顏色不是特別好看,反復(fù)優(yōu)化之后,發(fā)現(xiàn)還是走不出原本的感覺:

圖片

其實我們很多人都會有這樣問題,在選擇顏色時候從自己腦內(nèi)存中調(diào)取,但是調(diào)取的大部分顏色都是比較正的色彩,正紅、正藍、正紫,最后的效果就會不太理想。
其實我們平時也會接觸很多色卡,但很多人一到選色的時候,還是習(xí)慣自己想著做,其實隨便在網(wǎng)上找一些好看的顏色:

圖片

咔咔一吸,然后再根據(jù)自己的風(fēng)格一微調(diào),我覺得效果肯定能比普通的顏色好一些,我們看下對比:

圖片

所以,如果自己選不好色相,一定要多找參考,網(wǎng)上的色卡真的太多了,參考起來!

 

03 顏色對比度問題

還是最開始那組臨摹練習(xí):

圖片

我們看下這兩個圖標,有沒有什么問題:
會不會覺得第一個有點糊?其實就是因為第一個圖標兩個面對比不夠,而第二個鈴鐺,面與面的顏色對比很強,就會比較清晰。
我當時在做的時候,這個圖標也調(diào)了很久,我們看下對比效果,原作的明暗對比會相對明顯一些:

圖片

明暗對比是非常重要的,還有在一些材質(zhì)上的作用也很明顯,比如金屬,我們看下我這個火箭優(yōu)化前后的效果:

圖片

之前就是明暗對比不夠,導(dǎo)致很糊很平,拉強對比后,立馬清晰立體很多!
所以,顏色對比度,相當重要了。

 

總結(jié)

以上就是最近對顏色的一點小感悟,希望對大家有一點啟發(fā)和幫助,我們下期見啦!

 

原文地址:菜心設(shè)計鋪(公眾號)
作者:菜心設(shè)計鋪
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》完蛋了,這個需求的顏色沒選好,結(jié)果不能休息了!

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

截屏2021-05-13 上午11.41.03.png

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

藍藍設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://www.bouu.cn

存檔