elena
toutu
PxCook3.0,支持Win&Mac,支持PS和Sketch的自动标注切图,是一款设计师的效率工具?!巴献Ъ从谩焙汀耙患鳌钡挠押媒换ダ砟罟岽┦贾?。

 

什么是自动标注?

如上gif所示,设计师做完图后,一键拖拽到PxCook中,(可以在画板中手动加一些智能标注内容),然后导出的pxcp,程序员点击即可直接生成代码。这样一来,也就实现了自动标注,让设计师都省去标注了。而想用之前的智能标注的还可以继续使用,两种方式并存,适用多种情况。

智能标注

流畅易用的实际软件交互效果:

Px的智能标注是16年上线以来口碑最好的功能,3.0版保留了智能标注,还对画板进行了支持:

支持画板

小解释画板。PS自2015起就支持了画板,可以说是ui设计师最常用的分类/汇总功能(Sketch一直支持)。同时也是我们2个种子用户群呼声最高的一块

? 上图是Ps和Sketch的画板。以下,PxCoo3.0已经支持导入和分别显示画板了。?

PS导入:

直接将psd拖拽进来即可,勾选要导入哪些画板。

Sketch导入:通过插件上传

 

自动标注 : 直接生成代码

点击顶部的tab按钮能切换到开发模式,也就是省去设计师标注的自动标注模式。

在这一模式下,开发汉纸想要的CSS? XML? Objective-C? Swift? ReactNative 等前端代码可以点击直接生成。包括尺寸文字、阴影渐变、圆角等所有元素。

CSS 支持点击生成

XML 点击生成

OC 点击生成

Swift,Yes

ReactNative,支持ㄟ( ▔, ▔ )ㄏ

直接生成代码,也就是自动标注,至少每周为设计师和前端开发工程师节省数小时甚至更多的工作时间。

 

什么是项目?

项目是设计师方便管理标注的集合:某个psd/sketch中的某画板,某个单独.psd/.sketch,某个老的pxc格式文件,某些相关png和jgp……这些文件类型不同,但可能和某个界面、某个功能/版本相关,这些都可以整理到一个项目内。(下图

 

简单使用说明

1. 智能标注按钮在左侧边栏,包括:元素间的尺寸可以拖动直接生成、元素内间距也能一键生成、字体信息标注(字号字体颜色是否加粗等)一键流

2. 支持切图,标注切图,在PxCook中一起搞定。详细介绍请看切图教程http://www.ccopus.com/pxcook/qa#tab4

3. 以字体单位格式#Hex和ARGB举例,设计页的顶部可以调节标注属性。

4.?选择多种平台(单位)的设计稿标注:创建项目时选择

PxCook 3.0 获取途径:

http://www.ccopus.com/pxcook

Sketch的上传插件 获取途径:

http://www.ccopus.com/flavor

问题反馈与联系

任何问题反馈,欢迎来提(??`ω′?)

官方微博:@Fancynode

作者:PxCook像素大厨
链接:http://www.ccopus.com/pxcook

转载请注明:学UI网—UI设计师学习教程平台 » 最高效易用的自动标注工具 , PxCook 3.0

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.ccopus.com?”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.ccopus.com” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.ccopus.com” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.ccopus.com” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@ccopus.com,也可以找各个群的管理】

 
你可能喜欢的:
从iOS 11看怎样设计APP图标从iOS 11看怎样设计APP图标
设计师必备!人工智能时代的配色方案?。凵衿鳎?/span>
UI设计师设计思路的进阶之路UI设计师设计思路的进阶之路
八分钟了解未来的 UI 设计工具:InVison Studio八分钟了解未来的 UI 设计工具:InVison Studio
plotagraph创作湍流动画艺术plotagraph创作湍流动画艺术
iOS 11 vs 10: UI和交互全面对比分析iOS 11 vs 10: UI和交互全面对比分析
情感设计里了不起的小趣味情感设计里了不起的小趣味
Sketch47 新技能:支持设计师之间同步Symbol组件啦Sketch47 新技能:支持设计师之间同步Symbol组件啦
Principle案例教学小堂05-界面拖拽删除Principle案例教学小堂05-界面拖拽删除
Principle案例教学小堂04-功能开关变换Principle案例教学小堂04-功能开关变换
?