设计篇－app设计（二）

1，设计：

1）一般以640*1136（72ppi)作为设计稿，按着设计尺寸后续标注、切图资源可以适配到iPhone4/5/6机型。至于为iPhone6 plus设计，就要以1242*2208来出设计稿了，当然按iPhone6（750*1334）大小出设计稿也是可以的。

2）字体及大小

中文字体：苹方

英文字体：San Francisco

这里字体是ios9系统推出的中英文字体。根据产品应用设计字体都是可以选择的，字体大小为偶数。

3）

切图：

①切图资源适配

xxx@2x.png适配iphone4/4s/5/5s/6

xxx@3x.png适配iphone6plus

②以每个功能模块创建切图文件夹

③切图大小为偶数，输出格式png24

④部分切图资源还需高亮状态、默认状态、置灰状态等

⑤命名

些基础的切图命名及模块前缀

标图：

需要标注地方：

模块的高度宽度、距离；

文字的字体、大小、颜色；

背景颜色；

按钮大小、不同状态的颜色；

有些地方还需要特殊标注，比如透明度等等。

Iphone6 plus适配Iphone6自适应布局

1.页边间距约束

2.水平间距约束

3.等宽约束

4.方向比例约束

设计Android应用的最佳实践：

1.画布大小定位720 x

1280，72 dpi

2.只使用偶数单位的尺寸，比如96 px的列表项高度，16 px的边距，64 px的图标边长

3.只使用24 pt，28 pt，36 pt和44 pt的字体

4.设计完成以后，所有尺寸的px值除以2作为dp数值交给工程师

5.所有字体的pt值除以2作为sp数值交给工程师

6.所有切图变成三份，分别是原始大小、缩小1.5倍，缩小2倍，分别作为xhdpi，hdpi，mdpi的资源交给工程师