在設計中,顏色在視覺上給人的沖擊是最大的,所以在圖標設計中,如何把顏色使用好就尤其的重要,對于設計工具的選擇也非常重要,像figma有比較多的顏色插件,在處理圖標顏色的時候就會非常得心應手。下面就分享分享 3 個使用顏色的小技巧。
01 顏色容易用臟
這是一位同學臨摹的練習:
整體一看還是比較 ok 的,不過仔細來看有一個問題,就是冰淇凌的臉有點臟了,我們對比下原作:
臉部我一般會用偏白一點的顏色,如果要白不白,要紫不紫,卡在中間就有點像中毒了一樣。
其實很多人都容易把顏色弄臟,尤其是橙色、黃色,比如下面這個練習,顏色也稍微有點臟了:
我們拿出一個顏色來看下,這個漸變顏色的暗部有點靠右下了:
如果我們把暗部顏色往左上調整一下,就會好一點:
當然,我最常用的方式,還是去改變暗部顏色色相,把黃色色相往紅色靠,這樣顏色不需要加太多黑色,就會更純更干凈:
我們看下三個顏色的對比:
最后一個會通透很多。
02 顏色色相選取問題
最近在做標簽的時候,設計師選取的顏色不是特別好看,反復優化之后,發現還是走不出原本的感覺:
其實我們很多人都會有這樣問題,在選擇顏色時候從自己腦內存中調取,但是調取的大部分顏色都是比較正的色彩,正紅、正藍、正紫,最后的效果就會不太理想。
其實我們平時也會接觸很多色卡,但很多人一到選色的時候,還是習慣自己想著做,其實隨便在網上找一些好看的顏色:
咔咔一吸,然后再根據自己的風格一微調,我覺得效果肯定能比普通的顏色好一些,我們看下對比:
所以,如果自己選不好色相,一定要多找參考,網上的色卡真的太多了,參考起來!
03 顏色對比度問題
還是最開始那組臨摹練習:
我們看下這兩個圖標,有沒有什么問題:
會不會覺得第一個有點糊?其實就是因為第一個圖標兩個面對比不夠,而第二個鈴鐺,面與面的顏色對比很強,就會比較清晰。
我當時在做的時候,這個圖標也調了很久,我們看下對比效果,原作的明暗對比會相對明顯一些:
明暗對比是非常重要的,還有在一些材質上的作用也很明顯,比如金屬,我們看下我這個火箭優化前后的效果:
之前就是明暗對比不夠,導致很糊很平,拉強對比后,立馬清晰立體很多!
所以,顏色對比度,相當重要了。
總結
以上就是最近對顏色的一點小感悟,希望對大家有一點啟發和幫助
|
|