- 软件介绍
- 软件截图
PS拉框助手是一款基于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拉框助手的高级玩法
PS拉框助手软件特色
节约时间
一般来说，使用PS绘制真实数据的图表是一个非常耗时的过程
简单方便
拉个框，填写颜色值，点击确定就可以轻松获得你想要的图表效果
自动化
自动化绘制的视觉元素将准确地表示数字、尺寸、间距，实现结果真实可靠。
容易实现
拉框助手生成的界面，开发小哥使用Echarts一定能够实现，实现效果能与设计图一致
PS拉框助手安装方法
1、下载安装程序后，把文件解压到桌面上，您会看到下面这些文件：
2、打开PS，点击“文件”》“脚本”》“浏览"然后选择install.jsx这个文件。
3、系统会弹出安装成功的提示文字，重启photoshop就可以了
PS拉框助手使用说明
折线图图文教程
如何利用拉框助手绘制漂亮的折线图
说明
设计折线图的时候，我主要是参考了百度的Echarts，用拉框助手绘制的折线图，使用Echarts开发，实现还原度将会非常高。如果您对JSON数据有一定的了解，您还可以使用 "导入JSON" 来直接绘制各类图表。
折线图绘制步骤
1、使用PS的矩形选框工具拉一个框
2、勾选你需要绘制的内容，包括图表的横线、竖线、文字、线条、面积图、每个点绘制一个小圆圈等等
3、选择您是要绘制随机数据还是固定点的数据，如果是随机数据，则填写随机数据的范围，主要这个范围不要超过Y轴的整个范围。如果是固定数据，则要求填写每个点的值，使用英文逗号分隔开
4、您也可以在图表上绘制多条线，点击增加一组数据按钮，填写第二组数据相应的参数，则会绘制第二条线。以此类推，可以绘制多条折线
5、点击确定按钮，PS拉框助手则会自动给你绘制好你所需要的图形
各项参数解释
PS拉框助手更新日志
发布第四个版本V1.0.0.3，支持PS2020；加入4套皮肤；可以随机数据
支持任意的分辨率；坐标轴可以设置“不保留小数”或者“保留1位小数”或“保留2位小数”
选取颜色改为调用PS的色板，支持吸管取色
图标太多，加入了关键字搜索功能，可以快速搜索任意图标，解决配置版块保存失败和其他一些难以发现的bug
加入woof版块，将用这个版块推荐一些我喜欢的设计资源
加入视频教程版块，今后我将录制一些PS拉框助手的高级玩法
