最高效易用的自動標注工具 , PxCook 3.0

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中一起搞定。詳細介紹請看切圖教程

3. 以字體單位格式#Hex和ARGB舉例,設計頁的頂部可以調節標注屬性。

4. 選擇多種平臺(單位)的設計稿標注:創建項目時選擇

PxCook 3.0 獲取途徑:


Sketch的上傳插件 獲取途徑:


問題反饋與聯系

任何問題反饋,歡迎來提(??`ω′?)

官方微博:

作者:PxCook像素大廚
鏈接:

來源:學UI網

上一篇: 打造優秀語音交互體驗的設計建議

下一篇: 以手機淘寶為例,看原型圖易缺失的交互場景

分享到: 更多
快三技巧规律表格 大乐透有什么规律 北京pk10计划官网 安卓麻将 北京赛车滚雪球计划软件 打印软件免费版 精准36码中特免费资料 手机棋牌游戏龙虎 牛牛什么牌抢庄 快3双大小技巧 福利彩票p62今晚开奖结果 pk10 45678套路 腾讯分分彩龙虎合规律 幸运飞艇计划滚雪球 第五名时时彩计划稳定版 二人麻将规则及图解