提高前端生产效率(PxCook工具推荐)

提高前端生产效率(PxCook工具推荐)

软件介绍

这次介绍一个适合设计和前端的软件 PxCook

软件官网:https://www.fancynode.com.cn/pxcook

软件主要用于设计图标注说明,通常来说是设计师标注后给前端人事使用的,但就我们公司来说,目前没有这个步骤,现在是前端人员直接在ps里面查看设计图个元素的尺寸,但多年实践经验来说,是在ps上看总有各种麻烦,所以可以通过PxCook这个软件来辅助输出,十分方便,特别是对于首页输出来说。

软件布局说明

软件很简单,基本不用怎么介绍,大部分人都会使用,只需把psd拖进软件即可。
具体布局如下图,左边是工具条,上面是一些简单设置。关键是顶部有2个模式“设计模式”、“开发模式”。
在这里插入图片描述

设计模式

设计模式用于设计人员标注说明,然后交给前端人员来输出页面

设计模式基本使用:
在这里插入图片描述

开发模式

开发模式用于前端人员辅助输出,可以直接查看和复制元素属性代码

开发模式基本使用:
在这里插入图片描述

总结

本人已经使用该软件来辅助输出了,确实能提高工作效率。
这个网站https://www.fancynode.com.cn/还有其它软件,可能你会需要.

发布了43 篇原创文章 · 获赞 2 · 访问量 4614

猜你喜欢

转载自blog.csdn.net/iamlujingtao/article/details/102492101