Sketch使用注意事项(超赞!)

sketch 笔记:

sketch 750做2倍尺寸

用Marketch  切片输出1x 和  2x  然后把2x缩成1.5x

————————————————————————

1、 找到界面里需要切图的地方,选择切片工具或者快捷键s,并把切片的虚框和对应要切片的图层放到一个组。然后选中切片的虚框,在右上角的切片属性里设置切片 大小并选中export group contents only,这一步很重要,不然到时候开发导出的切图会有背景。

2、切图的图标没有点击态?

答:方法一:可以在单个文件下面加长一条,新增一些图标点击态;方法二:建立一个设计规范,把整个app的图标控件整理,方便开发统一调用(楼主用的是这个)。

3、为什么切片的预览图和实际导出的图不一样,而且尺寸大小不一致?

答:切片一定要放在图片的上方且切片命名不要重复,图片的XY轴位置不能出现小数点。

4.多套icon同时输出。

1、IOS图标需求:

@2x二倍图标用于iPhone6Plus以下的设备;

@3x三倍图标用于iPhone6Plus。

2、Android图标需求,Android主流分辨率有以下3种:

@1x一倍图标用于hdpi 800*480px;

@2x二倍图标用于xdpi 720*1280px;

@3x三倍图标用于xxdpi 1080*1920px。

5、

第二步:导出Icon

选择所有画板,点击右下角[+]加号,添加@2x、@3x。(如果设计图本身就是二倍图,那么就添加@1x、@1.5x)。点击[Export Artboards]导出即可,建议导出到一个独立的文件夹中,或者导出前新建一个文件夹。不然结果会被吓到!

6.

第一点:设计尺寸和资源的比例

sketch的切图首先要明确你是在用什么尺寸进行设计,这个关系到导出图片的倍数。

如果设计尺寸是375x667pt,那么导出的资源尺寸倍数,1倍,2倍,3倍。(推荐使用这个尺寸)。

如果设计尺寸是750x1334px,那么导出的资源尺寸倍数,0.5,1倍,1.5倍。(某些设计师喜欢这个尺寸)。

第二点:切图大小和资源的关系

方法一:图层直接切图,切图效果仅生成内容尺寸。

如果你的设计尺寸是20x20pt,而内容尺寸是18x16pt,那导出的尺寸为18x16pt。

方法二:使用切图工具进行框选切图。

切刀工具会自动吸附到外框,点击后依然会切到内容尺寸,需要手动调整到期望尺寸。

(通常我们需要切透明 .png,这时候可以将切片内容和切片图层,成组。成组后可以选中切片图层,并勾选仅导出内容。即可倒出透明资源)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,874评论 6 479
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,151评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,270评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,137评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,116评论 5 370
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,935评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,261评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,895评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,342评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,854评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,978评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,609评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,181评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,182评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,402评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,376评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,677评论 2 344

推荐阅读更多精彩内容