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