sketch画图标教程(sketch切图基础教程)

先说说最基础的,在sketch中,一个项目的所有界面通常可以放在一个画布里,然后快捷键"A"创建

画板Artboard.然后一个项目的缩略图就如下图所示。

sketch画图标教程(sketch切图基础教程)(1)

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

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

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

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

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

sketch画图标教程(sketch切图基础教程)(2)

这里的1.5x是怎么来的?

iPhone6 有两种显示模式,标准像素分辨率为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切图吧。

点个赞,下期写《原来标注只需一步》

第一次写教程,谢谢鼓励。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页