好的APP設(shè)計(jì)師都是不斷的練習(xí)UI設(shè)計(jì)技能才有的今天，說(shuō)白了都是經(jīng)過(guò)長(zhǎng)年累積起來(lái)的設(shè)計(jì)能力和培養(yǎng)的設(shè)計(jì)思維。

要想學(xué)好APPUI界面設(shè)計(jì)，一切從臨摹UI作品開(kāi)始吧！

今天25學(xué)堂的小編給大家分享一個(gè)臨摹UI設(shè)計(jì)作品教程案例。從案例當(dāng)中去學(xué)習(xí)APP UI界面設(shè)計(jì)技巧是最快的方式。

這周25學(xué)堂給大家布置的臨摹UI作品案例是：獲獎(jiǎng)界面（如下圖）

在我們開(kāi)始臨摹任何UI設(shè)計(jì)作品的時(shí)候，請(qǐng)先分析UI作品的結(jié)構(gòu)、層次和布局。

上圖可見(jiàn)：獲獎(jiǎng)卡片上由底圖、邊框、圖標(biāo)、文字、按鈕、頂部橫條等結(jié)構(gòu)構(gòu)成的，然后再給這些結(jié)構(gòu)渲染成效即可。

那么我們?cè)O(shè)計(jì)的結(jié)果就是一步一步把這些UI設(shè)計(jì)元素繪制完成之后，疊加在一起的效果就是我們現(xiàn)在看到的效果。

具體的臨摹UI效果步驟如下：

最后一步，就是疊加這些元素在一起的最終效果啦。

所有的APP設(shè)計(jì)作品或者是UI設(shè)計(jì)作品，都是先觀(guān)察、再想、再畫(huà)、再改、最后才制作出來(lái)。

最后，學(xué)堂君借鑒原作者的經(jīng)驗(yàn)分享給大家。如何去臨摹UI作品？跟扁鵲看病一樣，望聞問(wèn)切。

臨摹UI設(shè)計(jì)作品就是以醫(yī)生的狀態(tài)去診斷UI設(shè)計(jì)作品的好壞。具體步驟也是四字箴言。

1、看：

就是平時(shí)的積累，多看別人的作品，多看看優(yōu)秀的作品，如果能遇到分享PSD那么你就能徹底的分析出他制作時(shí)的想法和方法。

2、想：

想他為什么要這樣做，好還是不好，如果是自己會(huì)怎么處理，有沒(méi)有可以再發(fā)揮的空間。

3、畫(huà)：

畫(huà)出你的想法，這一步對(duì)于手繪功底好的設(shè)計(jì)師來(lái)說(shuō)是步步高點(diǎn)讀機(jī)，再也不用擔(dān)心你的學(xué)習(xí)了。

4、改：

改改改改....沒(méi)錯(cuò)就算是自己的作品也要改，因?yàn)橄敕ㄊ菚?huì)不斷產(chǎn)生的，就像前面說(shuō)到的，沒(méi)有最好的作品，因?yàn)槿魏我粋€(gè)作品都會(huì)有優(yōu)化的空間。

以上內(nèi)容來(lái)源：[PS鼠繪/手繪]?Photoshop分析到實(shí)踐的UI臨摹教程http://www.52psxt.com/thread-210437-1-1.html