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

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

今天我們先來看看UI中國(guó)上的一位app設(shè)計(jì)師整理的APP空狀態(tài)界面設(shè)計(jì)的風(fēng)格。

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

第三個(gè)會(huì)出現(xiàn)空狀態(tài)的場(chǎng)景：APP搜索 ?如下圖所示

當(dāng)我們打開很多app搜索界面的時(shí)候，大部分都是空白的。沒有任何提示和操作。

而上圖的這個(gè)app就設(shè)計(jì)的不一樣，采用了卡通形象來布局引導(dǎo)。

當(dāng)然也有一些app的搜索界面，放置了一些熱門的搜索關(guān)鍵詞，供用戶選擇。但是這一點(diǎn) 設(shè)計(jì)有點(diǎn)呆板，缺乏生動(dòng)性。對(duì)于90后來說，太low。

所以，以上的APP空狀態(tài)設(shè)計(jì)也是值得我們學(xué)習(xí)的一個(gè)方向。

第四個(gè)空狀態(tài)出現(xiàn)場(chǎng)景：正在加載中的界面設(shè)計(jì)

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

第五個(gè)空狀態(tài)出現(xiàn)場(chǎng)景：沒有內(nèi)容的時(shí)候，需要有個(gè)默認(rèn)狀態(tài)。

如消息中心的默認(rèn)界面。相對(duì)于空白的界面來說，這樣的設(shè)計(jì)更具人性化。

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

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