Sketch想必小伙伴们都已经用的挺熟悉的啦,在你的工作中,应该常常碰到各样切图尺寸大小的问题。陈踢缺er曾在设计App项目中也遇到过各种这样的问题,下面我来结合实际操作来分享给大家使用sketch如何更加快速完成你的切图工作,然后更安心的把剩余时间花在你的设计工作上。

小伙伴们的设计稿尺寸因为项目要求和开发人员协商等因素导致不同,一般的设计稿尺寸 苹果IOS的有 375*667750*1334 320*568 640*1136等等安卓的有 720*1280320*480480*8001080*1920等等

以下我只列出最常用的两种尺寸供大家参考为例。

iPhone一般要求导出@2x @3x切图即可安卓一般要求导出mdpi hdpi xhdpi xxhdpi xxxhdpi切图

基于你的设计方案尺寸导出其他尺寸切图,首先你要熟悉不同尺寸之间的换算倍数关系。

接下来是具体设置切图方案的步骤

Step1

点击顶部菜单栏的Sketch(就在苹果图标右边)—— Preferences

或者在画板上随便选择一个设计元素,然后点击界面右下角的Make Exportable

按如下图步骤也能打开切图方案选项卡

Step2

新建你想要的切图方案

切图方案设置的基本介绍(这是基于375px设计稿所设置的切图方案)

切图方案设置就可以是这样(这是基于750px设计稿所设置的切图方案)

刚开始可能头有点晕,我再来总结一下对应关系多看几遍就明白了(明白了你就一通百通,羽化成仙啦~)

所以,切图方案设置的关键点在于设计稿尺寸倍数关系的换算和你最终想要导出的切图尺寸两方面的考虑

如果明白了以上两点,同样的思路,安卓的切图尺寸方案设置也就撒撒水啦~

因此列出了关系换算表那么切图方案如何设置也就非常清晰了。

那么,我也不是针对谁…我只想说的是...还有什么切图比例不能导出呢?还有什么切图格式不能一键导出呢?

网页?Icon? Banner?统统滴全部搞定。真正的设置三分钟,装逼一辈子有木有!!!

然后接着还可以这样…

您可以随意设置切图种类/切图的前缀后缀/切图格式/切图方案名称,突然浮现出一个画面…

切图不仅仅是尺寸大小问题,特殊的切图还会遇到比如 统一大小icon切图,安卓的点9切图,分块切图,混合切图等情况。所以接下来后续还会告诉大家一些特殊的切图方法,当然,大前提还是要和程序猿哥哥们沟通好。

文章如果转载请署名作者名称

不明白的地方也可以文章留言或私信我,有空我会及时回复你,

其中可能会有不对的地方,欢迎大家留言纠正,与大家一起成长。

sketch android 切图,三分钟教你快速设置Sketch切图方案相关推荐

  1. 【产品实操】三分钟教你快速搭建字符识别CNN模型

    深度学习中最令人兴奋的领域之一就是计算机视觉.通过卷积神经网络CNN(Convolutional Neural Networks),我们已经能够创建自动驾驶系统.面部检测系统和自动医学图像分析等.但如 ...

  2. java给英雄加血,能给小兵加血的英雄你知道吗?三分钟教你快速入门!

    王者荣耀当中有很多英雄,每个英雄都有些自己独特的技能和特点.有的英雄天生自带复活甲,有的英雄天生自带暴击率,有的英雄天生可以给队友加血,今天我们来讲一个更奇葩的英雄,居然开局可以给小兵加血!今天我们就 ...

  3. 元件怎么反转_电气图纸怎么看?三分钟教你学会看懂,受用一生

    图纸一般用于设计方面,设计师绘制出图纸,我们再根据图纸进行操作,尤其是电气图纸,上面有很多符号,很难看懂,下面通过三分钟教你学会看懂电气图纸. 一.什么是电气图 用电气图形符号.带注释的围框或简化外形 ...

  4. python语言表白超炫图形_经验分享 篇二:三分钟教你用Excel制作各种尺寸、底色的证件照...

    经验分享 篇二:三分钟教你用Excel制作各种尺寸.底色的证件照 2018-12-29 07:00:00 654点赞 7174收藏 245评论 一.前言 继上一篇用PPT制作了证件照以后 有的值友反应 ...

  5. python什么工作好找女朋友_程序员,三分钟教你用 Python 帮你找一个女朋友

    原标题:程序员,三分钟教你用 Python 帮你找一个女朋友 什么是单身税? 单身税的历史可以追溯到2015年韩国的新政, 低生育率逼得韩国产生了这一政策. 现在我国也要实行这一政策, 很多单身狗就接 ...

  6. 三分钟教你快速选择机器视觉传感器

    点击上方"小白学视觉",选择加"星标"或"置顶" 重磅干货,第一时间送达 本文转自|新机器视觉 六招教您合理选择机器视觉传感器 传感器是一种 ...

  7. 入门必看 | 三分钟教你学会操作台式万用表

    入门必看 | 三分钟教你学会操作台式万用表 入门必看 | 三分钟教你学会操作台式万用表

  8. python程序加密_三分钟教你python自动化加密Word

    还在忧虑周五下班前,老板吩咐要给客户加密200个文件吗?工作到凌晨2点,还要把当日完成的10个文件加密,让人很发狂啊.想到一份份的文档要挨个打开并加密,就让人有一种想要die掉的996即视感. 三分钟 ...

  9. C#三分钟教你理解DataTable、Datarow、DataColumn的关系以及用法

    C#三分钟教你理解DataTable.Datarow.DataColumn的关系以及用法! 码字不易,点赞关注加收藏,谢谢各位看官老爷了!!!!. 码字不易,点赞关注加收藏,谢谢各位看官老爷了!!!! ...

最新文章

  1. 转: Android ListView 滑动背景为黑色的解决办法
  2. mysql选择table_mysql – 选择distinct table4_id,table3_id和table2_...
  3. [ACM]n a^o7 !
  4. Java笔记-JDK搭建WebService客户端其他调用方法
  5. 轻雨物联网解决方案:农业物联网的市场前景分析
  6. c# 开发window服务
  7. selenium使用send_keys()方法写中文报错的解决方法
  8. Linux 命令(115)—— rev 命令
  9. SpringBoot学习(二)——Spring的Java配置方式
  10. ARM交叉编译工具链安装和使用教程【图文并茂】
  11. 皮肤html代码大全,清新QQ空间免费皮肤代码大全(可用)
  12. 鸿蒙系统小窗模式,mate30pro升鸿蒙后小窗应用调不出来
  13. MIMO如何获得分集增益(2)
  14. Linux(一):概述及环境搭建
  15. 使用poi把Java对象转换成excel
  16. 去掉连接图片的虚线框
  17. 【转】HTML5斯诺克桌球俱乐部【译】
  18. 平面设计师职业技能证书有哪些?
  19. php代码转换工具,推荐几款格式化工具以及代码转换工具
  20. ZeroTier部署moon服务端以及配置客户端

热门文章

  1. Linux环境下(CentOS操作系统)如何修改MySQL数据库及Redis的密码?
  2. android webview 截图,android WebView 截取长图 《转载》
  3. java调度任务在项目中的应用
  4. 周鸿祎号称两年内拿下电视游戏50%份额
  5. AI绘画是艺术还是技术?AI绘画会让插画师集体失业?
  6. 记第一次训练出深度学习模型并成功预测结果
  7. 小米 OPPO 屏幕指纹识别技术都升级了,今年就能用到...
  8. 带你搞懂计算机网络知识点
  9. 项目实战:中小企业电脑系统批量装机
  10. 一代商圣胡雪岩 读书心得