彈框的使用場(chǎng)景

彈框特性

較頁(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)是很糟糕的


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

3、任務(wù)

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


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


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

另外注意,如果彈框內(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)擊叉叉求橄。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末今野,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子罐农,更是在濱河造成了極大的恐慌条霜,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,042評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涵亏,死亡現(xiàn)場(chǎng)離奇詭異宰睡,居然都是意外死亡蒲凶,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門(mén)夹厌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)豹爹,“玉大人裆悄,你說(shuō)我怎么就攤上這事矛纹。” “怎么了光稼?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,674評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵或南,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我艾君,道長(zhǎng)采够,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,340評(píng)論 1 283
  • 正文 為了忘掉前任冰垄,我火速辦了婚禮蹬癌,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘虹茶。我一直安慰自己逝薪,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,404評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布蝴罪。 她就那樣靜靜地躺著董济,像睡著了一般。 火紅的嫁衣襯著肌膚如雪要门。 梳的紋絲不亂的頭發(fā)上虏肾,一...
    開(kāi)封第一講書(shū)人閱讀 49,749評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音欢搜,去河邊找鬼封豪。 笑死,一個(gè)胖子當(dāng)著我的面吹牛炒瘟,可吹牛的內(nèi)容都是我干的吹埠。 我是一名探鬼主播,決...
    沈念sama閱讀 38,902評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼唧领,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼藻雌!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起斩个,我...
    開(kāi)封第一講書(shū)人閱讀 37,662評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤胯杭,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后受啥,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體做个,經(jīng)...
    沈念sama閱讀 44,110評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鸽心,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了居暖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片顽频。...
    茶點(diǎn)故事閱讀 38,577評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖太闺,靈堂內(nèi)的尸體忽然破棺而出糯景,到底是詐尸還是另有隱情,我是刑警寧澤省骂,帶...
    沈念sama閱讀 34,258評(píng)論 4 328
  • 正文 年R本政府宣布蟀淮,位于F島的核電站,受9級(jí)特大地震影響钞澳,放射性物質(zhì)發(fā)生泄漏怠惶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,848評(píng)論 3 312
  • 文/蒙蒙 一轧粟、第九天 我趴在偏房一處隱蔽的房頂上張望策治。 院中可真熱鬧,春花似錦兰吟、人聲如沸通惫。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,726評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)讽膏。三九已至,卻和暖如春拄丰,著一層夾襖步出監(jiān)牢的瞬間府树,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,952評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工料按, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留奄侠,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,271評(píng)論 2 360
  • 正文 我出身青樓载矿,卻偏偏與公主長(zhǎng)得像垄潮,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子闷盔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,452評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容