Android 弹出窗口与对话框 UI 设计

本文译自 Tim Green 在 Medium 上的博客里发的文章 Android Popup & Dialog UI. 英文能力过关的同学可以跳过我的渣翻译直接看原文了.

当 Dropbox 发布了他们的 Mailbox for Android 的时候我看到了一些截图, 由此我想起了一些我从一月起就在收集的一些截图. 在 KitKat 和其他第三方应用中, UI 设计已经有了长足的进步, 其中的一点就是弹出窗口对话框 UI 的改进.

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 版本的迭代, 我们会看到越来越多的应用采用这种从屏幕底部滑入的对话框.

Advertisements

6 thoughts on “Android 弹出窗口与对话框 UI 设计

  1. :)能介绍一下最后一幅图片,使用自下而上弹窗的应用分别是什么名字吗?
    我注意到Google+的图片应用就是采用这种分享弹窗,想多收集一点,替换windows弹窗式样的那些应用。

    Reply
  2. Pingback: 转载:Android 弹出窗口与对话框 UI 设计 | 我的PM学习园地

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s