FB LIKE JACKER

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

2014 年Apr月 14 日由 发布 | 类别: Android Design 研究会, 译文 | Tags: , , ,

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

« 小米移动的三驾马车
Google Camera 初体验 »

About NovaDNG

Nexus 4 (Android 5.1), Xperia Z3 (Android 5.0), Xperia Z2 Tablet (Android 5.0), veer 4G (webOS 2.1.2), Chromebook Pixel LS (2015). Guest Member of HiHex. Product Design @ Zhihu.com

» has written 188 posts

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

  • Kyle

    底部的对话框,我想到了MIUIv5

  • tequila713

    底部滑出的操作不是 iOS 的风格么……

  • Peter

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

  • William

    真心很美感

  • Min su

    那个底部滑入可以降低操作空间,方便单手操作,用的确实越来越多。

锋客的朋友们

  • 少数派
  • 煮机网

签订契约成为机油吧!

Buy me a coffee~ ;-)

Buy me a coffee~ ;-)
閃開│讓專業的來 沒辦法│我這個人就是太正直了