成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

下個(gè)時(shí)代的前端研發(fā)，效率還能提升。PxCook 3.0，最高效的設(shè)計(jì)研發(fā)利器

marek / 3616人閱讀

摘要：相比于之前更加高效，易用。同時(shí)也是我們個(gè)種子用戶群呼聲最高的。首先的調(diào)整就是把智能標(biāo)注的圖標(biāo)放在了左側(cè)，體現(xiàn)從屬關(guān)系。戲太足的開(kāi)發(fā)小隊(duì)設(shè)計(jì)的初衷，是在不打擾設(shè)計(jì)師的前提下，提供完整的項(xiàng)目管理與呼聲最高的畫(huà)板功能。

這世上哪有什么天才，有的人只是把大家設(shè)計(jì)標(biāo)注、寫(xiě)前端的時(shí)間拿來(lái)喝咖啡，和思考罷了

PxCook 3.0是什么

設(shè)計(jì)師一鍵拖拽上傳，可智能標(biāo)注，支持畫(huà)板、項(xiàng)目。做完后導(dǎo)出的pxcp 程序員點(diǎn)擊即可生成css xml swift objective-c還有ReactNative的代碼了。

字多不看求圖

（走心要聽(tīng)：
作為一個(gè)深耕設(shè)計(jì)師軟件的團(tuán)隊(duì)。這次3.0版本。相比于之前更加高效，易用。依然支持 Win & Mac ，并且是支持PS和Sketch的全平臺(tái)工具。
“拖拽即用”和“一鍵流”的理念我想互聯(lián)網(wǎng)行業(yè)的都明白它的易用性的含義。這不但體現(xiàn)在設(shè)計(jì)稿導(dǎo)入上，智能標(biāo)注和生成代碼也是一樣。

開(kāi)發(fā)模式 : 直接生成代碼

點(diǎn)擊頂部的tab按鈕能切換到程序猿模式

在這一模式下，拖拽進(jìn)來(lái)的psd和上傳的sketch可以通過(guò)點(diǎn)擊直接生成CSS XML Objective-C Swift ReactNative 等前端代碼。
包括多種開(kāi)發(fā)語(yǔ)言下的尺寸文字、陰影漸變等所有元素。

CSS 支持點(diǎn)擊生成

XML 點(diǎn)擊生成 yes yes

OC 點(diǎn)擊生成，three yeses

Swift，Yes！Taylor No``

ReactNative，生成支持ㄟ( ▔, ▔ )ㄏ

直接生成代碼至少每周為團(tuán)隊(duì)節(jié)省數(shù)小時(shí)甚至更多的工作時(shí)間。

對(duì)項(xiàng)目的支持

什么是項(xiàng)目？
(/ω＼)~項(xiàng)目是個(gè)方便設(shè)計(jì)管理標(biāo)注的雜貨箱，某個(gè)psd/sketch中的某一個(gè)畫(huà)板，某個(gè)沒(méi)有畫(huà)板的多帶帶psd/sketch，某個(gè)老的pxc格式文件或某個(gè)和文件沒(méi)有關(guān)聯(lián)的多帶帶標(biāo)注png……這些文件類型不同，但是可能和某個(gè)界面或某個(gè)功能、版本相關(guān)，這些都可以整理到一個(gè)項(xiàng)目內(nèi)。


項(xiàng)目列表展示

智能標(biāo)注

流暢的智能標(biāo)注是2016年上線以來(lái)口碑最好的功能，他的易用性體現(xiàn)在對(duì)于設(shè)計(jì)師的交互簡(jiǎn)單

這回的大版本保留了智能標(biāo)注，并增加了畫(huà)板的支持。

畫(huà)板支持

小解釋畫(huà)板是個(gè)什么。PS自2015起推出了畫(huà)板功能，可以說(shuō)是ui設(shè)計(jì)師最常用的分類/匯總功能（Sketch一直支持）。同時(shí)也是我們2個(gè)種子用戶群呼聲最高的。

? 上圖是Ps和Sketch的畫(huà)板
（而以下，PxCook3.0已經(jīng)支持導(dǎo)入和分別顯示畫(huà)板了。?

PS拖入：直接將psd拖拽進(jìn)來(lái)即可，記得要勾選要導(dǎo)入哪些畫(huà)板喲。

Sketch導(dǎo)入：通過(guò)插件快速上傳

角色切換 — 設(shè)計(jì)師模式

首先介紹以下開(kāi)發(fā)和設(shè)計(jì)師的模式區(qū)分

PxCook3.0可以通過(guò)的頂部tab切換角色——設(shè)計(jì)和開(kāi)發(fā)兩個(gè)角色。

設(shè)計(jì)模式下可以標(biāo)注。無(wú)論是交互友好的智能標(biāo)注還是手動(dòng)加距離/文字/坐標(biāo)都是可以的。

它主要包括：

元素間的尺寸可以拖動(dòng)直接生成

元素內(nèi)間距也能一鍵生成

字體信息標(biāo)注（字號(hào)字體顏色是否加粗等）一鍵流

……

設(shè)計(jì)師想要的，PxCook基本都想了， 畢竟用戶反饋收集是一直在做的。

UI的調(diào)整

每次的UI調(diào)整，我們都愿意展開(kāi)講
因?yàn)榻缑媸切枰サ?，就像所有曾出現(xiàn)過(guò)的設(shè)計(jì)一樣。因?yàn)榄h(huán)境在變，人也隨著思考。


首先的調(diào)整就是把智能標(biāo)注的圖標(biāo)放在了左側(cè)，體現(xiàn)從屬關(guān)系。


切圖也放在頂部更明顯的位置。


還有字體單位的選擇移到了設(shè)計(jì)頁(yè)和項(xiàng)目頁(yè)頂部，#Hex和ARGB等。

戲太足的開(kāi)發(fā)小隊(duì)：

“ PxCook 3.0設(shè)計(jì)的初衷，是在不打擾設(shè)計(jì)師的前提下，提供完整的項(xiàng)目管理與呼聲最高的畫(huà)板功能。并提供給程序智能開(kāi)發(fā)模式 ~
從兩個(gè)用戶群的反饋來(lái)看，還不錯(cuò)還不錯(cuò)~我們也在做著下一步功能。
在路上 =] ”

PxCook 3.0 獲取途徑：
前往官網(wǎng)下載：http://www.fancynode.com.cn/p...
我們也會(huì)定期在公眾號(hào)：PxCook 發(fā)布其他效率工具與日常更新

Sketch上傳插件 獲取途徑：
前往官網(wǎng)：http://www.fancynode.com.cn/f...
其實(shí)這個(gè)插件也是個(gè)大殺器，對(duì)效率提升也非常之大叫作Flavor Flavor - Sketch插件味增，給你的設(shè)計(jì)加點(diǎn)料

?問(wèn)題反饋與聯(lián)系

任何問(wèn)題反饋歡迎來(lái)提(??`ω′?)
官方微博：@Fancynode
qq用戶群：661255798

?

?

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/70339.html

相關(guān)文章

  • 下個(gè)時(shí)代的前端研發(fā)，效率還能提升。PxCook 3.0，最高效的設(shè)計(jì)研發(fā)利器

    摘要：相比于之前更加高效，易用。同時(shí)也是我們個(gè)種子用戶群呼聲最高的。首先的調(diào)整就是把智能標(biāo)注的圖標(biāo)放在了左側(cè)，體現(xiàn)從屬關(guān)系。戲太足的開(kāi)發(fā)小隊(duì)設(shè)計(jì)的初衷，是在不打擾設(shè)計(jì)師的前提下，提供完整的項(xiàng)目管理與呼聲最高的畫(huà)板功能。 這世上哪有什么天才，有的人只是把大家設(shè)計(jì)標(biāo)注、寫(xiě)前端的時(shí)間拿來(lái)喝咖啡，和思考罷了 showImg(https://segmentfault.com/img/bVUhyy?w=...

    sydMobile 評(píng)論0 收藏0

  • 下個(gè)時(shí)代的前端研發(fā)，效率還能提升。PxCook 3.0，最高效的設(shè)計(jì)研發(fā)利器

    摘要：相比于之前更加高效，易用。同時(shí)也是我們個(gè)種子用戶群呼聲最高的。首先的調(diào)整就是把智能標(biāo)注的圖標(biāo)放在了左側(cè)，體現(xiàn)從屬關(guān)系。戲太足的開(kāi)發(fā)小隊(duì)設(shè)計(jì)的初衷，是在不打擾設(shè)計(jì)師的前提下，提供完整的項(xiàng)目管理與呼聲最高的畫(huà)板功能。 這世上哪有什么天才，有的人只是把大家設(shè)計(jì)標(biāo)注、寫(xiě)前端的時(shí)間拿來(lái)喝咖啡，和思考罷了 showImg(https://segmentfault.com/img/bVUhyy?w=...

    Songlcy 評(píng)論0 收藏0

  • 前端如何快速切圖

    摘要：選擇適合我們自己的需求的格式，點(diǎn)擊切所選圖層即可導(dǎo)出到指定的路徑下面。通過(guò)這兩個(gè)工具的混合使用，困擾我的問(wèn)題得到了解決，媽媽再也不用擔(dān)心我的切圖了。 廢話不多說(shuō)我們直接進(jìn)入正題 正所謂：‘工欲善其事，必先利其器’，好的開(kāi)發(fā)工具能夠極大的提高我們的開(kāi)發(fā)效率。 Pxcook（高效易用的自動(dòng)標(biāo)注工具, 生成前端代碼, 設(shè)計(jì)研發(fā)協(xié)作利器） Adobe PhotoShop CC 2018(推...

    shevy 評(píng)論0 收藏0

  • 從應(yīng)用到平臺(tái) - 云服務(wù)架構(gòu)的演進(jìn)過(guò)程

    摘要：應(yīng)用的研發(fā)上線運(yùn)維運(yùn)營(yíng)形成閉環(huán)，順利完成從對(duì)內(nèi)服務(wù)到公共平臺(tái)的升級(jí)。從功能角度，只能支持靜態(tài)方式設(shè)置反向代理，然后，而平臺(tái)有服務(wù)對(duì)應(yīng)的后端服務(wù)和端口是有動(dòng)態(tài)調(diào)整需求。架構(gòu)上是基礎(chǔ)組件需要進(jìn)行升級(jí)，數(shù)據(jù)訪問(wèn)層日志監(jiān)控系統(tǒng)等。 介紹 ? ? ? ?MaxLeap早期是一家研發(fā)、運(yùn)營(yíng)移動(dòng)應(yīng)用和手機(jī)游戲公司，發(fā)展過(guò)程中積累了很多通用組件。這些組件很大程度幫公司在移動(dòng)研發(fā)過(guò)程中節(jié)省了時(shí)間和成本，...

    LiangJ 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<