切图说明
1. 文件
-
文件包命名规则是:项目名字+切图+作者名字+日期;
例如:Lighten2.0.0版本迭代-首页设计切图李某_20160305
文件包压缩一直采用.zip格式;
-
文件包要包括:image、效果图+标注图、切图简单说明(word等文件)。
说明:效果图必须是要有的,对于标注图可以根据技术需求,沟通必不可少。
2.切图注意事项
在image中切图文件和切图命名中:
- 不要出现大写;
- 不要有中文、特殊符号以及空格;
- 字母必须是小写字母;
- 同类切图大小一致;
3.切图命名规范
iOS切图文件要有二倍像素适配(750px * 1334px)iphone6,iphone7 和 三倍像素适配(1242px * 2208px)iphone6 plus,iphone7 plus,需要在名字后面分别加 @2x 和 @3x。
-
具体命名方法是:
- 模块类别功能状态@2x/@3x.png 状态会有:点击状态,点击压下状态,禁用状态,选中状态等)
如:login_btn_submint_normal@3x.png 和 login_btn_submint_disabled@3x.png
4.切图命名常用词
5. iPhone分辨率
iPhone尺寸
iPhone图标尺寸
小结
AppIcon图标:
Icon-60@2x.png 120 x 120
Icon-60@3x.png 180 x 180
Icon-Small-40@2x.png 80 x 80
Icon-Small-40@3x.png 120 x 120
Icon-Small@2x.png 58 x 58
Icon-Small@3x.png 87 x 87
发布图标
AppIcon.png 1024 x 1024
启动图片:
命名 尺寸(px)
Default.png 320 x 480
Default@2x.png 640 x 960
Default-568h@2x.png 640 x 1136
LaunchImage-800-667h@2x.png 750 x 1334
LaunchImage-800-Landscape-736h@3x.png 2208 x 1242
LaunchImage-800-Portrait-736h@3x.png 1242 x 2208
iPhone X 1125 × 2436
app底部图标:
xxx@2x.png 44 x 44
xxx@3x.png 66 x 66
快照尺寸: 像素(px)
3.5英寸 640 x 960
4.0英寸 640 x 1136
4.7英寸 750 x 1334
5.5英寸 1242 x 2208 (1080 x 1920)
5.8英寸 1125 x 2436
温馨提示:
设计的朋友们,Ps有一个神奇的插件叫“IconTemplate”,可以一键生成以上所有尺寸的icon。