這節(jié)課緊接著上周的小白自學APP設計:APP空狀態(tài)界面設計教程【一】來學習和鑒賞。
上一節(jié)課程,我們學習和鑒賞了2個場景下面的APP空狀態(tài)界面設計。如權(quán)限控制的時候,需要登錄或者注冊才能進行下一步操作的。 第二個場景是斷網(wǎng)的時候。
今天我們先來看看UI中國上的一位app設計師整理的APP空狀態(tài)界面設計的風格。
看完上面這套完整的移動APP空狀態(tài)界面設計圖,大概也知道哪些地方會出現(xiàn)app空狀態(tài)界面吧。廢話不多說,跟隨25學堂的小編繼續(xù)來欣賞和學習移動APP空狀態(tài)設計吧。
第三個會出現(xiàn)空狀態(tài)的場景:APP搜索 ?如下圖所示
當我們打開很多app搜索界面的時候,大部分都是空白的。沒有任何提示和操作。
而上圖的這個app就設計的不一樣,采用了卡通形象來布局引導。
當然也有一些app的搜索界面,放置了一些熱門的搜索關鍵詞,供用戶選擇。但是這一點 設計有點呆板,缺乏生動性。對于90后來說,太low。
所以,以上的APP空狀態(tài)設計也是值得我們學習的一個方向。
第四個空狀態(tài)出現(xiàn)場景:正在加載中的界面設計
左圖是糯米APP的加載空狀態(tài)界面設計,右圖是58同城app 空狀態(tài)界面設計。
第五個空狀態(tài)出現(xiàn)場景:沒有內(nèi)容的時候,需要有個默認狀態(tài)。
如消息中心的默認界面。相對于空白的界面來說,這樣的設計更具人性化。
其他的APP空狀態(tài)基本都是屬于以上五種類型的。這五種也是25學堂的歸類的。希望可以給大家?guī)硪恍゛pp空狀態(tài)設計的思路和學習的幫助。
總結(jié):就是在能表現(xiàn)品牌影響力具有產(chǎn)品基因的前提下把當前頁面空狀態(tài)的意思表達清楚,當然風格畫面什么的,自己來看著弄就行。
全站高品質(zhì)素材免費下載!