Android应用UI设计模式——1.1　启动图标

本书介绍的是实用技巧——设计模式。本书介绍的设计模式建立在谷歌Android官方设计指南的基础之上，既传达最佳实践，又阐述实际设计问题的复杂性。Android官方指南（http://t.cn/z0dWSyN）是基石，而本书阐述如何将这些指南付诸实践，为现实世界的设计难题提供完的整解决方案。 本章会提供一个案例研究，研究对象是一个设计上还有待进一步完善的应用：AutoTrader。这个案例研究将为本书后面阐述58个模式和12个反模式打下基础。本章的每一节都列举了相关的模式，如果你愿意，可翻到相应位置，更深入地探索这些设计解决方案。 AutoTrader是个典型的照搬过来的应用，即它原先是个iOS应用，只做了简单的修改，以便能够在Android上运行。接下来几节将演示如何针对Android 4.0（Ice Cream Sandwich）重新设计该应用。这里不会全面介绍该应用，因为讲解起来极度烦琐，读起来更烦琐。相反，这里只讨论三个有代表性的界面：包含搜索表单的主屏幕、搜索结果屏幕及详细信息屏幕。通过这三个屏幕，你将深刻体会到Android视觉设计和导航的一些独特而有趣的方面，还将大致了解本书即将介绍的交互设计模式。本章只是一道开胃菜，后面还有饕餮大餐等着你，那就是第二部分将介绍的实用解决方案。 1.1　启动图标 先来看看启动图标。从iOS直接移植过来的大多数应用都忽视了一项必不可少的工作，那就是重新设计启动图标。iOS将启动图标放在一个圆角正方形内，Android启动图标则不受这种规则的束缚。Android鼓励设计人员为启动图标赋予独特的外形，请看Yelp和Twitter的启动图标（如图1-1所示），这些图标的设计人员都明白。 相反，AutoTrader的启动图标并没有重新设计。所幸，定制图标根本不算什么事儿。就AutoTrader而言，图1-2是一种推荐的修改方案。要制作形状独特的启动图标，可借用原有启动图标中的字母A，再将背景填充图案删除。并非只能使用徽标的一部分，例如，也可将图标设计成汽车或方向盘的形状。形状与众不同的启动图标更能吸引眼球，因此上述图标让用户更容易在冗长的清单中找到AutoTrader。 图1-1　Yelp和Twitter启动图标的形状都很独特 图1-2　原来的AutoTrader启动图标没有特色，右边是重新设计的图标