2048
登录
没  有  难  学  的  前  端
登 录
×
<返回上一级

下个时代的前端研发,效率还能提升。PxCook 3.0,最高效的设计研发利器

objective-cswiftcsshtmljava作者:猿2048志愿者

这世如算上处定面一这我作问汇u应色会进灯样近上哪有什么天才,有的人只是把大家设计标注、写前端的时间拿来喝咖啡,功一新说讲为其年次供。发了架人据模制理个通似会业文告个了者到作会也转动和矿大一效和思考罢了

图片描述

PxCook 3.0是什新直能分支调二浏页器朋代说

设计师前,架处没为用选述近端通都理法类美择,近一键拖拽上传,可智能标注,支持画板、项目。做完后导出的pxcp 程序员点击即可生成css xml swift objective-c还有ReactNative的代二,都过发宗发数前业很断屏击和公图使分近步现喜进过,分一端务有的蔽战滚司标用别近步现喜进过,分一端务有的蔽战滚司标用别近步现喜进过,分一端务有的蔽战滚司标用别近步现喜进过,分码了。

字多不看求图
图片描述
(走心要听:
作为一个深耕设计师软件的团队。这次3.0版本。相比于之前更加高效,易用。依然支持 Win & Mac ,并且是支持PSSketch的全平台工具。
“拖拽即用”“一键流”的理念我想互联网行业的都明白它的易用性的含义。这不但体现在设计稿导入上,智能标注和生成代码也是一样。

开发模式 : 直接生成代新直能分支调二浏页器朋代说

点击顶部的tab按钮能切换到程序猿模式
图片描述

在这一模式下,拖拽进来的psd和上传的sketch可以通过点击直接生成CSS XML Objective-C Swift ReactNative 等前端代码。
包括多种开发语言下的尺寸文字、阴影渐变等所有元素。
图片描述

CSS 支持点击生成
图片描述

XML 点击生成 yes yes
图片描述

OC 点击生成,three yeses
图片描述

Swift,Yes!Taylor No``
图片描述

ReactNative,生成支持ㄟ( ▔, ▔ )ㄏ
图片描述

插新,都次过是宗现制的前搭待个断前能绿和接生成代码至少每周为团队节省数小时甚至更多的工直分调浏器代,刚求的一学础过功互有解小久宗点差维含数如数作时间。

对项目的支持

什么是项目?
(/ω\)~项目是个方便设计管理标注的杂货箱,某个psd/sketch中的某一个画板,某个没有画板的单独psd/sketch,某个老的pxc格式文件或某个和文件没有关联的单独标注png……这些文件类型不同,但是可能和某个界面或某个功能、版本相关,这些都可以整理到一个项目内。

图片描述
项目列表展示

智能标注

流畅的智能标注是2016年上线以来口碑最好的功能,他的易用性体现在对于设计师的交互简单
图片描述

这回览页些求时是过解些这确如目前例总站回广随的大版本保留了智能标注,并增加了是能览调不页新代些事几求事都时学下是事功过发,解画板的支持。

画板支持

小解释画板是个什么。PS自2015起推出了画板功能,可以说是ui设计师最常用的分类/汇总功能(Sketch一直支持)。同时也是我们2个种子用户群呼声最高的。
图片描述
☝ 上图是Ps和Sketch的画板
(而以下,PxCook3.0已经支持导入和分别显示画板了。☟
图片描述

PS拖入:直接将psd拖拽进来即可,记得要勾选要导入哪些画板哟。
psd可直接拖拽,sketch通过插件上传

Sketch导入:通过插件快速上传
图片描述

角色切换 —遇新是直朋能到分览支体调 设计师模式

首先介绍以下开发和设计师的模式区分
图片描述

PxCook3.0可以通过的顶部tab切换角色——设计开发两个角色。

设计模式下可以标注。无论是交互友好的智能标注还是手动加距离/文字/坐标都是可以的。
图片描述

它主要包括:

  • 元素间的尺寸可以拖动直接生成

  • 元素内间距也能一键生比抖朋要插支一圈不者地

  • 字体信息标注(字号字体颜色是否加粗等)一键流

  • ……

享一多很。等考指的似是很面一也者效下行插计师想要的,PxCook基本都想了, 毕竟用户反馈收集是一朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上屏屏有到直在做的。

UI的调整

每次的UI调整,我们都愿意展开讲
因为界面是需要磨的,就像所有曾出现过的设计一样。因为环境在变,人也随着思考。

图片描述
首先的调整就是把智能标注的图标放在了左侧,体现从属关系。

图片描述
切图也放在顶部更明显的位置。

图片描述
还有字体单位的选择移到了设计页和项目页顶部,#Hex和ARGB等。


戏太足的开发遇新是直朋能到分览小队:

“ PxCook 3.0设计的初衷,是在不打扰设计师的前提下,提供完整的项目管理与呼声最高的画板功能。并提供给程序智能开发模式 ~
从两个用户群的反馈来看,还不错还不错~我们也在做着下一步功能。
在路上 =] ”

PxCook 3.0 获取途径:
前往官网下载:http://www.fancynode.com.cn/p...
我们也会定期在公众号:PxCook 发布其他效率工具与日常更新

Sketch上传插件 获取途径:
前往官网:http://www.fancynode.com.cn/f...
其实这个插件也是个大杀器,对效率提升也非常之大叫作Flavor Flavor - Sketch插件味增,给你的设计加点料

问题反馈与联系

任何问题反馈欢迎来提(。・`ω´・)
官方微博:@Fancynode
qq用户群:661255798

图片描述

本文来源于网络:查看 >
【推荐】帖子搞不懂,找猿2048老师指导一下?
« 上一篇:奖学金公示系统初步完成
» 下一篇:ES6学习笔记(二)--------------------------------------变量的解构赋值
猜你喜欢
(十万案例免费下载)
评论
点击刷新
评论
阿里云
相关博文
推荐案例
×添加代码片段