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

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

发表于: 设计工具. 评论 (9)
Sponsor

APP设计师们,你还在为繁琐枯燥的设计标注工作而烦恼、因为程序猿的设计还原不准而抓狂吗?今天给大家推荐一款UI设计师必备的UI自动标注工具——标你妹啊。

标你妹啊 UI设计标注工具

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

工具地址:http://www.biaonimeia.com

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

biaonimeia-1

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

biaonimeia-2

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

biaonimeia-3

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

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

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

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

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

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

• px单位自动转换dp/pt
数据单位值随意转换,不再担心程序猿白眼以待

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

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

工具名称:标你妹啊
工具类型:在线工具
网站地址:http://www.biaonimeia.com
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论9 Responses to “标你妹啊:UI设计师必备的自动标注工具”

  1. Fei菲 - 回复

    感觉8月8日升级完成之后各种出问题,准备弃了

  2. 孟洛 - 回复

    智能对象这个不能识别,用起来也有点麻烦

  3. 王宝辉 - 回复

    psd文件太大的话貌似就会发生解析失败的情况

  4. 王遥 - 回复

    经常会出现1dp误差的现象,怎么破

  5. 最后一口雪碧_Mandy - 回复

    感觉这个不是设计师用的,反而适合开发在做的时候用,要做哪个就标哪个,还可以复制颜色编码

  6. 不知子曰 - 回复

    还有就是 上一组模块 和下一组 的间距无法标注
    默认举例:白天模式 到铃声中间的灰色部分

  7. 不知子曰 - 回复

    如何 把单位切回px

  8. 小玉 - 回复

    怎样标注多个对象。。为什么只能标注一次。。。

  9. - 回复

    隐藏图层识别不出来,整体功能有点像zeplin。


{ 发表评论 }