码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2016-05-12 19:21:39      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:

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的手机上适配效果最好,像素密度一样)。

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

标签:

原文地址:http://blog.csdn.net/xjbclz/article/details/51356552

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!