随着移动互联网的快速发展,用户的需求也在不断地增大,这对产品经理还有设计师的考验是越来越大。市场环境的变化让我们深信为快不破,但是一个产品的产出需要各个环节的紧密配合,但往往在产品输出过程中,由于分工不明确导致的形形色色的问题,其中的一大痛点就是产品经理,设计师和工程师之间面临着协作难,工作效率低的问题。以前,设计师需要一遍遍的手动切图配合工程师一次次的改图,如今借助着万能的sketch标注插件,提前下班再不是梦!!

产品经理和设计师这一份被誉为“高危”职业的工作,加班,掉发抠头皮是常有的事;不但要面临甲方爸爸的纠缠,和程序员之间的矛盾也变本加厉。熟悉产品的人可能会经常看到UI设计师和工程师之间的撕逼大战。设计师需要一遍遍的手动进行标注不说,但难免也会有错标和漏标的时候,结果还得被程序员一次次的催着修改,整个过程耗费了大量的时间不说,整个人也是弄得心力交瘁。

所以设计师产品经理和程序员之间需要一个沟通桥梁来更好的帮助他们提升协作的效率。效率就意味着金钱,我们需要更快一点,打破以往的模式,去掉中间因为沟通、调整、重做的环节而造成设计师不必要的损失,直接让工程师,产品经理和设计师对话。

摹客iDoc应运而生,一款为设计师量身打造的支持智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理的协作平台。通过摹客iDoc Sketch标注插件,设计师仅需要简单的几步即可实现智能标注和一键切图,再也不用因为错标漏标而被攻城狮追着改图啦。

想必设计师都非常清楚传统的切图方法有多么耗费时间,如果有一款智能切图工具摆在面前,为什么不用呢? 通过这款智能sketch标注插件设计师再也不用一遍遍地手动给设计稿做标注,也不用在管理切图文件了,设计稿一有更新通知一声就好,不用更新一次就发一次设计图给相关人员(产品、开发、甲方)了。更重要的是工程师也能像设计师一样轻松掌握切图技能。而在摹客iDoc Sketch标注插件中,切图只需要简单几步! 下面就来教教大家sketch怎么标注和切图。

Step 1:安装并打开Sketch插件。

在摹客官网(https://idoc.mockplus.cn/download)下载摹客iDoc Sketch插件安装文件并点击进行安装。插件安装好后打开Sketch,在「Plugins插件」中找到摹客 iDoc 插件,选择并打开。

Step 2:注册和登录

在Sketch插件中使用摹客平台账号(在Mockplus、摹客 iDoc 上通用)即可登录。

Step 3:上传切图

Sketch插件中选中需要切图的图层或编组,点击Sketch 右下角的Make Exportable右侧的加号便可完成切图标记,无需再设置多种切图倍率,iDoc将自动生成不同倍率的切图。

PS:根据不同需求,设计师把设计稿导入到摹客iDoc后,可下载各种倍率的切图,方便适配各种平台,比如:IOS @1×、@2×、@3×;Android mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi;Web @1×、@2×等;也支持PNG及SVG格式。

点击下拉框选择设计稿所属的项目

点击上传所选或全部上传便会将设计稿资源一键上传至iDoc,设计师和开发便可登录摹客iDoc查看标注与下载切图等。

虽然市面上有很多Sketch标注插件,但摹客iDoc无疑是最贴心的一款。比起其他Sketch标注插件,摹客iDoc为什么更胜一筹呢?跟小编来看看这些特色功能就知道啦。

1. 智能标注

将Sketch或者PS中做的设计原稿上传到摹客iDoc后,便可轻松查看智能标注,显示百分比标注,并且一次还可选择多个图层;此外,还可以导出各种样式的代码。

2. 一键查找相同

摹客iDoc支持一键查找页面中的任何相同的元素(如文本、颜色、边距、宽度等),一键查找,省时省力。

3. 放大镜功能

设计稿太多太杂乱,标注看不清?别担心,iDoc中支持放大镜功能,局部放大标注信息,而且还可以随意曾大倍数,这个功能是不是很贴心呢?

以上就是小编分享的一款非常实用的Sketch标注插件,仅展示部分,更多的特色功能等你来发现!马上下载摹客iDoc,体验吧!

设计师别浪费时间啦,快来试试这款Sketch标注插件吧的更多相关文章

  1. 没有产品,没有用户的,绝对不要浪费时间去联系风投——没有过home run的创业人,想办法先做出产品,找到少量用户,没有任何销售成本

    著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处.作者:Kuan Huang链接:http://www.zhihu.com/question/19641135/answer/1353 ...

  2. 设计师和开发人员更快完成工作需求的20个惊人的jqury插件教程(上)

    [转] 设计师和开发人员更快完成工作需求的20个惊人的jqury插件教程(上) jquery的功能总是那么的强大,用他可以开发任何web和移动框架,在浏览器市场,他一直是占有重要的份额,今天,就给大家 ...

  3. 设计糟糕的 RESTful API 就是在浪费时间!

    现在微服务真是火的一塌糊涂.大街小巷,逢人必谈微服务,各路大神纷纷忙着把自家的单体服务拆解成多个Web微小服务.而作为微服务之间通信的桥梁,Web API的设计就显得非常重要. HTTP是目前互联网使 ...

  4. 你给文字描述,AI艺术作画,精美无比!附源码,快来试试!

    作者:韩信子@ShowMeAI 深度学习实战系列:https://www.showmeai.tech/tutorials/42 TensorFlow 实战系列:https://www.showmeai ...

  5. 15款Chrome浏览器插件让设计师告别拖延症

    秋高气爽,分享一大波有效帮助设计师提高工作效率的Chrome浏览器扩展程序! 高效是另一种王道 无论是在工作中,还是在生活中,有些词我们说来就满满正能量,而另外一些话提起就很沮丧,后者如拖延症,前者如 ...

  6. 写文档太麻烦,试试这款 IDEA 插件吧!

    前言 每次开发完新项目或者新接口功能等,第一件事就是提供接口文档.说到接口文档,当然是用 Markdown 了.各种复制粘贴字段,必填非必填,字段备注,请求返回示例等等.简直是浪费时间哇.所以想到了开 ...

  7. 【漫画】读写锁ReadWriteLock还是不够快?再试试StampedLock!

    本文来源于公众号[胖滚猪学编程] 转载请注明出处! 在互斥锁ReentrantLock不好用?试试读写锁ReadWriteLock一文中,我们对比了互斥锁ReentrantLock和读写锁ReadWr ...

  8. python爬虫16 | 你,快去试试用多进程的方式重新去爬取豆瓣上的电影

    我们在之前的文章谈到了高效爬虫 在 python 中 多线程下的 GIL 锁会让多线程显得有点鸡肋 特别是在 CPU 密集型的代码下 多线程被 GIL 锁搞得效率不高 特别是对于多核的 CPU 来说 ...

  9. 推荐一个适用于SpringBoot项目的轻量级HTTP客户端框架,快来试试它!

    在SpringBoot项目直接使用okhttp.httpClient或者RestTemplate发起HTTP请求,既繁琐又不方便统一管理.因此,在这里推荐一个适用于SpringBoot项目的轻量级HT ...

随机推荐

  1. 用R画韦恩图

    #导入R包 library(grid)library(futile.logger)library(VennDiagram) #建立测试数据集 A = 1:150B = c(121:170,300:32 ...

  2. git 使用说明

    git使用的一些说明 关于新用户1. 到优居客群里下载git客户端2. 安装之后打开git bash3. 生成密钥,执行如下命令:    ssh-keygen -t rsa -C "你的邮箱 ...

  3. 针对SO交期回写的工厂日历功能调整

    针对所有SO回写的交期,在最终写入SAP系统时,如果交期落在周日的,则自动往后延迟一天到周一,前期已经开发的长节假日UI维护的功能不变(按照UI的开始和结束时间跳过此段时间不规划). 当加1天时落在国 ...

  4. JMeter学习(二十九)自动化badboy脚本开发技术(转载)

    转载自 http://www.cnblogs.com/yangxia-test 一般人用badboy都是使用它的录制功能,其它badboy还是一款自动化的工具,它可以实现检查点.参数化.迭代.并发.报 ...

  5. Redis集群架构【转载】

    Redis 集群的 TCP 端口(Redis Cluster TCP ports) 每个 Redis 集群节点需要两个 TCP 连接打开.正常的 TCP 端口用来服务客户端,例如 6379,加 100 ...

  6. 如何修改Eclipse的 workspace目录

    Eclipse是一款很强的Java IDE, eclipse ide for eclipse committers 这里的committers 就是投稿者与执行者的意思,也就是说这个eclipse是为 ...

  7. Android 性能测试之内存 --- 追加腾讯性能案例,安卓抓取性能扫盲帖

    内存测试: 思路 目前做的是酒店APP,另下载安装几个个第三方酒店的APP以方便对比(相当于可以做竞品测试) 数据的获取来源是ADB底层命令,而且最好是不需要root权限,因为很多手机root很麻烦或 ...

  8. PHP抽象方法、抽象类以及接口

     1.什么是抽象方法?    我们在类里面定义的没有方法提的方法就是抽象方法.所谓的没有方法体指的是,在声明的时候没有大括号以及其中的内容,而是直接在声明时在方法名后加上分号结束,另外在声明抽象方法时 ...

  9. The following packages have unmet dependencies错误

    当出现类似这类错误: The following packages have unmet dependencies: python-dev : Depends: python (= 2.7.5-5ub ...

  10. iOS 开发实用工具

    史蒂芬的博客 (各种软件) http://www.sdifen.com/ 产品原型设计工具 -- 1.墨刀 2.Axure RP 检测接口工具 ---- 1.Charles 2. postman607 ...