规范的切图会帮助开发人员理解设计师意图、提高代码效率、减少返工。但对于设计师来说,切图可以说是工作中最繁琐和重复的部分了。
切图往往意味着:
1、选择图层
2、导出文件
3、设置文件大小
4、命名
5、选择文件打包压缩
6、邮件传输
当面临需求变更,以上六步再来一遍。
墨刀创始人兼首席码农张元一认为,重复的工作都是令人发指的,于是,我们为大家带来 墨刀 Sketch 插件 2.0——集切图与标注于一体的强大设计利器。
它将切图简化成三步:
1、切片标记
2、扔进墨刀
3、一键下载
不用导出文件,不用邮件传输,还能立即让开发拿到最新切图,一「刀」切图。
使用墨刀切图可以方便你:
1、减少沟通步骤:协作者可直接点击「开发者模式」,对切片素材进行自主下载;不必像传统模式下,经过下载-压缩打包-传输,中间又反复修改、传输的繁琐过程。
2、一键下载,自由挑选:可一键下载(x1、x2、x3)的素材压缩包;不必在 Sketch 里导出一个个不同大小的素材包
如果你第一次认识墨刀 Sketch 插件:
墨刀 Sketch 插件是墨刀团队为设计师开发的一款设计利器,让设计师可以在墨刀与 Sketch 之间无缝切换。
配合墨刀强大的工作流和交互设计功能,你可以将「产品交互文档.doc」、「标注设计稿.png」、「切图文件.zip」 打包成一个链接,让开发者直接从这个链接中获取设计稿的颜色、尺寸、坐标、间距等标注信息,页面切图文件,加速开发。
我们还在不断迭代成长:
1、快速导入及更新 Sketch 设计稿至墨刀 √
2、收集设计稿中参数信息,引入测距功能,开发者在原型上可查看所有控件参数——包括颜色、尺寸、边距等信息 ;引入切片素材下载功能 √
3、切图 css 文件下载
4、在插件中新建项目
5、保留分层数据,让设计师完成更精细化的交互原型
感谢大家对墨刀的厚爱,欢迎将此神器推荐给你的设计师朋友哦!
详细的使用教程和下载链接请点击:墨刀 Sketch v2.2 :新增切片素材下载
网友评论