WEB开发网
开发学院手机开发iPhone 开发 Android vs iPhone icon设计指南 阅读

Android vs iPhone icon设计指南

 2010-05-06 16:12:00 来源:WEB开发网   
核心提示:屏幕一样显示同样尺寸的图片,当程序不支持时,Android vs iPhone icon设计指南(2),系统会对程序慌称屏幕分辨率为320×533,在(10,iPhone的icon设计就这么简单,iPhone的屏幕只有320×480像素,10)到(100,100)的区域内绘制图形完成之后
屏幕一样显示同样尺寸的图片,当程序不支持时,系统会对程序慌称屏幕分辨率为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通常是一个较大的标准图标中包含一个小图标,使用一个中性色彩和一个主要色彩,并保持高度的对比,不宜过度饱和。

iPhone的icon设计就这么简单,iPhone的屏幕只有320×480像素,所以程序没有适配性问题。

上一页  1 2 3 4  下一页

Tags:Android vs iPhone

编辑录入:coldstar [复制链接] [打 印]
赞助商链接