如何設計一款UI界面

2022-12-26 14:27:09 來源/作者: / 己有:29人學習過

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

如何制作炫酷UI界面

7.為界面添加文字,并將loading修改到36%狀態

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

如何制作炫酷UI界面

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

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

如何制作炫酷UI界面

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

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

如何制作炫酷UI界面

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

光效運用了這里的素材-https://img.lvups.com/d/file/bigpic/2022/12/26/1hxr53appsx.html (如下圖所示)

如何制作炫酷UI界面

/ 小結 /

小伙伴本有木有在觀看的過程中發現什么?
……
>沒錯!
就是那些12px的細節繪制啦!
在你具備了一些初級設計能力之后,細節的處理就成為了,你進階的重中之重啦!
所以大家一定要記得培養“細節的處理能力”哈!