2024年4月28日发(作者：雷克萨斯轿车系列)
【总结】移动应用界面设计的尺寸设置及规范
时间 2014-05-04 15:15:07 青溪·札记
原文 appdesign-sizesetting/
主题 用户界面设计 移动应用
刚接触移动应用的界面设计，最先跳入脑海的疑问是：画布尺寸设计多大（特别是
Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？
本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索，来分享
移动应用界面设计中的尺寸规范等问题，希望能给移动端的新手设计师些许指引。若有不
当之处，欢迎斧正。
一、android篇
1、android分辨率
Android的多分辨率，一向是设计师和开发者非常头疼的事儿。尽管如此，对于多分
辨造成的复杂问题，也是大家要优先解决的。Android支持多种不同的dpi模式：ldpi 、
mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi
注意，ppi、dpi 是密度单位，不是度量单位 ：
* ppi (pixels per inch)：图像分辨率 （在图像中，每英寸所包含的像素数目）
* dpi (dots per inch)： 打印分辨率 （每英寸所能打印的点数，即打印精度）
dpi主要应用于输出，重点是打印设备上；ppi对于设计师应该比较熟悉，photoshop
画布的分辨率常设置为72像素/英寸，这个单位其实就是ppi 。尽管概念不同，但是对于
移动设备的显示屏，可以看作ppi=dpi 。
ppi的运算方式是：PPI = √（长度像素数² + 宽度像素数²） / 屏幕对角线英寸数。
即：长、宽各自平方之和的开方，再除以屏幕对角线的英寸数。
以iphone5为例，其ppi=√（1136px² + 640px²）/4 in=326ppi（视网膜Retina
屏）
对于android手机，一个不确切的分法是，720 x 1280 的手机很可能接近 320 dpi
（xhdpi模式），480 x 800 的手机很可能接近 240 dpi （hdpi模式），而320 x 480 的
手机则很接近 160 dpi（mdpi模式）。
来自友盟指数2014年3月份的数据（
戳这里看最新数据
）：
480 x 800的手机占比最高为%，720 x 1280的手机占比为%位居第二，而240 x 320
的手机占比最少为% 。xxdhpi模式的高分辨率1080 x 1920手机占比也越来越高，目前
为% 。
2、单位换算方法
android开发中，文字大小的单位是sp，非文字的尺寸单位用dp，但是我们在设计
稿用的单位是px。这些单位如何换算，是设计师、开发者需要了解的关键。
发布者：admin，转转请注明出处：http://www.yc00.com/num/1714315495a2423191.html
评论列表（0条）