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——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页、图标以及界面设计的最好方式。 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了。这篇…

    2016-01-06
  • Sketch从入门到精通 熟悉一下钢笔及各种基本图形的练习 免费版

    上一章节因为涉及到了画圆及各种图形,怕有的小伙伴还是不知道,就在这一章节里仔细的讲一遍,大家也可以更熟悉一下Insert有哪些更多工具有助于设计稿。 第一个是钢笔工具,快捷键是V,可以画出你想要的任意形状。…

    2015-07-03
  • sktch打造knob开关icon 附sketch破解下载!

    小编:今天带来的是由小乔分享的knob拟物小教程,对于想学习sketch小伙伴们或者已经在用的同学们 练习起来都是不错的选择,当然没有mac用photoshop也是可以能设计出来的哟,快来开动你们的脑筋和动手能力吧!(附sk…

    2015-12-23
  • 最火的Sketch 的开发商 Bohemian Coding 是怎样一个公司?

    TL;DR: Bohemian Coding 是一个高效务实而且懂得做产品的小团队。但也因为团队小开发实力有限主打产品 Sketch 仍存在不少问题。先从这个小公司的历史说起。Bohemian Coding 在 2008 年成立,主要专注于开发 Mac 软…

    2015-06-29
  • UE网出品:Sketch从入门到精通[免费精品课程] | 阿西UED&Smiler

    Sketch从入门到精通  讲师:阿西UED Smiler 参加时间:2015年6月24日 17:40 最后更新:2015年6月24日 17:40 适用人群: UI设计师、美工、视觉设计师、 对UI有兴趣的人。 简介 Sketch从入门到精通是由www.iamue.com …

    2015-06-25
  • 从零开始学Sketch——入门篇

    如果你是一枚交互设计师或者UI设计师,那么你一定知道Sketch这个强大的矢量设计软件;如果你用过Photoshop,那么在你接触了Sketch之后就能了解到这款产品相对于PS的优点,说不定会跟我一样变成一个Sketch的死忠粉。…

    2016-01-06
  • Sketch从入门到精通-Sketch3布尔运算

      在Sketch里面,如果你发现一些基本的图形都不适合你,你想组合或者用更多的图形时,这时候就离不开布尔运算。当然,如果钢笔工具用的熟练的话,用钢笔工具也可以画出自己想要的复杂图形,但有些时候我们其实…

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

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

    2018-04-18
  • Sketch 3.6的更新

    Sketch 3.6 带来了许多新的更新,终于盼来了文本渲染和SVG的改进,以及性能增强和bug修复。 固定基准 之前不一致的基线导致在设计的时候出现了很多问题,新的版本中当改变一个文本图层的字体和字体大小时,该图层出…

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

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

    2015-07-13