移動APP空狀態(tài)界面設計入門教程【二】

這節(jié)課緊接著上周的小白自學APP設計:APP空狀態(tài)界面設計教程【一】來學習和鑒賞。

上一節(jié)課程,我們學習和鑒賞了2個場景下面的APP空狀態(tài)界面設計。如權(quán)限控制的時候,需要登錄或者注冊才能進行下一步操作的。 第二個場景是斷網(wǎng)的時候。

今天我們先來看看UI中國上的一位app設計師整理的APP空狀態(tài)界面設計的風格。

app空狀態(tài)設計學習

看完上面這套完整的移動APP空狀態(tài)界面設計圖,大概也知道哪些地方會出現(xiàn)app空狀態(tài)界面吧。廢話不多說,跟隨25學堂的小編繼續(xù)來欣賞和學習移動APP空狀態(tài)設計吧。

 

第三個會出現(xiàn)空狀態(tài)的場景:APP搜索 ?如下圖所示

搜索的時候需要出現(xiàn)的APP界面設計

當我們打開很多app搜索界面的時候,大部分都是空白的。沒有任何提示和操作。

而上圖的這個app就設計的不一樣,采用了卡通形象來布局引導。

當然也有一些app的搜索界面,放置了一些熱門的搜索關鍵詞,供用戶選擇。但是這一點 設計有點呆板,缺乏生動性。對于90后來說,太low。

所以,以上的APP空狀態(tài)設計也是值得我們學習的一個方向。

 

第四個空狀態(tài)出現(xiàn)場景:正在加載中的界面設計

正在加載信息的APP界面設計

 

 

糯米APP加載 58同城app空狀態(tài)設計

左圖是糯米APP的加載空狀態(tài)界面設計,右圖是58同城app 空狀態(tài)界面設計。

 

第五個空狀態(tài)出現(xiàn)場景:沒有內(nèi)容的時候,需要有個默認狀態(tài)。

消息中心的空狀態(tài)界面設計

如消息中心的默認界面。相對于空白的界面來說,這樣的設計更具人性化。

其他的APP空狀態(tài)基本都是屬于以上五種類型的。這五種也是25學堂的歸類的。希望可以給大家?guī)硪恍゛pp空狀態(tài)設計的思路和學習的幫助。

總結(jié):就是在能表現(xiàn)品牌影響力具有產(chǎn)品基因的前提下把當前頁面空狀態(tài)的意思表達清楚,當然風格畫面什么的,自己來看著弄就行。

每天更新,
全站高品質(zhì)素材免費下載!