UI设计师必备的自动标注工具 - 标你妹啊

设计经验 ·  互联网  · 0 评论

这是一款云端、一键自动完成所有标注数据的自动标注工具。Photoshop的设计师从此可以真正体验到自动化标注的高效便捷 !

点击访问

作为一名APP的UI设计师应该都品尝过各种低技术含量、重复性工作之苦吧。在有限的时间内,完成UI设计高保真设计图后,并不意味着设计师在整个项目中的工作已经完成了。其后续还有很多如设计规范制定、交互设计说明撰写、动效说明、设计图标注等工作等待着设计师去完成。

 

UI设计师必备的自动标注工具 - 标你妹啊

高效的设计标注十分重要,它可以完美的配合衔接设计师和客户端开发工程师之间的工作。一个好的设计标注是APP设计还原的有效保证。假设一个APP的设计有20个页面左右,采用手工设计标注,那标注工作就会占用设计师大量的宝贵时间;如果客户端开发工程师又分为iOS端和安卓端,设计师甚至还需要标注iOS和安卓2套尺寸以配合不同终端开发的标注需要。

 

UI设计师必备的自动标注工具 - 标你妹啊

 

 

为了能让更多设计师体会到新工具,新设计流程带来的高效率,我们发布了这样一款轻量级的,基于photoshop流程的云端自动标注工具,这是一款基于浏览器使用的完全自动化的设计标注工具,只需您选择想要标注的psd设计稿,云端程序将自动分析psd的图层数据信息,并实时生成设计文件中UI元素标注。

UI设计师必备的自动标注工具 - 标你妹啊

“标你妹啊”不同于markman等传统标注工具,无需设计师安装基于air等跨平台的插件安装包,只需要通过浏览器即可随时使用,无需担心更换不同电脑,而带来的不便。

“标你妹啊”具备以下特性:

• 标注元素宽高

选中元素,即显示元素的宽度与高度。无需您在元素上下拖拽画出数据标注

• 标注元素间距

选中元素,鼠标悬停到其他元素,即可获得之间的间距。

• 标注字体样式

选择文字,字体颜色、大小、名称等信息一览无余。

• 获取颜色值

想获取设计界面中某一颜色,只需吸管工具,轻松获取

• px单位自动转换dp/pt

数据单位值随意转换,不再担心程序猿白眼以待

• 适配分辨率自动识别

自动判断识别您设计的分辨率,自动适配设备分辨率单位值,2x、3x、4x通通搞定

我们相信,好的设计工具和设计流程,可以有效提升设计师的工作效率。这是一个分秒必争的时代,效率的提升,时间的节省,就意味着您的产品迭代将更快,成功的几率也就越大,进而为我们服务的用户、公司创造更多的价值!

设计交流群

软件使用、安装、下载等任何问题,欢迎加入「素材集市」设计交流群,一起探讨学习。