2022-12-13 資深UI設計者
我們在設定界面風格的時候,少不了顏色的配比,但顏色一定是講究平衡的,其中一個最重要的平衡就是明暗的平衡,如果你的界面全屏都是很亮的顏色,那就會導致非常的刺眼,比如像瑞文同學的這個顏色設定:
就是過于明亮了,其實當我們的顏色過于明亮時,最常用的一種方式就是,直接用黑色去壓住亮色,像下面這組圖標的做法一樣,減少亮部顏色,直接增加黑色:
這樣就不會那么刺眼了,當我們明白了底層原理之后,再去優化配色,我們看前后的變化:
這樣就會比之前舒服很多,當然,也可以試試頭圖變成黑色,按鈕變成綠色,把重色面積繼續加大,但不管哪一種,都會比之前全是亮色要好很多!
小A同學是一個非常有潛力的同學,但是最開始交上來的吉祥物作業,也不是很理想,效果如下:
話不多說,我們就改動一個點,五官緊湊,看看前后效果對比:
可愛的程度完全不在一個檔次,我們再看看小A同學后面的延展效果:
比之前強了很多很多倍,就是因為一個五官緊湊。
我們在做練習的時候,很重要的一個鍛煉點就是視覺敏銳度,能夠敏銳的發現哪里不舒服,這個真的很重要。
而視覺敏銳度里面就有一個維度是顏色,比如我們在看下面一兜糖同學做的質感圖標作業:
我們應該快速的看出,第一個圖標顏色不是很和諧,沒有后面兩個那么舒服,主要是那個藍色有點臟,我們看優化后的三個圖標:
就比之前要統一舒服很多。
當我們的練習達到一定量時,敏銳度自然就會提高很多,所以一定要多去練習,把敏銳度這一塊提高上來。
這是潘子同學的疑惑點:
他感覺綠色好難啊,第一次交上來的作業如下:
先不說造型問題,就光說顏色,就有點單薄,也有點太亮了,還有就是顏色比較正。
其實我們在配綠色的時候,只要把綠色加一點藍色,或者加一點黃色就會讓顏色好看很多。
后來潘子同學把顏色進行了優化:
這樣就比之前還要多了。
還有包括檸檬同學用的綠色:
也是比較好看的。
這回再用綠色的時候,大家清楚怎么好看了吧!