Android 彈出窗口與對話框 UI設計
Android 彈出窗口與對話框 UI設計-移動閱讀二維碼

當 Dropbox 發布了他們的 Mailbox for Android 的時候我看到了一些截圖, 由此我想起了一些我從一月起就在收集的一些截圖. 在 KitKat 和其他第三方應用中, UI設計已經有了長足的進步, 其中的一點就是彈出窗口對話框 UI 的改進.

Android UI設計文章閱讀:
Android應用中十大導航錯誤
Android UI 設計工具 (Photoshop, Android 4.4, Nexus 4)
Android Design in Action —— 一起來食 Kit Kat
Android 設計的幾處硬傷

2014-04-14 19.38.13_framed?2014-04-14 19.38.54_framed

左圖: Android 自帶的日期選擇彈窗; 右圖: Android 自帶的時間選擇彈窗.

2014-04-14 19.40.00_framed2014-04-14 19.40.31_framed

左圖: Android 日歷中的重復選擇; 右圖: Chrome 中的打印.

干凈簡潔的布局與有趣兒又引人注目的交互讓操作變得輕松而愉快, 尤其是那在時間選擇器中出現的雙環.

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

1-_trSJXLE3JSoWNTnKyf_Lw

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

1-w9befeIeEjy-hmrbxfXArw

從左至右: Southern Rail 購買確認窗口,?Airbnb?日期選擇窗口,?CloudMagic?歡迎對話框,?Noom?總結窗.

就算是在這些臨時窗口中, 也有一些很簡單但是優美的設計能夠讓用戶不因為看到了一個 Holo Theme 的對話框而覺得”我怎么一下子來到了另一個應用中?” 在我看來, Sol Calendar 和 Noom 是所有應用里做得很好的兩個應用.

我還注意到一種趨勢就是讓彈窗從屏幕底部浮現, 并且占滿整個屏幕的寬度. 雖然這比起前面那些標準的對話框來說并不是什么很大的改變但是卻讓這些對話框看起來顯得時髦而利落.

1-ERFYs8JfmClILVMuDx_iJQ

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

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

本文鏈接:http://www.uiyf.cn/android-pop-up-windows-and-dialogs.html
本文標簽: ,