设计手记文章系列大纲
一、分析软件--思维导图(Xmind)介绍
二、素材收集、参考--花瓣网
三、原型软件--墨刀、Axure介绍
四、设计软件--PS、Ai介绍
五、标注软件--像素大厨介绍
六、其他工具介绍
正文
写在前面的话:作为设计和开发之间的桥梁,设计原型的标注是不可缺少的一部分,众多的标注工具中,有免费的,也有收费的,大家的使用感受都有所区别,今天给大家介绍一款免费(目前免费)的标注软件--像素大厨。(从刚开始没有自动代码生成的时候使用,直到现在,多画板支持,代码生成等优质的用户体验成为了我推荐它的理由),介绍下方附下载的链接,以及简单的安装教程。
像素大厨是什么?
像素大厨(PxCook):最高效易用的自动标注工具,设计研发利器,拥有以下功能
官网:http://www.fancynode.com.cn/pxcook
1)设计稿智能标注:通过拖拽点选,标注自动生成
专为设计师打造。只需轻轻点选,拖拽,就能生成想要的标注。设计稿文件更新,标注自动更新。
2)自动生成代码:高能的开发模式,点击即生成前端代码
超多平台语言现已支持:CSS,Android XML,Objective-C,Swift,ReactNative⋯⋯不断增加中!
这里需要转化到开发模式才能看到生成的代码,并且拖入像素大厨的文件要为设计源文件(psd类型的)。
3)项目分类管理:面对繁多设备类型、功能、版本,一招化繁为简、
项目制归类所有设计稿,画板,png或pxc标注文件。告别上百标注文件的杂乱,一切井然有序起来。
3)多平台支持:支持PC/Mac,支持PS/Sketch让设计师随心所欲。
无论你是用Windows,还是macOS。无论用Photoshop,还是用Sketch设计。统统都支持。
像素大厨安装步骤(Windows为例)
第一步:下载Adobe AIR插件
官网网址:https://get.adobe.com/cn/air/
第二步:安装Adobe AIR插件
直接打开安装
第三步:下载像素大厨
像素大厨官网网址:http://www.fancynode.com.cn/pxcook
第四步:安装像素大厨器(前提是安装好了Adobe AIR插件)
最后一步:注册账号开始使用
、
为了以后省事,直接搞个教程!!!欢迎大家吐槽,哈哈。。。
说明:本文中的图片来源与网络。