西西软件园多重安全检测下载网站、值得信赖的软件下载站!
软件
软件
文章
搜索

首页西西教程Apple(苹果) → sketch mac怎么切图 sketch mac切图基础教程

sketch mac怎么切图 sketch mac切图基础教程

相关软件相关文章发表评论 来源:西西教程网时间:2017/7/1 9:44:01字体大小:A-A+

作者:西西小熊点击:737次评论:0次标签: sketch

  • 类型:Mac图形图像大小:51.8M语言:英文 评分:10.0
  • 标签:
立即下载

sketch mac怎么切图?sketch mac切图基础教程。最近有使用Mac的用户询问不知道sketch mac怎么切图,那么想知道sketch mac怎么切图的伙伴,跟着小编一起来看看sketch mac切图基础教程,不要错过哦!

{insd m="0" i="523854"}

sketch mac切图基础教程:

先说说最基础的,在sketch中,一个项目的所有界面通常可以放在一个画布里,然后快捷键"A"创建画板Artboard.然后一个项目的缩略图就如下图所示。

一开始我是用640*1136为基础分辨率来做图的,发现那样需要一个项目ios+android需要输出至少4套

的切图。虽说sketch是纯矢量的,小图直接拖大不致于失真,但是开发贴图还原后总,往往会发现

iPhone6+的分辨率下跟iphone5分辨率下的效果差别有点大。

其实iphone6分辨率750*1334也是基于@2x(倍率)的,也就是说iphone6用的切图跟iphone5是可以

同一套的。知道这点很重要。

sketch里也有slice切图工具,但我一直没用习惯,而是在一个sketch文件中新建一个画布或另建一个

sketch文件。然后在画布里为每个图标、控件、背景图等分别画画板Artboard.

需要注意的是1、画板的背景色(background color)需要透明的。

2、点击export最右边的“+”图标,想输出几套切图点几下“+”。

如果是基于750*1334分辨率的,一般只需输出2套,1x跟1.5x。

3、选中需要输出的artboard,点最下面的export artboards即可批量输出所有需要的切图。


像素分辨率为1242*2208,放大模式分辨率为1125*2201,放大模式

分辨率刚好为iphone6的1.5倍,因此可以切1.5x的图为iphone6+使用。

同理,安卓的xhdpi(720*1280)为iphone6(750*1334)的0.96倍,严格来讲,需要为安卓xhdpi/

xxhdpi输出两套图。但是实际上,xhdpi用@2x的、xxhdpi用@3x的图是没问题的。

切图没那么难吧,在我看来,切图+标注不应该占用你工作时间1/10以上,如果有条件,请放弃用ps切图吧。

    相关评论

    阅读本文后您有什么感想? 已有人给出评价!

    • 8 喜欢喜欢
    • 3 顶
    • 1 难过难过
    • 5 囧
    • 3 围观围观
    • 2 无聊无聊

    发表评论

    昵称:
    表情: 高兴 可 汗 我不要 害羞 好 下下下 送花 屎 亲亲