旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > 如何解決UI設(shè)計中頁面很土

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

時間:2020-09-10來源:m.lb577.com點擊量:作者:Gella
時間:2020-09-10點擊量:作者:Gella

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

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

 



 

  小技巧分享:
 

  1.善用透視
 

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

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

 



 

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

 



 

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

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

 



 

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

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

  2.色中帶色
 

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

 



 

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

 



 

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

 



 

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

  3.增強質(zhì)感
 

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

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

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

 



 

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

 



 

  是不是耐看很多,嘻嘻!
 

  4.少用正色
 

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

 



 

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

 



 

  整體的配色效果如下:

 



 

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

  總結(jié)
 

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

 



 

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

  反正就是咔咔一頓整啊!
 

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

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



 

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ m.lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖