Android的icon设计指南-UI设计 PS-优质IT资源分享社区

yutingzhidong
总版主
总版主
  • UID2
  • 粉丝22
  • 关注1
  • 发帖数11
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:349回复:0

Android的icon设计指南

楼主#
更多 发布于:2016-06-14 11:55


    关键字: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)。
程序能够为这三种尺度的屏幕供给默许资本,如有需求,还能够为各种精度的屏幕供给资本。在运行时,体系会依据屏幕规划加载准确尺度或许精度的图像。





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。
规划攻略



Android规范icon
Launcher Icon是程序主界面上的功用图标,Android关于各个icon的个性有一定的请求:
符合当下的盛行趋势,防止过度运用隐喻。
高度简化和夸大,小尺度图标也能易于识别,不宜太杂乱。
测验捉住程序的首要特征,比方音像作为音乐的icon。
运用天然的轮廓和形状,看起来几许化和有机化,不失真实感。
Icon选用前视角,几乎没有透视,光源在顶部。
不光滑但赋有质感。

准确和过错的icon
别的,一切的icon都有文字标签,不要在规划时把文字也放到icon中。
Launcher Icon通常是一个较大的规范图标中包括一个小图标,运用一个中性颜色和一个首要颜色,并坚持高度的比照,不宜过度饱满。




 
   
   







[font=Tahoma  ]优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

微信小程序开发

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客