ndroid系统图标设计规范.pdfVIP

浅谈 Android 系统的图标设计规范 目前移动平台的竞争日益激烈，友好的用户界面可以帮助提高用户体验满意度，图标 Icon是用户界面中一个重要的组成部分，今天我们来研究和学习一下Android系统的图标设 计规范。在探讨Android的icon设计之前，我们有必要先了解Android的界面是如何适配多样 化屏幕的。 适配性 由于同一个UI元素(如100 x100像素的图片)在高精度的屏幕上要比低精度的屏幕上看 起来要小，为了让这两个屏幕上的图片看起来效果差不多，可以采用以下两种方法： 程序将图片进行缩放，但是效果较差。 为这两个精度屏幕的手机各提供一个图片。 但是屏幕的参数多样化，如果为每一个精度的屏幕都设计一套 icon，工作量大并且不 能满足程序的兼容性要求，势必要对屏幕的分级，如在 160dpi和 180dpi 的手机屏幕上采用 同一套icon，当这套icon在240dpi效果满足不了设计要求，就需要另做一套稍大些的icon。 在 Android 1.5 以及更早的版本中，只支持 3.2″ 屏幕上的 HVGA (320×480)分辨率， 开发人员也不需要考虑界面的适配性问题。从 Android 1.6之后，平台支持多种尺寸和分辨 率的设备，这也就意味着开发人员在设计时要考虑到屏幕的多样性。 为了简化设计并且兼容更多的手机屏幕，平台依照尺寸和分辨率对屏幕进行了区分： 三种尺寸：大，中，小。 三种精度：高(hdpi)，中(mdpi)和低(ldpi)。 程序可以为这三种尺寸的屏幕提供默认资源，如有需要，还可以为各种精度的屏幕提供 资源。在运行时，系统会根据屏幕布局加载正确尺寸或者精度的图片。 Android支持的屏幕 Android程序为最佳显示效果提供了三种方法： 1.图片缩放 基于当前屏幕的精度，平台自动加载任何未经缩放的限定尺寸和精度的图片。如果图片 不匹配，平台会加载默认资源并且在放大或者缩小之后可以满足当前界面的显示要求。例如， 当前为高精度屏幕，平台会加载高精度资源(如图片)，如果没有，平台会将中精度资源缩放 至高精度。 2.自动定义像素尺寸和位置 如果程序不支持多种精度屏幕，平台会自动定义像素绝对位置和尺寸值等，这样就能保 证元素能和精度 160 的屏幕上一样能显示出同样尺寸的效果。例如，要让 WVGA 高精度屏幕 和传统的 HVGA 屏幕一样显示同样尺寸的图片，当程序不支持时，系统会对程序慌称屏幕分 辨率为 320×533，在(10，10)到(100，100)的区域内绘制图形完成之后，系统会将图形放 大到(15，15)到(150，150)的屏幕显示区域。 3.兼容更大尺寸的屏幕 当前屏幕超过程序所支持屏幕的上限时，定义 supports-screens 元素，这样超出显示 的基准线时，平台在此显示黑色的背景图。例如，WVGA 中精度屏幕上，如程序不支持这样 的大屏幕，系统会谎称是一个 320×480 的，多余的显示区域会被填充成黑色。 但为了达到最佳的显示效果，最好的方法还是设计多套图片。那就有必要对于所有的屏 幕依据精度值进行分级(高中低)，之后再设计三套 icon： 先为主流的中精度屏幕(HVGA)设计一套 icon，确定图片的像素尺寸。 为高精度屏幕将图片放大到 150%，为低精度屏幕将图片缩小至 75%。 将这三套资源放置到程序的三个文件夹下 ：res/drawable-mdpi/ 、 res/drawable-hdpi/、 res/drawable-ldpi/。程序在运行时，平台会根据屏幕的精度调取 合适的 icon。 设计指南