恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Sketch 利器:简单三步,一「刀」切图
0.0°
2017-07-30 原创文章 教程 举报 6112 12 9 0

Image title


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

切图往往意味着:

1、选择图层

2、导出文件

3、设置文件大小

4、命名

5、选择文件打包压缩

6、邮件传输

当面临需求变更,以上六步再来一遍。

墨刀创始人兼首席码农张元一认为,重复的工作都是令人发指的,于是,我们为大家带来 墨刀  Sketch 插件 2.0——集切图与标注于一体的强大设计利器。

它将切图简化成三步:

1、切片标记

2、扔进墨刀

3、一键下载

不用导出文件,不用邮件传输,还能立即让开发拿到最新切图,一「刀」切图。

使用墨刀切图可以方便你:

1、减少沟通步骤:协作者可直接点击「开发者模式」,对切片素材进行自主下载;不必像传统模式下,经过下载-压缩打包-传输,中间又反复修改、传输的繁琐过程。

2、一键下载,自由挑选:可一键下载(x1、x2、x3)的素材压缩包;不必在 Sketch 里导出一个个不同大小的素材包

如果你第一次认识墨刀 Sketch 插件:

墨刀 Sketch 插件是墨刀团队为设计师开发的一款设计利器,让设计师可以在墨刀与 Sketch 之间无缝切换。

配合墨刀强大的工作流和交互设计功能,你可以将「产品交互文档.doc」、「标注设计稿.png」、「切图文件.zip」 打包成一个链接,让开发者直接从这个链接中获取设计稿的颜色、尺寸、坐标、间距等标注信息,页面切图文件,加速开发。

Image title

我们还在不断迭代成长:

1、快速导入及更新 Sketch 设计稿至墨刀 √

2、收集设计稿中参数信息,引入测距功能,开发者在原型上可查看所有控件参数——包括颜色、尺寸、边距等信息 ;引入切片素材下载功能 √

3、切图 css 文件下载

4、在插件中新建项目

5、保留分层数据,让设计师完成更精细化的交互原型

感谢大家对墨刀的厚爱,欢迎将此神器推荐给你的设计师朋友哦!

详细的使用教程和下载链接请点击:墨刀 Sketch v2.2 :新增切片素材下载

更新:2017-07-30

收藏

12人已收藏

墨刀_MockingBot

在线产品设计写作一体化平台

  • 494

    作品

  • 1448

    粉丝

  • 3

    关注

  • 产品经理和设计师谈恋爱,看得我比“老坛酸菜”还酸!
  • Figma”断供“后:墨刀能为中国企业做什么?
  • 产品经理干久了,有哪些后遗症?
  • 超实用的后台原型,产品大佬的摸鱼技巧都在这里!
相关标签

    猜你喜欢

      2017-07-30 原创文章 教程 举报 6112 12 9 0

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

      0.0°

      你确定要举报Sketch 利器:简单三步,一「刀」切图

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年07月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      12
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录