如何設計一款UI界面(4)

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

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

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

8.為Loading添加加載時的預期動畫效果

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

9.放上自己心愛的小icon，做適當修飾~

因為整個界面風格是簡約風，所以在選擇icon的時候也要選用風格相對一致的喲~ (如下圖所示）

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

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

/ 小結 /

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