彈框特性
較頁(yè)面輕冕末,可以更快回到之前的頁(yè)面。
相對(duì)獨(dú)立磕道,可以完全不影響頁(yè)面的布局
適合解決簡(jiǎn)單示弓,一次性的操作
適合用彈框的場(chǎng)景及案例:
1.新手引導(dǎo)
第一感覺(jué)是非常重要的讳侨。Google+及Carbonmade的新手引導(dǎo)采用了彈框,配上漂亮的插圖奏属。這種處理手法美觀跨跨,不影響頁(yè)面布局,卡片式的表現(xiàn)手法還能貫穿網(wǎng)頁(yè)及移動(dòng)的一致體驗(yàn)囱皿。
2勇婴、選擇器
選擇器的特點(diǎn)是用一個(gè)內(nèi)滾區(qū)域來(lái)承載一個(gè)很長(zhǎng)的頁(yè)面,而該內(nèi)滾區(qū)域的高度是可以根據(jù)瀏覽器的高度拉伸的嘱腥。其好處是除了能放下很長(zhǎng)的頁(yè)面耕渴,同時(shí)能保留 一些操作一直停留在屏幕上。
這裡可以選擇性的為彈框設(shè)置一個(gè)最大及最小高度爹橱,但要注意的是必須把背景鎖定萨螺,否則出現(xiàn)2條滾動(dòng)條的體驗(yàn)是很糟糕的
3、任務(wù)
有時(shí)候某些任務(wù)只是一些簡(jiǎn)單的操作愧驱,并不特地需要一個(gè)頁(yè)面來(lái)表現(xiàn)慰技,彈框是一個(gè)很好的方法
另外注意,如果彈框內(nèi)容比較多的話糟红,建議選擇類(lèi)似Trello的彈框模式艾帐。
4、提示
提示是最基礎(chǔ)的彈框應(yīng)用盆偿,設(shè)計(jì)時(shí)需記往保持統(tǒng)一性柒爸。視覺(jué)上的統(tǒng)一性: 顏色,間距事扭,文案風(fēng)格等捎稚。交互的統(tǒng)一性: 主要操作是左邊還是右邊按鈕,關(guān)閉是點(diǎn)擊蒙版還是點(diǎn)擊叉叉求橄。