如何設(shè)計(jì)一款UI界面(4)
大家可以按照上述方法繪制其余的細(xì)節(jié)(效果如下圖)
7.為界面添加文字,并將loading修改到36%狀態(tài)
加入文案,為其添加1px修飾效果,將彩色loading添加圖層蒙版,做成36%狀態(tài) (如下圖所示)
8.為L(zhǎng)oading添加加載時(shí)的預(yù)期動(dòng)畫效果
這里主要是靈活運(yùn)用選區(qū)工具,畫筆工具,鉛筆工具(鉛筆工具作用于繪制1px點(diǎn))進(jìn)行仿光效繪制 (如下圖所示)
9.放上自己心愛(ài)的小icon,做適當(dāng)修飾~
因?yàn)檎麄(gè)界面風(fēng)格是簡(jiǎn)約風(fēng),所以在選擇icon的時(shí)候也要選用風(fēng)格相對(duì)一致的喲~ (如下圖所示)
10.最后為icon和文字添加光效修飾,再加入屬于你自己的印記,大功告成~
光效運(yùn)用了這里的素材-http://bbs.16xx8.com/thread-167548-1-1.html (如下圖所示)
/ 小結(jié) /
小伙伴本有木有在觀看的過(guò)程中發(fā)現(xiàn)什么?
……
>沒(méi)錯(cuò)!
就是那些12px的細(xì)節(jié)繪制啦!
在你具備了一些初級(jí)設(shè)計(jì)能力之后,細(xì)節(jié)的處理就成為了,你進(jìn)階的重中之重啦!
所以大家一定要記得培養(yǎng)“細(xì)節(jié)的處理能力”哈!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 界面設(shè)計(jì)
- 設(shè)計(jì)教程
- 暢游VC
- 原創(chuàng)
- 自譯教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- ps設(shè)計(jì)盒子圖標(biāo)
- UI視頻, 設(shè)計(jì)中得美術(shù)基礎(chǔ)
- ps設(shè)計(jì)折紙效果風(fēng)格的短信軟件圖標(biāo)
- UI知識(shí),做UI的工作方式與流程
- 相機(jī)UI圖標(biāo)設(shè)計(jì)教程
- 地圖圖標(biāo),設(shè)計(jì)簡(jiǎn)潔的地圖主題UI圖標(biāo)教程
- ps日歷圖標(biāo)
- UI教程:設(shè)計(jì)電池icon
- UI知識(shí),設(shè)計(jì)師必須知道的優(yōu)秀UI設(shè)計(jì)原則
- PS繪制磚塊ICO圖標(biāo)