Android 中，应用程序需要的图片资源如何针对不同屏幕大小手机设计？

来源：互联网发布：手机怎么多注册淘宝号编辑：程序博客网时间：2024/04/29 02:12

知乎

首页
话题
发现

注册知乎
登录

从问题 Android 开发的时候，如何设置手机分辨率？跳转而来

Android 应用Android 开发Android 手机用户界面设计Android用户界面设计师

Android 中，应用程序需要的图片资源如何针对不同屏幕大小手机设计？

1.800x480、480X320、320X240分辨率的手机需要不同的图片资源；

2.如何设计三套图片资源来满足这3种分辨率的手机，这三套图片资源之间有什么样的大小比例关系？

3.美工设计图片的时候有没有技巧？可否先设计一套，然后按照比率缩放呢？

添加评论分享

按票数排序

8 个回答

戴源Travis，invesDesign

张华、BryanC、靳一亮等人赞同

可以按照手机屏幕的标准把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整除的范围里，界面整体的比如不太合适，或者很影响视觉设计，也不必去过分强求。

2011-07-31 8 条评论

朱磊，沉浸在移动互联网的浪潮中.

alpheus、hugh hsih、幸小然等人赞同

这种问题就应该先去看文档再来问。
http://developer.android.com/guide/practices/screens_support.html

好吧，我把珍藏多年的必杀技拿出来！！上传一张图片，自动生成多尺寸，各种规格图片。
http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html

2011-07-31 7 条评论