Photoshop拉框助手 V1.0.0.3 官方电脑版

这篇文章主要介绍了PS拉框助手插件的功能和使用方法。这款插件可以用来快速生成各种图表（如柱状图、饼图）和UI元素（如按钮、文本框等），大大节省了设计师的时间。它操作简单，只需要拉个框、填颜色值就能生成图表，而且支持导入JSON数据，方便开发者用Echarts实现一致的效果。

插件由非著名UI设计师灰色执照开发，安装方法也很简单：解压文件，运行install.jsx，重启PS即可。新版本还加入了皮肤、随机数据生成、坐标轴设置等功能，并修复了一些bug，用户体验更友好。

作为设计师，我觉得这个工具真的很实用！尤其是对于需要频繁设计图表的人来说，它能大幅提高效率。而且支持PS2020和多分辨率，兼容性也很强。推荐给需要处理UI设计的小伙伴，肯定会省下不少时间！

PS拉框助手插件是一款电脑设计辅助软件，该工具可以直接在PS中作为插件使用，安装简单快捷，使用也同样方便，用户只要拉去选框即可快速对内容生成柱状图、饼状图等统计图标，还能直接生成按钮、文本框等内容，大大减少了UI设计中的时间消耗。

软件介绍

拉框助手是由非著名UI设计师灰色执照开发的一款基于photoshop的插件，它能够快速的生成折线图、柱状图、饼图、雷达图、全国各省市的地图、以及按钮、按钮组、窗口、输入框、下拉框、单选、多选、提示、表格、树等常用的UI元素

软件特色

节约时间

一般来说，使用PS绘制真实数据的图表是一个非常耗时的过程

简单方便

拉个框，填写颜色值，点击确定就可以轻松获得你想要的图表效果

自动化

自动化绘制的视觉元素将准确地表示数字、尺寸、间距，实现结果真实可靠。

容易实现

拉框助手生成的界面，开发小哥使用Echarts一定能够实现，实现效果能与设计图一致

安装方法

1、下载安装程序后，把文件解压到桌面上，您会看到下面这些文件：

2、打开PS，点击“文件”》“脚本”》“浏览"然后选择install.jsx这个文件。

3、系统会弹出安装成功的提示文字，重启photoshop就可以了

使用说明

折线图图文教程

如何利用拉框助手绘制漂亮的折线图

说明

设计折线图的时候，我主要是参考了百度的Echarts，用拉框助手绘制的折线图，使用Echarts开发，实现还原度将会非常高。如果您对JSON数据有一定的了解，您还可以使用 "导入JSON" 来直接绘制各类图表。

折线图绘制步骤

1、使用PS的矩形选框工具拉一个框

2、勾选你需要绘制的内容，包括图表的横线、竖线、文字、线条、面积图、每个点绘制一个小圆圈等等

3、选择您是要绘制随机数据还是固定点的数据，如果是随机数据，则填写随机数据的范围，主要这个范围不要超过Y轴的整个范围。如果是固定数据，则要求填写每个点的值，使用英文逗号分隔开

4、您也可以在图表上绘制多条线，点击增加一组数据按钮，填写第二组数据相应的参数，则会绘制第二条线。以此类推，可以绘制多条折线

5、点击确定按钮，PS拉框助手则会自动给你绘制好你所需要的图形

各项参数解释

更新内容

发布第四个版本V1.0.0.3，支持PS2020；加入4套皮肤；可以随机数据

支持任意的分辨率；坐标轴可以设置“不保留小数”或者“保留1位小数”或“保留2位小数”

选取颜色改为调用PS的色板，支持吸管取色

图标太多，加入了关键字搜索功能，可以快速搜索任意图标，解决配置版块保存失败和其他一些难以发现的bug

加入woof版块，将用这个版块推荐一些我喜欢的设计资源

加入视频教程版块，今后我将录制一些PS拉框助手的高级玩法