如何設(shè)計(jì)一款UI界面(4)

大家可以按照上述方法繪制其余的細(xì)節(jié)（效果如下圖）

7.為界面添加文字，并將loading修改到36%狀態(tài)

加入文案，為其添加1px修飾效果，將彩色loading添加圖層蒙版，做成36%狀態(tài) (如下圖所示）

8.為Loading添加加載時(shí)的預(yù)期動(dòng)畫效果

這里主要是靈活運(yùn)用選區(qū)工具，畫筆工具，鉛筆工具（鉛筆工具作用于繪制1px點(diǎn)）進(jìn)行仿光效繪制 (如下圖所示）

9.放上自己心愛的小icon，做適當(dāng)修飾~

因?yàn)檎麄�(gè)界面風(fēng)格是簡約風(fēng)，所以在選擇icon的時(shí)候也要選用風(fēng)格相對(duì)一致的喲~ (如下圖所示）

10.最后為icon和文字添加光效修飾，再加入屬于你自己的印記，大功告成~

光效運(yùn)用了這里的素材-http://bbs.16xx8.com/thread-167548-1-1.html (如下圖所示）

/ 小結(jié) /

小伙伴本有木有在觀看的過程中發(fā)現(xiàn)什么？
……
>沒錯(cuò)！
就是那些12px的細(xì)節(jié)繪制啦！
在你具備了一些初級(jí)設(shè)計(jì)能力之后，細(xì)節(jié)的處理就成為了，你進(jìn)階的重中之重啦！
所以大家一定要記得培養(yǎng)“細(xì)節(jié)的處理能力”哈！