如何解決UI設計中頁面很土

　　不知道大家有沒有覺得自己做的東西總是很土、很普通，反正我是經(jīng)常有這種想法，所以總是想盡一切辦法做到更好。
 

　　前幾天做了抽獎頁面，中間用了一下小技巧，今天AAA教育郭老師就給大家分享一下如何解決UI設計中頁面很土的問題，先看下主形象效果：

 

　　小技巧分享：
 

　　1.善用透視
 

　　適當?shù)耐敢暱梢栽鰪姰嬅娴臎_擊力，讓畫面立體起來。
 

　　比如這個抽獎的主形象，我最開始把轉盤和吉祥物都用純正面展示:

 

　　整體畫面就會很平，當適當調(diào)整角度后:

 

　　沖擊力就會變強一些，因為我們看到了一些厚度。
 

　　再比如之前做漫動畫閃屏的時候，整個頁面最大的亮點也就是這個影帶的構圖和透視了：

 

　　透視、角度、構圖是一個非常容易出效果的設計手段，比如別人都是正面看一個物體，而你就來一個從底下看的，那就是很不一樣的。
 

　　這是一條很好的創(chuàng)新路徑。
 

　　2.色中帶色
 

　　有時候一種顏色難免會比較單一，比如我們在拉漸變的時候，一個色相的漸變就會稍顯呆板：

 

　　所以很多時候會藍中帶點紫色，或者綠里帶點黃色：

 

　　除此之外，我還經(jīng)常會在環(huán)境光中使用這一手法，比如先大面積的紫色光，然后再加入一丟丟的藍色光：

 

　　使整體更富有細節(jié)，更加耐看!
 

　　3.增強質(zhì)感
 

　　一個物體有質(zhì)感可以很大程度的提升你的畫面可觀性。
 

　　質(zhì)感最重要的一條就是清晰度，如果你的畫面連清晰度都不夠，那何談質(zhì)感。
 

　　所以我每次在后期修圖的時候，都會用ps增加畫面的銳化，工具大家應該都知道吧，就是中間這個小三角：

 

　　除了保證清晰度以外，剩下的就是高光、投影、反光、環(huán)境色了，也就是該亮的地方亮，該暗的地方暗，我們可以看看下面這個小形象，增加質(zhì)感前后的對比效果：

 

　　是不是耐看很多，嘻嘻!
 

　　4.少用正色
 

　　我最怕用紅黃搭配，因為很容易做的很土，還好之前有做過一些關于紅色的練習和項目，做法就是讓紅色不要太正，像左邊的就太正了，右邊調(diào)整之后會好一些：

 

　　除了紅色不要太正以外，我還在紅黃里面融入了少量的藍色和紫色，大概的比例如下：

 

　　整體的配色效果如下：

 

　　這樣看起來就沒有那么常規(guī)和土氣了!
 

　　總結
 

　　以上就是今天分享的小干貨了，這個畫面用業(yè)余時間調(diào)整了很久，尤其是主形象這塊，過程稿有這么多：

 

　　各種調(diào)整嘗試，最后才得到勉強滿意的效果。
 

　　反正就是咔咔一頓整啊!
 

　　所以，大家點個贊，那真是比啥都強了!
 

　　因此，您現(xiàn)在已經(jīng)了解了與UI設計師的工作相關的主要技能。如果您想了解更多信息，請訪問AAA教育，包含有關在該領域工作的更多相關文章。