您的位置:首页 > 移动开发

APP开发实战6-APP的切图工作

2016-05-09 21:51 337 查看

2.2APP的切图工作

最理想的情况是设计师给iOS APP和Android APP设计两套图片,实际中,设计师大都使用iPhone手机,没用过Android手机,且为了节约资源,设计师通常只按iOS APP的要求提供设计切图和标注尺寸。

以下是iPhone手机的屏幕尺寸和像素密度:

设备
屏幕尺寸
Reader
分辨率(px)
像素密度值
iPhone 3GS
3.5寸
@1x
320x480
163
iPhone 4/4s
3.5寸
@2x
640x960
330
iPhone 5/5s/5c
4.0寸
@2x
640x1136
326
iPhone 6
4.7寸
@2x
750x1334
326
iPhone6 Plus
5.5寸
@3x
1242x2208
401
iPhone手机最小的分辨率是320x480,把这个尺寸定为基准界面尺寸(baseline),基准尺寸所用的图标定为1倍图(@1x),其余机型使用的图标按像素密度值与基准尺寸的像素密度值的倍数定为2倍图和3倍图。
屏幕像素密度是指每英寸上的像素点数,单位是DPI,是“Dot Per Inch”的缩写;PPI是“Pixel Per Inch”的缩写,每英寸像素数;针对显示器的设计时,DPI=PPI。
计算方法是长宽的像素各自平方之和开方,除以对角线长度(单位英寸),如iPhone 5的DPI为√ (640^2 + 1136^2) / 4 =326。

Android将屏幕大小分为四个级别:
Small--屏幕尺寸小于3英寸左右
Normal--屏幕尺寸小于4.5英寸左右
Large--屏幕尺寸4英寸-7英寸之间
xLarge--屏幕尺寸7-10英寸之间
(http://developer.android.com/guide/practices/screens_support.html)

屏幕像素密度与屏幕尺寸和屏幕分辨率有关:屏幕尺寸越小、分辨率越高,像素密度越大,反之越小。
Android的屏幕尺寸和像素密度如下表所示:

 
Low density (120), ldpi
Medium density (160), mdpi
High density (240), hdpi
Extra-high-density (320), xhdpi
Smallscreen
QVGA (240x320)
 
480x640
 
Normalscreen
WQVGA400 (240x400)
HVGA (320x480)
WVGA800 (480x800)
640x960
WQVGA432 (240x432)
WVGA854 (480x854)
 
600x1024
Largescreen
WVGA800** (480x800)
WVGA800* (480x800)
 
720x1280
WVGA854** (480x854)
WVGA854* (480x854)
 
600x1024
Extra-Largescreen
1024x600
WXGA (1280x800)†
1536x1152
2048x1536
1024x768
1920x1152
2560x1536
1280x768
1920x1200
2560x1600
(其中的XHDPI按屏幕尺寸为4.5寸计算,DPI为√ (720^2 + 1280^2) / 4.5 = 326,约为320;XXHDPI的DPI值为480)

iOS APP中通常内置两套图片@2x和@3x,而Android APP中通常只内置一套XHDPI的图片;XHDPI对应的分辨率和iPhone5系列的分辨率最接近(像素密度一样),所以设计师可以按iPhone5系列的分辨率做一套@2x的切图,在Android APP中把@2x的图片放在drawable-xhdpi文件夹中就可以了(在4.5寸720x1280的手机上适配效果最好,像素密度一样)。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: