美文网首页
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