如何解決UI設(shè)計(jì)中頁面很土

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

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

 

　　小技巧分享：
 

　　1.善用透視
 

　　適當(dāng)?shù)耐敢暱梢栽鰪?qiáng)畫面的沖擊力，讓畫面立體起來。
 

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

 

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

 

　　沖擊力就會變強(qiáng)一些，因?yàn)槲覀兛吹搅艘恍┖穸取?br />  

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

 

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

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

　　2.色中帶色
 

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

 

　　所以很多時候會藍(lán)中帶點(diǎn)紫色，或者綠里帶點(diǎn)黃色：

 

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

 

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

　　3.增強(qiáng)質(zhì)感
 

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

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

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

 

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

 

　　是不是耐看很多，嘻嘻!
 

　　4.少用正色
 

　　我最怕用紅黃搭配，因?yàn)楹苋菀鬃龅暮芡?，還好之前有做過一些關(guān)于紅色的練習(xí)和項(xiàng)目，做法就是讓紅色不要太正，像左邊的就太正了，右邊調(diào)整之后會好一些：

 

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

 

　　整體的配色效果如下：

 

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

　　總結(jié)
 

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

 

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

　　反正就是咔咔一頓整啊!
 

　　所以，大家點(diǎn)個贊，那真是比啥都強(qiáng)了!
 

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