术语和概念
图表形式
如上表所示,所有分辨率的屏幕,都围绕在基准屏幕 周围,而基准屏幕在分类中,为“正常”尺寸,与“中”密度。之所以用 HVGA屏幕作为基准屏幕,是因为所有针对 Android 1.5或更早的程序都是针对这片屏幕所写的(因为只支持这一片),比如 T-Mobile G1。
单位:像素 WVGA854: 854*480 WVGA800: 800*480
HVGA: 640*480
QVGA: 320*240 WQVGA432:432*240
WQVGA400:400*240 Android3.0 WXGA:800*1280
DVGA960(640x960, high density, normal screen )
QVGA (240x320, low density, small screen) WQVGA (240x400, low density, normal screen) FWQVGA (240x432, low density, normal screen) HVGA (320x480, medium density, normal screen) WVGA800 (480x800, high density, normal screen) WVGA854 (480x854 high density, normal screen) Android中图标尺寸:
AndroidManifest.xml中指定图标,名字不一定非叫icon <application android:icon="@drawable/icon" android:label="@string/app_name"> 2.0以后有三种尺寸,分别为36*36/48*48/72*72 你会看到drawable-hdpi/drawable-ldpi/drawable-mdpi不同的目录用来存储不同尺寸的图标,在AndroidManifest.xml中只需要写@drawable/icon就可以,它会根据屏幕分辨率去找不同目录下的图标 hdpi里面主要放高分辨率的图片,如WVGA (480x800),FWVGA (480x854) mdpi里面主要放中等分辨率的图片,如HVGA (320x480) ldpi里面主要放低分辨率的图片,如QVGA (240x320) 类型 hdpi mdpi ldpi ICON 72*72 48*48 36*36 Notification图标 48*48 32*32 24*24 标签Tab图标 48*48 32*32 24*24
Android的icon尺寸 在运行时,程序为最佳显示效果提供了三种方法: 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。 设计指南 Android标准icon Launcher Icon是程序主界面上的功能图标,Android对于各个icon的风格有一定的要求: 符合当下的流行趋势,避免过度使用隐喻。 高 度简化和夸张,小尺寸图标也能易于识别,不宜太复杂。 尝试抓住程序的主要特征,比如音像作为音乐的icon。 使用自然的轮廓和形状,看起 来几何化和有机化,不失真实感。 Icon采用前视角,几乎没有透视,光源在顶部。 不光滑但富有质感。 正确和错误的icon 另外,所有的icon都有文字标签,不要在设计时把文字也放到icon中。 Launcher Icon通常是一个较大的标准图标中包含一个小图标,使用一个中性色彩和一个主要色彩,并保持高度的对比,不宜过度饱和。 推荐色值 尺寸和定位 Launcher icons要有多样化的形状和样式,但又要形成统一的视觉风格,其尺寸和定位也用统一: (Full Asset)红色边框为图标尺寸 (Icon) 蓝色边框是图形尺寸,比图标尺寸稍小,图形之外的空间用于显示阴影和特殊效果。 (Square Icon)橙色边框是另外一种图形尺寸。两种类型的图形尺寸可以达到统一的视觉权重。 Icon dimensions for high-density (hdpi) screens: Full Asset: 72 x 72 px Icon: 60 x 60 px Square Icon: 56 x 56 px Icon Dimensions for medium-density (mdpi) screens: Full Asset: 48 x 48 px Icon: 40 x 40 px Square Icon: 38 x 3 Icon Dimensions for low-density (ldpi) screens: Full Asset: 36 x 36 px Icon: 30 x 30 px Square Icon: 28 x 28 px 模板 下载Android的标准图标模板,在此基础上绘制icon,后期还要加上阴影效果。 WVGA (高精度) 屏幕的阴影: Effect: Drop Shadow Color: #000000 Blend Mode: Multiply Opacity: 75% Angle: 90° Distance: 2px Spread: 0% Size: 5px 另外,还有Menu icon 、Status bar icon 、Tab icon、 Dialog icon 和List view icon的设计教程请查看原文吧。 非常详尽的icon设计教程,一个程序里要放置三套icon,还有Android硬件比较好,不然 内存爆掉 参考文章:http://www.cnblogs.com/KiloNet/archive/2011/03/25/1995843.html
http://zlb1986./blog/977621
http://www./home.php?mod=space&uid=1&do=blog&id=2119
http://www./20100917/112.html
http:///snap/7166
|
|