原文鏈接：彈框體系總結：模態彈框和非模態彈框 - 優設-UISDC

概要：彈框主要完成信息傳遞和用戶反饋兩大功能。所有的對話框、浮層、提示條我們都習慣性的稱之為彈框，其實彈框我們可以分為兩種：模態彈框和非模態彈框。

1、模態和非模態。最大的區別就是是否強制交互。模態會打斷用戶的當前流程，不操作的話，其余功能無法使用。

2、模態彈框。模態彈框屬于一種重量性反饋，一般用戶用戶進行重要的操作。優點：很好的獲取用戶的視覺焦點；缺點：打斷用戶的操作流程。

A 對話框：對話框一般用于用戶進行一項很重要或者有風險的操作，這時會彈出一個對話框給用戶提示信息，用戶根據提示來進行判斷。一般出現在屏幕的中間位置，會對界面的主要內容造成遮擋。

除常規對話框，可進行信息錄入，還可用于營銷宣傳。

B 動作欄：對話框的加強版。Alert和Dialog一般都只有兩個按鈕，動作欄可提供多個功能按鈕，展示樣式多變。

但也有例外。有的動作欄只有兩個選項。網易云音樂刪除歌曲，通過動作欄來完成（筆者覺得也可使用對話框）。

C 浮層。浮層是用戶點擊控件或者界面某一區域浮出的半透明的臨時視圖。樣式跟動作欄很相似，都可向用戶展示多個功能選項。但浮層可以出現屏幕中的任何位置，能夠給用戶更具有指向型的提示。

小結：在不考慮信息錄入情況下，對話框適用于用戶進行判斷操作，而動作欄和浮層適用于用戶進行選擇操作，而浮層相對于動作欄更具有指向型。

3、非模態彈框。

不強制交互，也不會彈出半透明背景層，停留后會自己消失。非模態屬于輕量級反饋。

A Toast?

Toast主要用于用戶完成操作以后，告訴用戶操作結果或者狀態的變更。Toast其實是屬于Android的組件，iOS里有一個相類似的是hud，最常見的就是音量調節提示。但是現在iOS和Android的界限不斷被打破，toast現在也被廣泛應用于iOS界面設計中。如果我們去看Android給的設計規范，會發現Toast有以下幾個特點：只出現在屏幕底部、只能放文字、非模態彈框

但真實的toast出現在屏幕的任何位置。甚至可以加ICON，背景顏色也能改變。toast的優點在于不會打斷用戶當前的操作流程，屬于輕量級，缺點是易被忽視，而且不適合展示過多信息。為增加可讀性和美感，一般采取文字加ICON。

B Snackbar

由文字加功能按鈕組成?？牲c擊按鈕進行交互。及時不點擊也會消失，一般位于屏幕下方?？蓪⑵淇醋鲙в衖con的toast。

屬于非模態，但有模態的一些特點。有按鈕可供交互，出現在界面下方，和action sheet很像。

小結：非模態偏重信息提示，模態即可信息提示也可供交互。toast為輕量級彈框，snackbar集眾家所長。

4、彈框體系的建立優化

能在界面中展示就不用彈框，能用非模態彈框的就不要用模態彈框。

任何彈框都會對用戶造成干擾，即使是toast。從用戶體驗角度看，一個操作流程所受到的干擾越少越好。

案例（方案3最佳）：

多態按鈕：

此外多態按鈕的使用也可以幫助我們解放彈框的壓力。例如，支付寶的支付界面，立即支付按鈕可以跳轉到付款成功的狀態，這時候就沒有必要再用彈框給用戶提示了。

3、