2019年将会是你全新起航的一年,相信你已经制定了很多规划,正在开启第一步的推动。
作为对UI设计师更大程度的支持,今天特意为你分享一款释放你双手的设计神器。让你可以把时间和精力投入到设计本身,这款神器为你解决设计最后“一公里”的技术对接。
你会遇到的问题
作为一名设计师,你是不是也发现,最烦恼的有时居然不是设计,而是完成最后一稿后的交付。切图和标注要花费太多的时间,一些切图工具又不够“智能”,真正的解放双手长路漫漫。最近发现了一个新大陆,1 款真正的设计神器,不仅仅是自动标注和切图~
这款神器就是iDoc
iDoc(设计师必备神器)是高效的产品协作神器,特色是“快”和“简单”,核心功能点包括:智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。支持上传PS,Sketch,Adobe XD三大设计工具的设计稿,以及原型图(Justinmind、Mockplus、Axure等)。
下面就让我们一起来看看这款神器的强大之处,希望能够带给你更多帮助。
智能标注,解放双手
基于PSD、Sketch 和 Adobe XD 文件的智能标注,自动识别距离,颜色,区域,字体信息等。
① 间距标注,鼠标移哪标哪
![](https://img.haomeiwen.com/i8650149/9018245fb3b50bda.gif)
② 尺寸智能标注
![](https://img.haomeiwen.com/i8650149/a53507a104ec29c5.gif)
③ 百分比标注,兼容多屏幕分辨率
![](https://img.haomeiwen.com/i8650149/bc7f0cda6210fa48.gif)
④ 多选标注,告别点击
![](https://img.haomeiwen.com/i8650149/7caaa43aaf7ea1f8.gif)
⑤ 放大镜,查看微小间距
![](https://img.haomeiwen.com/i8650149/a8b688dd28360796.gif)
智能切图,一步到位
iDoc一键上传和下载所有切图,可切换平台(iOS、Android、Web)和选择倍率,简单且快!
① 自动切图
![](https://img.haomeiwen.com/i8650149/4e3102d270928b97.gif)
② 自动生成不同高倍率
![](https://img.haomeiwen.com/i8650149/62f9d1be643536ae.gif)
③ 自由切换平台
![](https://img.haomeiwen.com/i8650149/f14aeceeedc330f5.png)
④ 下载全部
![](https://img.haomeiwen.com/i8650149/557ca3cc91460bff.png)
⑤ 自定切图尺寸
![](https://img.haomeiwen.com/i8650149/401b4ed77196c789.png)
不同分辨率的数值按照其倍率关系自动关联,输入一次,123倍图全搞定!
还可以选择切图的填充模式:居中或拉伸,非常便捷。
交互原型,动效迷人
谁说的UI设计师做不出逼格满满的交互原型呢?iDoc轻松搞定,开发一眼就能看懂!
① 绘制交互
![](https://img.haomeiwen.com/i8650149/6ae0a36e23b2f0b0.gif)
② 设置交互动画
![](https://img.haomeiwen.com/i8650149/24af10f6120f9ed7.gif)
③ 设置返回链接
![](https://img.haomeiwen.com/i8650149/0867ea2e4eed267e.gif)
④ 自动跳转
![](https://img.haomeiwen.com/i8650149/3aae3b197827b134.gif)
⑤ 克隆交互
![](https://img.haomeiwen.com/i8650149/0d7de1cf1315d813.gif)
⑥ 手势交互
![](https://img.haomeiwen.com/i8650149/3547fcaafcee72f8.png)
⑦ 双击图层创建交互选区
![](https://img.haomeiwen.com/i8650149/7001735a87ec963c.gif)
更多特色功能
① 全新状态图
状态图,即在一个页面中上传多个副本,保留不同的状态。
![](https://img.haomeiwen.com/i8650149/be36c42baa247c8a.gif)
② 评论等比例绘制
![](https://img.haomeiwen.com/i8650149/86d54b510d5f9dc1.png)
③ 文字批注
![](https://img.haomeiwen.com/i8650149/172d240f42949b53.png)
④ 文件夹、zip直接拖拽上传,自动解压
![](https://img.haomeiwen.com/i8650149/8332fe26649c7640.gif)
⑤ 评论可@成员,消息不遗漏
![](https://img.haomeiwen.com/i8650149/467b0277aba10c77.png)
还有更多黑科技,iDoc等你来撩,为了更好的体验iDoc,UI设计师一个人免费使用当然不够,摹客给你们的福利是——【免费升级到协作版】,不仅设计师可以用,你的产品团队,产品经理啊,工程师啊都可以加入进来协作,效率加速提升,快到没朋友!
免费体验 iDoc:https://idoc.mockplus.cn/idoc
福利
除了免费使用以外,大家也可以通过升级码 free 获得升级体验,感受更加高阶的功能体验。
第一步通过以下链接注册:
https://idoc.mockplus.cn/get-idoc
第二步输入升级码:free
希望iDoc能最大化的帮助你解决设计问题,让你不断地释放更多的时间和精力,投入到更有价值的研究上面。
网友评论