Sketch导出icon神器插件App Asset export教程

文章目录[隐藏]

废话不多说,直接开整:

1.首先可以直接在 Sketch Tool 中搜索"App Asset Export" 这个插件直接安装

Sketch导出icon神器插件App Asset export教程

或者到源码主页下载双击安装插件Github开源下载地址

Sketch导出icon神器插件App Asset export教程

使用方法

  1. 建一个1024x1024大小图层进行Icon设计
  2. 打开Plugins-->App Asset Export-->Perferences 配置各个平台输出路径

 

Sketch导出icon神器插件App Asset export教程Sketch导出icon神器插件App Asset export教程

 

 

输出结果

 

Sketch导出icon神器插件App Asset export教程

支持安卓、iOS、Mac和PC的ico格式,除了各种图标,还直接生成 AppIcon.xcassets 在XCode 直接编译,安卓的res文件目录可以直接拖入项目使用。可以看到每一种尺寸,包括最新的iPadPro的图标尺寸均能生成,大大方便了开发的使用。

  • 桌面ico输出

Mac和PC的ico格式

Sketch导出icon神器插件App Asset export教程

  • iOS 输出

除了各种图标,还直接生成 AppIcon.xcassets 在XCode 直接编译

Sketch导出icon神器插件App Asset export教程

  • Android 输出

除了精确尺寸,还能按要求生成相应目录,直接拷入res目录即可使用

 

Sketch导出icon神器插件App Asset export教程

  • App Store发布版本
    各个应用市场对于尺寸要求不一样,本插件同样可以直接生成. 本插件能生成 Google play ,iTune,QQ,小米市场等各种尺寸

Sketch导出icon神器插件App Asset export教程

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/35012/

(0)
iouedioued
上一篇 2018-03-13
下一篇 2018-03-13

相关推荐

  • 静电的SKETCH教室,全套教学视频免费分享下载。

    “静电的sketch设计教室”教学视频,对于新手自学来讲非常的合适,感谢静电,讲解的非常的清晰明了,视频就在这儿,剩下的就需要你付出时间去学习咯,祝大家学有所成!链接: https://pan.baidu.com/s/1iIbE-DI_yHLayj7wue49yQ 密码: mw25·—END—·

    2018-04-18
  • Sketch从入门到精通-Sketch3 复制旋转功能的运用

    复制旋转功能是一个算是很特别很好玩的一个功能,当你需要对一个图形重复旋转的时候,如果手动调一定会有偏差,这个时候就需要复制旋转功能来实现,在菜单栏中进入图层 — 路径 ­­— 复制旋转 (Layer > Paths >…

    2015-08-03
  • Sketch汉化插件: SketchI18N 一键汉化

    推广:五丰 美仑达 赣南脐橙 【国家地理标志产品】供港央企品质保障,原产地直采,进口专业分选设备,品质始终如一,脆嫩香甜,味美多汁 SketchI18N SketchI18N is multi-language plugin for Sketch.app Language …

    2017-03-16
  • 如何使用Sketch3创建APP原型

    自从Fireworks逐渐衰落之后, 我一直在找其他好用的app和网站设计工具。后来我发现,只需用Sketch再加上其他一些简单的工具,就能构成一条非常不错的设计生产线。 在这篇文章中,我将谈谈我是如何利用Sketch搭配Flin…

    2015-06-29
  • Sketch从入门到精通-Sketch3 神奇的测量键

    在做设计的时候经常离不开精准的测量,间距,字体的大小。尤其是在做移动端UI设计的时候,设计完的界面效果图还要输出标注规范给工程师们让他们去实现,这就离不开精准的测量。 在Sketch里面,有个神奇的测量键,你…

    2015-08-28
  • Sketch从入门到精通-Sketch3 九宫格

    九宫格 在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。 所以我们可以用Sketch里的九宫格,…

    2015-08-03
  • 网络和辅助线的使用- Sketch从入门到精通

    设计师一般在作图的时候都离不开网格和辅助线,以前在PS或AI里的时候辅助线你必须手动去调整辅助线的位置,有的时候也难免会有误差或者半像素的偏离。但在Sketch 3里面,辅助线极大的避免了失误,并且提高了效率。 …

    2015-07-13
  • 搞定设计版本控制!一份超详细的 Sketch git 插件使用指南

    一份超详细的 Sketch git 插件使用指南

    2016-05-31
  • Sketch从入门到精通-Sketch3节点的模式运用

      在进行对图形的具体编辑的时候,会经常用到节点,或者叫点也可以。当你用钢笔画出一个图形的时候,然后回车一下,你就会发现有好多个节点组成了一条线,这个时候我们要对具体某个图形编辑的时候,就可以调节…

    2015-07-20
  • UserFlows一款能在Sketch画板生成流程图的插件

    UserFlows是一款能在Sketch中从画板生成流程图的插件。 定义链接 要定义两个画板之间的链接 - 选择一个图层和目标画板,然后运行定义链接命令(Cmd Shift K)。 添加条件逻辑 通过插件创建和管理条件,轻松显示条件…

    2016-12-08