NEWS

Android的icon规划指南

2025-01-31

关键字:Android,UI元素,ICON规划,手机

适配性

因为同一个UI元素(如100 x100像素的图片)在高精度的屏幕上要比低精度的屏幕上看起来要小,为了让这两个屏幕上的图片看起来作用差不多,能够选用以下两种办法:

程序将图片进行缩放,可是作用较差。 

为这两个精度屏幕的手机各供给一个图片。 

可是屏幕的参数多样化,为每一个精度的屏幕都规划一套icon,作业量大而且不能满意程序的兼容性要求,势必要对屏幕的分级,如在160dpi和180dpi的手机屏幕上选用同一套icon,当这套icon在240dpi作用满意不了规划要求,就需求另做一套稍大些的icon。

在Android 1.5以及更早的版本中,只支撑3.2″ 屏幕上的HVGA (320×480)分辨率,开发人员也不需求考虑界面的适配性问题。从Android 1.6之后,渠道支撑多种尺度和分辨率的设备,这也就意味着开发人员在规划时要考虑到屏幕的多样性。

为了简化规划而且兼容更多的手机屏幕,渠道依照尺度和分辨率对屏幕进行了区分:

三种尺度:大,中,小。 

三种精度:高(hdpi),中(mdpi)和低(ldpi)。 

程序能够为这三种尺度的屏幕供给默许资源,如有需求,还能够为各种精度的屏幕供给资源。在运行时,体系会依据屏幕布局加载正确尺度或许精度的图片。

在运行时,程序为佳显现作用供给了三种办法:

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。 

ALauncher Icon是程序主界面上的功能图标,Android对于各个icon的风格有一定的要求:

契合当下的盛行趋势,避免过度运用隐喻。 

高度简化和夸大,小尺度图标也能易于辨认,不宜太杂乱。 

尝试捉住程序的主要特征,比如音像作为音乐的icon。 

运用天然的轮廓和形状,看起来几何化和有机化,不失真实感。 

Icon选用前视角,几乎没有透视,光源在顶部。 

不光滑但富有质感。 


另外,一切的icon都有文字标签,不要在规划时把文字也放到icon中。

Launcher Icon通常是一个较大的规范图标中包括一个小图标,运用一个中性色彩和一个主要色彩,并保持高度的对比,不宜过度饱满。