Android应用UI设计模式——1.9　最终结果

图1-20显示了AutoTrader原来的三个屏幕，请注意其信息架构及iOS风格的控件、字段和按钮。屏幕的不同部分用带圆角的容器分隔。而在每部分中，实现交互的元素都有一个箭头，将它们与非交互性元素区分开来，整体上呈现出厚重的视觉效果。 图1-20　AutoTrader原来的三个屏幕 图1-21显示了重新设计后的三个屏幕，它们深深打上了Android 4.0的烙印。 图1-21　针对Android 4.0重新设计后的三个AutoTrader屏幕 重新设计后的版本使用了一组独特的触摸控件，采用了Android 4.0指南建议的独特导航方案。在视觉方面，新设计采用了平面化按钮、可触摸的面板，以及几乎没有渐变和圆角的操作栏。最后，新设计删除了所有容器及多余的触摸指示器。 在重新设计过程中，我们分别讨论了每个屏幕的多个版本。这个过程很自然，Android设计虽然不复杂，却非常完善：既考虑了空间限制，又有机会采用激动人心的新奇交互方式。正是基于这一点，实现新的设计理念前，务必利用简洁、廉价的原型进行详尽的用户测试。我喜欢用便利贴来制作原型并进行测试，而本书包含大量使用这种设计方法的示例。第4章将详细介绍完整的设计和原型制作流程，提供实用可靠的用户测试技巧。 本章通过AutoTrader应用很好地展示了Android的视觉设计语言和界面元素，为本书开了一个好头。 然而，这里只概述了众多新颖、有趣、实用的Android设计模式，下一章将简要介绍Android与其他移动操作系统不同的几个方面，然后再深入探讨本书着重介绍的设计模式。