彈框特性

較頁面輕，可以更快回到之前的頁面。

相對(duì)獨(dú)立，可以完全不影響頁面的布局

適合解決簡(jiǎn)單，一次性的操作

適合用彈框的場(chǎng)景及案例：

1.新手引導(dǎo)

第一感覺是非常重要的。Google+及Carbonmade的新手引導(dǎo)采用了彈框，配上漂亮的插圖。這種處理手法美觀，不影響頁面布局，卡片式的表現(xiàn)手法還能貫穿網(wǎng)頁及移動(dòng)的一致體驗(yàn)。

2、選擇器

選擇器的特點(diǎn)是用一個(gè)內(nèi)滾區(qū)域來承載一個(gè)很長(zhǎng)的頁面，而該內(nèi)滾區(qū)域的高度是可以根據(jù)瀏覽器的高度拉伸的。其好處是除了能放下很長(zhǎng)的頁面，同時(shí)能保留 一些操作一直停留在屏幕上。

這裡可以選擇性的為彈框設(shè)置一個(gè)最大及最小高度，但要注意的是必須把背景鎖定，否則出現(xiàn)2條滾動(dòng)條的體驗(yàn)是很糟糕的

QQ公 眾平臺(tái)的圖文選擇器

Flickr的圖片選擇器

3、任務(wù)

有時(shí)候某些任務(wù)只是一些簡(jiǎn)單的操作，并不特地需要一個(gè)頁面來表現(xiàn)，彈框是一個(gè)很好的方法

Duolingo用插圖和icon等視覺元素來豐富任務(wù)彈框的表現(xiàn)形式，減輕枯燥感

Trello的任務(wù)彈框雖然信息較多，但好處是能快速切換到不同的任務(wù)，增加效率

另外注意，如果彈框內(nèi)容比較多的話，建議選擇類似Trello的彈框模式。

4、提示

提示是最基礎(chǔ)的彈框應(yīng)用，設(shè)計(jì)時(shí)需記往保持統(tǒng)一性。視覺上的統(tǒng)一性: 顏色，間距，文案風(fēng)格等。交互的統(tǒng)一性: 主要操作是左邊還是右邊按鈕，關(guān)閉是點(diǎn)擊蒙版還是點(diǎn)擊叉叉。