【工具分享】PxCook像素大厨——很好用的标记工具

栏目: 编程工具 · 发布时间: 6年前

内容简介:从事移动开发,一般都是把UI设计师设计的产品原型图尽可能的100%还原,要想实现这一点,就要搞清楚界面元素之间的距离、颜色、字体大小等这些问题PxCook都能解决,PxCook具有的功能如下

从事移动开发,一般都是把UI设计师设计的产品原型图尽可能的100%还原,要想实现这一点,就要搞清楚界面元素之间的距离、颜色、字体大小等

这些问题PxCook都能解决,PxCook具有的功能如下

  • 测量距离
  • 标记颜色
  • 标记字体大小
  • 生成样式代码(支持Android、iOS、CSS等)

【工具分享】PxCook像素大厨——很好用的标记工具

PxCook图标

下面是PxCook使用效果图

【工具分享】PxCook像素大厨——很好用的标记工具

1. 安装方法

PxCook下载链接 http://www.fancynode.com.cn/pxcook

下载安装包安装即可,如果无法安装,可能你电脑没有安装Adobe AIR,PxCook是时运行在Adobe AIR平台下的,所以要先安装Adobe AIR才能安装

Adobe AIR下载地址 https://get.adobe.com/cn/air/ 安装之后PxCook就可以安装了

2.使用方法

  1. 创建项目选选择自己需要的类型(Android/iOS/Web),不同项目类型,标记的尺寸单位不相同(下面以Android项目为例)
  2. 导入图片(支持psd、png、jpg)
  3. 操作,在PxCook有两个tab项,分别是设计和开发

设计选项下 ,右侧有以下工具,可以进行一些测量、取色等操作

【工具分享】PxCook像素大厨——很好用的标记工具

开发选项 下,可以查看psd图片上元素的属性,同时可以自动生成样式代码

【工具分享】PxCook像素大厨——很好用的标记工具

总的来说PxCook用起来还是挺简单方便的

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/24160.html

【工具分享】PxCook像素大厨——很好用的标记工具

【工具分享】PxCook像素大厨——很好用的标记工具 微信打赏

【工具分享】PxCook像素大厨——很好用的标记工具 支付宝打赏

感谢您对作者knight的打赏,我们会更加努力!    如果您想成为作者,请点我


以上所述就是小编给大家介绍的《【工具分享】PxCook像素大厨——很好用的标记工具》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Book of CSS3

The Book of CSS3

Peter Gasston / No Starch Press / 2011-5-13 / USD 34.95

CSS3 is the technology behind most of the eye-catching visuals on the Web today, but the official documentation can be dry and hard to follow. Luckily, The Book of CSS3 distills the heady technical la......一起来看看 《The Book of CSS3》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

html转js在线工具
html转js在线工具

html转js在线工具