依舊附上一張腦圖，組件控件分類（如果單純通過組件控件，難以滿足功能劃分的需求，所以我將這個(gè)范圍擴(kuò)大，分類里面不僅僅含有組件和控件，所以請不要在意細(xì)節(jié)。）
定義：初始化狀態(tài)，沒有任何內(nèi)容，需要用戶進(jìn)行某種操作才能產(chǎn)生內(nèi)容的界面。
用途：提示用戶需要進(jìn)行某種操作才會(huì)出現(xiàn)內(nèi)容，并不是沒有內(nèi)容。
例如京東App，當(dāng)用戶沒有把商品加入購物車時(shí)，進(jìn)入購物車界面，會(huì)給出提示購物車界面為空，給出用戶提示后，給出相對應(yīng)的入口按鈕，引導(dǎo)用戶操作。如果直接給出一個(gè)空白界面，那樣的話用戶可能以為該界面出Bug了，不知所措。
Gmail直接用一個(gè)插畫提示用戶收件箱為空。
初始狀態(tài)的組成部分：
一般對于初始狀態(tài)的設(shè)計(jì)，常規(guī)做法是簡單的插畫配合簡潔的文案，必要的時(shí)候給出引導(dǎo)用戶操作行為的按鈕。
現(xiàn)在流行的設(shè)計(jì)趨勢是插畫越輕量越簡單越好，以免搶奪了文案信息。
定義：通過刪除或其他用戶操作，清空當(dāng)前的頁面內(nèi)容，產(chǎn)生了空界面，這時(shí)候需要有明確的提示，且告知用戶該如何處理。
用途：提示用戶該界面為空數(shù)據(jù)的原因是用戶刪除了內(nèi)容。
清空狀態(tài)是對初始狀態(tài)的進(jìn)一步細(xì)化。清空狀態(tài)的界面和初始狀態(tài)設(shè)計(jì)很相似，唯一不同的是文案的提示。
清空狀態(tài)的組成部分：
有的產(chǎn)品設(shè)計(jì)直接把清空狀態(tài)的界面按照初始狀態(tài)來設(shè)計(jì)，這樣也是可以的，缺點(diǎn)就是沒有告知用戶產(chǎn)生空狀態(tài)原因是初始化還是清空所致。
定義：由于網(wǎng)絡(luò)、服務(wù)器或者沒有找他其他結(jié)果等原因?qū)е聼o法加載內(nèi)容，產(chǎn)生了空界面，這時(shí)候需要有明確的提示，且告知用戶該如何處理。用戶操作反饋的無結(jié)果界面也可以用這樣的思路來設(shè)計(jì)。
用途：告知用戶當(dāng)前產(chǎn)生的空界面是由于某些原因出錯(cuò)所致。
例如知乎在網(wǎng)絡(luò)異常時(shí)，頁面加載不出來，出現(xiàn)空數(shù)據(jù)頁面，給出文案提示和點(diǎn)擊重試按鈕。微博國際版也給出文案提示，小插畫和點(diǎn)擊按鈕。
在對信息進(jìn)行搜索，無法獲取數(shù)據(jù)時(shí)，產(chǎn)生的空數(shù)據(jù)界面。例如iOS原生郵件在搜索不到內(nèi)容時(shí)，產(chǎn)生的空數(shù)據(jù)狀態(tài)界面。而網(wǎng)易考拉在搜索無結(jié)果時(shí)，給出新的解決方案。
原有界面內(nèi)容被刪除時(shí)，用戶點(diǎn)擊進(jìn)入時(shí)出現(xiàn)的出錯(cuò)狀態(tài)。例如QQ瀏覽器，通過新聞列表點(diǎn)擊，進(jìn)入新聞詳情，由于文章被刪除，會(huì)出現(xiàn)出錯(cuò)狀態(tài)的提示。
