美文网首页
15节【APP设计 切图 适配 标注方法】

15节【APP设计 切图 适配 标注方法】

作者: 周娟設計師 | 来源:发表于2017-12-07 22:45 被阅读160次

01.设计规范

设计规范

02.切图规范

切图工具:

http://www.cutterman.cn/zh   Cutterman

@2x @3x @1x(不用切) @3x(1.5倍得图)

切@3x图方法:

方法1:动作

1)打开一个图,点击动作开始

2)放大1.5倍

3)停止播放

4)点击批处理

方法2:放大图(不推荐)

1)把750px图改为1242px

2)把文字改为整数,再切

方法3:cutterman主流方法

1)选择组,选择@2x @3x导出

2)点击固定尺寸,可以让每个图标尺寸一致

3)可以切pdf,是矢量图,只要切一套。但是前提要跟程序员沟通,是否能实现

切图命名规则


03.标注

标注工具:

1、http://www.getmarkman.com/#/download-modal 马克鳗

2、http://www.fancynode.com.cn/pxcook像素大厨

3、https://www.lanhuapp.com/蓝湖  (推荐)

相关文章

网友评论

      本文标题:15节【APP设计 切图 适配 标注方法】

      本文链接:https://www.haomeiwen.com/subject/mbqsixtx.html