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的资源交给工程师
网友评论