android 制作图片资源时的注意事项及工具
来源:互联网 发布:ubuntu deb包安装 依赖 编辑:程序博客网 时间:2024/04/29 15:27
Android 中,应用程序需要的图片资源如何针对不同屏幕大小手机设计?
1.800x480、480X320、320X240分辨率的手机需要不同的图片资源;
2.如何设计三套图片资源来满足这3种分辨率的手机,这三套图片资源之间有什么样的大小比例关系?
3.美工设计图片的时候有没有技巧?可否先设计一套,然后按照比率缩放呢?
2.如何设计三套图片资源来满足这3种分辨率的手机,这三套图片资源之间有什么样的大小比例关系?
3.美工设计图片的时候有没有技巧?可否先设计一套,然后按照比率缩放呢?
按票数排序
9 个回答
陈炎坤、知乎用户、Evan 等人赞同
可以按照手机屏幕的标准把800x480理解为hdpi,480x320为mdpi,320x240为ldpi,根据最新的数据显示,Android所有手机中hdpi和mdpi占有九成以上的比例;
系统版本,到今天2.1~2.3的比例也是绝对比例,所有我们可以以这个为依据来做相应的适配,对于这些数据,需要随时注意,特别是在Android有新版本推出后的几个月里,市场的变动相应的会活动一些,值得注意的是这个比例只是现在的一些数据,可能之后也会有些变动,所以需要事实根据新的市场环境进行适配。
答问题1:以现在的情况为例,最为节省的话,一般开发Android APP的时候会考虑设计hdpi和mdpi的图片资源,所以也是需要设计两套图的,很多为了节省工作量直接用一套hdpi的图片资源,在mdpi的时候直接压缩,这样图片质量会损失很大,所以最好还是尽量使用两套资源图片;
答问题2:视觉在根据交互原型进行设计的时候,可以考虑以mdpi,也就是320x480为蓝本进行设计,因为Android一般采用dp为单位,而我们设计的时候一般是px为单位的,这个就涉及到一个单位转换的问题,而在mdpi下,px和dp是1:1的关系,这样在标注坐标的时候能够很方便的进行单位转换,例如我们以320x480为蓝本的话,在photoshop测量的间距为10px,我们在给到RD时的坐标可以直接标注为10dp;因为dp的单位是可以程序自己去适配不用dpi屏幕的,所以就算设计三套不同dpi的图,一般也只用对mdpi的设计图进行坐标定位,这个坐标的标注可以用在所有dpi的资源上;
因为现在Android又添加了xhdpi(类似iPhone4的960x640的分辨率)的支持,假如我们在设计有(xhdpihdpi/mdpi/ldpi)四套不同dpi的图片资源时,因为之前提到以mdpi为蓝本做第一个dpi的设计,相应的我们把mdpi的比例设定为1,相应的不同dpi的图片资源尺寸的比例关系可以是xhdpi:hdpi:mdpi:ldpi等于2:1.5:1:0.75,也就是说,第一套图为mdpi的资源图片,xhpi可以大小调整到200%,hdpi可以调整到150%,ldpi则是75%;
答问题3:视觉设计的时候就像前面说到的一样,可以优先以320x480的大小去设计一套,在用到不同dpi的时候,可以把320x480设计psd里所有APP要用到的控件单独做一个控件库的psd,psd的所有控件图层是基于形状工具绘制的,每个分辨率都做一个控件库的psd,然后可以直接让美工根据控件库的psd切图给RD使用了,先做完mdpi的控件psd后,其它dpi的控件库的psd可以依照上面说到的比例关系进行大小的调整,例如,hdpi的控件psd也就是把mdpi里的每个控件放大到150%,有时候放大缩小psd里的图片会有些半透明的虚边,细微调整即可,如果在设计mdpi的时候,每个控件的大小能够尽量的被4整除,那么基本上就可以直接放大和缩小控件大小而不用担心虚边的问题,当然也不能完全限制在大小被4整除的死胡同里,这样也容易局限视觉设计,只是在视觉设计完成后,可以尽量的去调整在,如果视觉上有些控件在大小调整到被4整除的范围里,界面整体的比如不太合适,或者很影响视觉设计,也不必去过分强求。
系统版本,到今天2.1~2.3的比例也是绝对比例,所有我们可以以这个为依据来做相应的适配,对于这些数据,需要随时注意,特别是在Android有新版本推出后的几个月里,市场的变动相应的会活动一些,值得注意的是这个比例只是现在的一些数据,可能之后也会有些变动,所以需要事实根据新的市场环境进行适配。
答问题1:以现在的情况为例,最为节省的话,一般开发Android APP的时候会考虑设计hdpi和mdpi的图片资源,所以也是需要设计两套图的,很多为了节省工作量直接用一套hdpi的图片资源,在mdpi的时候直接压缩,这样图片质量会损失很大,所以最好还是尽量使用两套资源图片;
答问题2:视觉在根据交互原型进行设计的时候,可以考虑以mdpi,也就是320x480为蓝本进行设计,因为Android一般采用dp为单位,而我们设计的时候一般是px为单位的,这个就涉及到一个单位转换的问题,而在mdpi下,px和dp是1:1的关系,这样在标注坐标的时候能够很方便的进行单位转换,例如我们以320x480为蓝本的话,在photoshop测量的间距为10px,我们在给到RD时的坐标可以直接标注为10dp;因为dp的单位是可以程序自己去适配不用dpi屏幕的,所以就算设计三套不同dpi的图,一般也只用对mdpi的设计图进行坐标定位,这个坐标的标注可以用在所有dpi的资源上;
因为现在Android又添加了xhdpi(类似iPhone4的960x640的分辨率)的支持,假如我们在设计有(xhdpihdpi/mdpi/ldpi)四套不同dpi的图片资源时,因为之前提到以mdpi为蓝本做第一个dpi的设计,相应的我们把mdpi的比例设定为1,相应的不同dpi的图片资源尺寸的比例关系可以是xhdpi:hdpi:mdpi:ldpi等于2:1.5:1:0.75,也就是说,第一套图为mdpi的资源图片,xhpi可以大小调整到200%,hdpi可以调整到150%,ldpi则是75%;
答问题3:视觉设计的时候就像前面说到的一样,可以优先以320x480的大小去设计一套,在用到不同dpi的时候,可以把320x480设计psd里所有APP要用到的控件单独做一个控件库的psd,psd的所有控件图层是基于形状工具绘制的,每个分辨率都做一个控件库的psd,然后可以直接让美工根据控件库的psd切图给RD使用了,先做完mdpi的控件psd后,其它dpi的控件库的psd可以依照上面说到的比例关系进行大小的调整,例如,hdpi的控件psd也就是把mdpi里的每个控件放大到150%,有时候放大缩小psd里的图片会有些半透明的虚边,细微调整即可,如果在设计mdpi的时候,每个控件的大小能够尽量的被4整除,那么基本上就可以直接放大和缩小控件大小而不用担心虚边的问题,当然也不能完全限制在大小被4整除的死胡同里,这样也容易局限视觉设计,只是在视觉设计完成后,可以尽量的去调整在,如果视觉上有些控件在大小调整到被4整除的范围里,界面整体的比如不太合适,或者很影响视觉设计,也不必去过分强求。
屏幕像素密度={1+√[(长度像素数-1)^2+(宽度像素数-1)^2]}/屏幕尺寸
android文档界面:http://developer.android.com/guide/practices/screens_support.html
制作图片的网站,生成各种大小的图片http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html(很好用)http://romannurik.github.io/AndroidAssetStudio/
在线制作.9.png: http://romannurik.github.io/AndroidAssetStudio/nine-patches.html
- android 制作图片资源时的注意事项及工具
- 微信开源工具AndResGuard-资源混淆工具的使用及注意事项
- 【Android 工具】Android 点9图片制作及讲解
- Android图片资源优化工具
- android 开发工具及资源
- Android解决图片资源比较大的问题--->.9图片的制作和使用
- Android中.9图片的含义及制作教程
- Android中.9图片的含义及制作教程
- Android中.9图片的含义及制作教程
- Android studio .9图片的制作及使用
- Android studio中.9图片的含义及制作教程
- Android中.9图片的含义及制作教程
- Android中.9图片的含义及制作教程
- Android中.9图片的含义及制作教程
- android 9.png图片原理及制作
- Android画图工具的制作
- 通过学习制作长微博工具来了解水印的制作,及EditText中的内容在图片中换行显示
- LICEcap方便快捷制作gif图片的工具
- MakeFile 文件的作用
- inux下解压命令大全
- warning: World-writable config file /opt/lampp/etc/my.cnf is ignored
- properties 文件操作
- 上机项目--星号图2
- android 制作图片资源时的注意事项及工具
- 基础---java 泛型
- LESS详解之函数(六)
- jfreechart 生成报表 (1.0.6)
- ios 取消所有第一响应者
- applet操作本地文件
- 表单元素值获取方式js及java方式
- C技巧:结构体参数转成不定参数
- 星号图(2)