美文网首页
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 利器:简单三步,一「刀」切图

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

  • sketch

    本篇笔记主要记录sketch的相关知识点。 如何切图今天想使用sketch进行切图,很简单,参考这篇blog 就可以了

  • 废话不多说,Sketch切图秒get!·

    PxCook x Sketch快速切图教程:休息不止,知识不停~?废话不多说,Sketch切图秒get! ● 打开...

  • miss Jiang

    To miss Jiang sketch插件 微信设计团队Sketch的工具集一键多尺寸切图假数据填充sketch...

  • sketch切图基础教程

    sketch切图基础教程 sketch切图效率是ps的几倍,几十倍。因为大部分公司没能给设(qie)计(tu)师(...

  • 实用干货:三分钟教你快速设置Sketch切图方案

    实用干货:三分钟教你快速设置Sketch切图方案 UI设计师你知道这个快速Sketch切图技巧吗?速度超乎你的想象...

  • Sketch自学路径分享

    Sketch相比PS要简单很多,使用上跟Axure一样易用。Sketch具有非常丰厚的产品线框图、布局图、设计图素...

  • Sketch如何切图

    1、选中需要切图的icon所有元件,建组 2、在组中的最上层新建一个切片 3、在右侧功能区选择 export gr...

  • sketch快速切图

  • Sketch Measure for Mac 2.8.1 中文版

    下载地址:风云社区 Sketch Measure 是一款Sketch自动输出标注和切图插件,这款插件可以帮你轻松标...

网友评论

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

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