Android 彈出窗口與對(dui)話框 UI設(she)計
Android 彈出窗口與對(dui)話框 UI設(she)計-移動閱(yue)讀(du)二維碼(ma)

當 Dropbox 發布了他們(men)的 Mailbox for Android 的時候(hou)我看到(dao)了一些截圖(tu), 由此(ci)我想(xiang)起(qi)了一些我從一月起(qi)就在收(shou)zhan) 囊恍┘贗tu). 在 KitKat 和tui)淥di)三方應用中(zhong), UI設(she)計已(yi)經有了長足的進步(bu), 其中(zhong)的一點就是(shi)彈出窗口對(dui)話框 UI 的改(gai)進.

Android UI設(she)計文章閱(yue)讀(du)︰
Android應用中(zhong)十大(da)導(dao)航錯(cuo)誤
Android UI 設(she)計工(gong)具 (Photoshop, Android 4.4, Nexus 4)
Android Design in Action —— 一起(qi)來食 Kit Kat
Android 設(she)計的幾fu)τ采/a>》

2020-02-29 19.38.13_framed?2020-02-29 19.38.54_framed

左圖(tu): Android 自帶的日zhang)諮≡竦  右圖(tu): Android 自帶的時間(jian)選擇彈窗.

2020-02-29 19.40.00_framed2020-02-29 19.40.31_framed

左圖(tu): Android 日歷中(zhong)的重復(fu)選擇; 右圖(tu): Chrome 中(zhong)的打印(yin).

干(gan)淨簡(jian)潔的布局zhong)胗腥?忠俗zhu)目(mu)的交互讓操(cao)作變得men)崴啥淇 尤其是(shi)那(na)在時間(jian)選擇器中(zhong)出現的雙環.

同樣的, 也(ye)有很(hen)多人試圖(tu)在自己的應用中(zhong)給他們(men)的彈窗添加樸素而符合自己品牌形象的特征.

1-_trSJXLE3JSoWNTnKyf_Lw

從左至右:?Mailbox?的延遲對(dui)話框;?Dropbox?的路徑選擇窗;?Runtastic?的刪除(chu)記錄的繪畫框;?Sol Calendar?的定時框.

1-w9befeIeEjy-hmrbxfXArw

從左至右: Southern Rail 購買確認窗口,?Airbnb?日zhang)諮≡翊翱?CloudMagic?歡迎對(dui)話框,?Noom?總(zong)結(jie)窗.

就算是(shi)在這些臨時bei)翱謚zhong), 也(ye)有一些很(hen)簡(jian)單但是(shi)優美的設(she)計能夠讓用戶不(bu)因為看到(dao)了一個 Holo Theme 的對(dui)話框而覺得”我怎麼一下子yong)吹dao)了另一個應用中(zhong)?” 在我看來, Sol Calendar 和 Noom 是(shi)所有應用里做得很(hen)好(hao)的兩個應用.

我還注(zhu)意到(dao)一種趨勢就是(shi)讓彈窗從屏幕底部浮現, 並且佔(zhan)滿整個屏幕的mu)磯 雖然(ran)這比起(qi)前(qian)面(mian)那(na)些標(biao)準的對(dui)話框來ci)擋 bu)是(shi)什麼很(hen)大(da)的改(gai)變但是(shi)卻讓這些對(dui)話框看起(qi)來顯(xian)得時髦而利(li)落.

1-ERFYs8JfmClILVMuDx_iJQ

我相信隨著(zhou) Android 版本的迭代, 我們(men)會看到(dao)越來越多的應用采用這種從屏幕底部滑入的對(dui)話框.

本文譯自?Tim Green?在 Medium 上(shang)的博客里發的文章?Android Popup & Dialog UI.

本文鏈接︰http://www.mobileui.cn/android-pop-up-windows-and-dialogs.html
本文標(biao)簽: ,