APP设计之设计尺寸／切图 学习笔记

前奏   

产品经理把产品原型需求给到我们后，我们设计师需要根据原型需求进行视觉稿的设计输出。在iOS和Android的设计尺寸与切图应该如何

设计尺寸

现在iOS常用的设计尺寸

1）640*960     iPhone4时代的尺寸 ，流行设计为拟物

2）640*1136   iPhone 5/5S/5C，流行设计为扁平化设计（Flat Design） ，去除冗余、厚重、繁杂的装饰效果，让“信息”本身作为核心凸显出来，在设计元素上强调极简，抽象和符号化。

3）750*1334   iPhone 6／7／7Plus  现在主要设计尺寸     @2X

4)   750*1468   iPhoneX安全设计尺寸

在移动端决定显示效果的是逻辑像素尺寸。iOS 的尺寸单位为pt，Android的尺寸单位是dp。

iOS和Android的分辨率的转换关系，在切图时满足一定的倍数关系，就可以一键导出同时适配两者的切图。

1dp (Android）=1pt（iOS）

单位之间的换算关系随倍率变化：
1倍：1pt=1dp=1px（mdpi、iPhone 3gs）
1.5倍：1pt=1dp=1.5px（hdpi）
2倍：1pt=1dp=2px（xhdpi、iPhone 4s/5/6）
3倍：1pt=1dp=3px（xxhdpi、iPhone 6）
4倍：1pt=1dp=4px（xxxhdpi）

切图

1）切图尺寸必须为偶数

2）按标准尺寸输出并考虑适配问题。e.g.   750*1334画面尺寸，图标44px，@2X；@3X是@2X 的1.5倍，即图标尺寸为66px

3)  为提升APP速度，尽量减少文件大小（点九七图法；在线压缩图片工具"Tinypng";企图神器cutter man      http://uicool123.com/home/nav?id=6）

其它

1.左右两边j

待续