为多样性设计的一个很好的案例,详见Sebastian de With 讲述the Alarm App创作过程的文章。
确保UI元素在不同分辨率的Android设备上看起来差不多大小是提供一致性体验里很重要的一部分。这看起来是一件非常费力的任务,其实大可不必通过复杂的像素运算来得出每个按钮或字体在每个特定的屏幕上如何显示,可以让设备帮你处理这个问题。如下图所示,是一个标准的图标在不同分辨率设备上的显示效果:官方推荐的按钮尺寸是48像素,在从低到高的4个不同分辨率级别下系统自动处理了显示效果。 通过Density-independent pixels (DPs)的方式定义尺寸,你需要确保在每个屏幕上显示的视觉元素的物理尺寸一致。详细的设置方式,请查阅Use Density-Independent Pixels。下图是实际使用中被证明很好用的一个各视觉元素的尺寸设置建议。
为了在几乎所有的Android设备上显示清晰,需要满足四个分辨率:低分辨率(LDPI),中分辨率(MDPI),高分辨率(HDPI)和超高分辨率(XHDPI)。一般从640×960屏幕分辨率开始,然后缩小以适应其他分辨率屏幕,如下图所示。 MDPI和XHDPI的显示分辨率与苹果iPhone的普通屏和视网膜屏刚好一致。所以,如果你的App有iPhone版本,可以直接使用它的布局排版,甚至可以简单地在iPhone上测试设计效果。当然不要忘了Android特有的外观和感觉。不可忽视的是,一个叫做XXHDPI的标准已经被添加到下一代移动设备中作为支持,这些设备将有大约480 DPI的屏幕。尽管现在还不存在这样的设备,但因为XXHDPI标准目前被使用在如今使用XHDPI的10 英寸平板设备的启动图标上,比如Nexus 10。所以也许需要在设计各视觉元素时提前做好准备将你的HDPI拓展至200%的XXHPI。 |