美文网首页
Sketch 利器:简单三步,一「刀」切图

Sketch 利器:简单三步,一「刀」切图

作者: b71abc341dbc | 来源:发表于2017-07-30 11:46 被阅读452次

    规范的切图会帮助开发人员理解设计师意图、提高代码效率、减少返工。但对于设计师来说,切图可以说是工作中最繁琐和重复的部分了。

    切图往往意味着:

    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 :新增切片素材下载

    相关文章

      网友评论

          本文标题:Sketch 利器:简单三步,一「刀」切图

          本文链接:https://www.haomeiwen.com/subject/fabhlxtx.html