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

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

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

 

　　小技巧分享：
 

　　1.善用透視
 

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

　　比如這個(gè)抽獎(jiǎng)的主形象，我最開(kāi)始把轉(zhuǎn)盤(pán)和吉祥物都用純正面展示:

 

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

 

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

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

 

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

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

　　2.色中帶色
 

　　有時(shí)候一種顏色難免會(huì)比較單一，比如我們?cè)诶瓭u變的時(shí)候，一個(gè)色相的漸變就會(huì)稍顯呆板：

 

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

 

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

 

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

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

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

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

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

 

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

 

　　是不是耐看很多，嘻嘻!
 

　　4.少用正色
 

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

 

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

 

　　整體的配色效果如下：

 

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

　　總結(jié)
 

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

 

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

　　反正就是咔咔一頓整啊!
 

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

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