设计师别浪费时间啦,快来试试这款Sketch标注插件吧
随着移动互联网的快速发展,用户的需求也在不断地增大,这对产品经理还有设计师的考验是越来越大。市场环境的变化让我们深信为快不破,但是一个产品的产出需要各个环节的紧密配合,但往往在产品输出过程中,由于分工不明确导致的形形色色的问题,其中的一大痛点就是产品经理,设计师和工程师之间面临着协作难,工作效率低的问题。以前,设计师需要一遍遍的手动切图配合工程师一次次的改图,如今借助着万能的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标注插件吧的更多相关文章
- 没有产品,没有用户的,绝对不要浪费时间去联系风投——没有过home run的创业人,想办法先做出产品,找到少量用户,没有任何销售成本
著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处.作者:Kuan Huang链接:http://www.zhihu.com/question/19641135/answer/1353 ...
- 设计师和开发人员更快完成工作需求的20个惊人的jqury插件教程(上)
[转] 设计师和开发人员更快完成工作需求的20个惊人的jqury插件教程(上) jquery的功能总是那么的强大,用他可以开发任何web和移动框架,在浏览器市场,他一直是占有重要的份额,今天,就给大家 ...
- 设计糟糕的 RESTful API 就是在浪费时间!
现在微服务真是火的一塌糊涂.大街小巷,逢人必谈微服务,各路大神纷纷忙着把自家的单体服务拆解成多个Web微小服务.而作为微服务之间通信的桥梁,Web API的设计就显得非常重要. HTTP是目前互联网使 ...
- 你给文字描述,AI艺术作画,精美无比!附源码,快来试试!
作者:韩信子@ShowMeAI 深度学习实战系列:https://www.showmeai.tech/tutorials/42 TensorFlow 实战系列:https://www.showmeai ...
- 15款Chrome浏览器插件让设计师告别拖延症
秋高气爽,分享一大波有效帮助设计师提高工作效率的Chrome浏览器扩展程序! 高效是另一种王道 无论是在工作中,还是在生活中,有些词我们说来就满满正能量,而另外一些话提起就很沮丧,后者如拖延症,前者如 ...
- 写文档太麻烦,试试这款 IDEA 插件吧!
前言 每次开发完新项目或者新接口功能等,第一件事就是提供接口文档.说到接口文档,当然是用 Markdown 了.各种复制粘贴字段,必填非必填,字段备注,请求返回示例等等.简直是浪费时间哇.所以想到了开 ...
- 【漫画】读写锁ReadWriteLock还是不够快?再试试StampedLock!
本文来源于公众号[胖滚猪学编程] 转载请注明出处! 在互斥锁ReentrantLock不好用?试试读写锁ReadWriteLock一文中,我们对比了互斥锁ReentrantLock和读写锁ReadWr ...
- python爬虫16 | 你,快去试试用多进程的方式重新去爬取豆瓣上的电影
我们在之前的文章谈到了高效爬虫 在 python 中 多线程下的 GIL 锁会让多线程显得有点鸡肋 特别是在 CPU 密集型的代码下 多线程被 GIL 锁搞得效率不高 特别是对于多核的 CPU 来说 ...
- 推荐一个适用于SpringBoot项目的轻量级HTTP客户端框架,快来试试它!
在SpringBoot项目直接使用okhttp.httpClient或者RestTemplate发起HTTP请求,既繁琐又不方便统一管理.因此,在这里推荐一个适用于SpringBoot项目的轻量级HT ...
随机推荐
- xlwt使用
xlwt引入xlwt,import xlwt 新建工作簿,xlsx = xlwt.Workbook( encoding="utf-8" ),参数:设置编码为utf-8 添加工作表, ...
- Using Fetch
[Using Fetch] This kind of functionality was previously achieved using XMLHttpRequest. Fetch provide ...
- EasyUI值的清空与获取
清空: 一般值 $("#searchx").val(""); 时间选择框 $('#starttime').datetimebox('setValue', '') ...
- jstorm集成kafka
本人是spark的拥趸,因为工作中需要用到jstorm,作记录如下. pom.xml <dependencies> <dependency> <groupId>co ...
- Python基础之字典操作
字典 字典的优点: dict key 必须是不可变数据类型,可哈希, value:任意数据类型. dict 优点:二分查找去查询 存储大量的关系型数据 特点:无序的(指的是不可人为的去改变顺序) 数据 ...
- js keycode
参考 https://www.cnblogs.com/daysme/p/6272570.html
- 【Spider】使用命令行启动时,能正常抓取,但是在pycharm直接运行不能保存数据
通过cmd 运行命令scrapy crawl [爬虫名称]可以正常运行,并把数据保存到json文件和下载爬取的图片 但是在项目的spiders目录下的 firstTestSpider.py文件里添加: ...
- leetcode 树类型题
树的测试框架: // leetcodeTree.cpp : 定义控制台应用程序的入口点. // #include "stdafx.h" #include <iostream& ...
- 构造,析构 cpp
一 构造析构常识: 1,c++ 处理类,若没有声明,则编译器默认声明构造,拷贝赋值,拷贝构造,析构函数.所有这些函数都是public且inline的. 2,编译器产出的析构函数是非虚函数.(non-v ...
- mysql学习2:模糊匹配查询like,regexp,in
mysql模糊匹配查询like,regexp,in 摘要 内容比较简单,无摘要. 关键词 模糊查询 like regexp in contact 正文 下图是示例用到的数据表信息 ...