admin管理员组

文章数量:1536108

文章目录

  • 前言
  • 一、ps拉框助手下载
  • 二、使用步骤
    • 1.ps引入拉框助手
    • 2.制作线形图
    • 3.制作柱形图
    • 4.制作饼图
    • 5.制作地图
    • 6.成果展示
  • 总结

前言

现在大数据大屏项目恨火，公司给两天要设计四个大屏，由于自己又是设计小白，学习了一下，整理了思路。Axure软件出图快，但是用户要求要高保真图片，就采用ps进行设计，ps设计图形与吃出图较慢，以前的设计思路是下载echarts官网的图片。[echarts gallery链接](https://www.makeapie/explore.html)根据echrats官网的配置进行更改，最后把图片放入到ps，但是图片的分辨率会失真。但是最近发现一个插件大大提高了作图的效率，就是ps拉框助手

一、ps拉框助手下载

示例：ps拉框助手下载链接：ps拉框助手下载链接

二、使用步骤

1.ps引入拉框助手

（1）在ps中选择文件，脚本浏览选择拉框助手，就可以引入。

（2）检查是否引入成功，在窗口，扩展功能里面找到NB charts，就代表引入成功。

2.制作线形图

相关配置说明如下（示例）：

首先用矩形选框工具勾出绘制的范围，在选择线形图进行编辑。
-----------------------------------------------
1、基本信息：（1）左侧文字为文字到y轴的距离。（2）左侧文字选项可以对左侧文字的颜色，大小进行调整。（3）底部文字内容为x轴内容，每一个数据项之间用英文逗号隔开。
2、竖线：（1）竖线可以对y方向的线条样式进行设置，包括设置线条的宽度，线条的颜色。（2）线条数量：默认为auto,选择auto就会根据x轴文字的数据数量进行自动匹配，也可以自行指定数量。（3）选择您是要绘制随机数据还是固定点的数据，如果是随机数据，则填写随机数据的范围，主要这个范围不要超过Y轴的整个范围。如果是固定数据，则要求填写每个点的值，使用英文逗号分隔开
3、也可以在图表上绘制多条线，点击增加一组数据按钮，填写第二组数据相应的参数，则会绘制第二条线。以此类推，可以绘制多条折线.
4、标记小圆点，为线形图上的圆点样式。

最后点击绘制，就可自动生成线形图

3.制作柱形图

相关配置说明如下（示例）：

1、数据1里面可以添加数据组，同时可以设置柱子宽度，系列值的数据值与颜色。
2、点击自动绘制按钮，拉框助手则会自动给你绘制好你所需要的图形。
3、也可以通过点击颜色，设置渐变色。


4.制作饼图

相关配置说明如下（示例）：

1、使用矩形工具绘制一个矩形，选择饼图的类型，分别是常见的饼状图和南丁格尔玫瑰图，填写镂空半径，它可以是百分比，也可以是具体的像素值。镂空半径越大，相当于空心程度越大。
2、点击自动绘制按钮，拉框助手则会自动给你绘制好你所需要的图形

5.制作地图

相关配置说明如下（示例）：

使用矩形工具绘制一个矩形，选择地图，地图里面可以导入你下载的json数据。

json数据提供两种方式。
一种是ps拉框助手自带的地图json数据
第二种方式通过阿里云地图选择器去生成json数据。阿里云地图选择器



点击生成，即可生成相应数据，地图的块面，线宽颜色可以通过地图生成前进行配置更改。同时可以自己对每一个板块自定义颜色，通过ps里面的特效，自发光效果进行调整。

6.成果展示

通过ps助手上手还是很快的，出图也比较块。

总结

1、背景色的选择多是采用科技感的色系，个人用的几个色系，0364ff，00dff7，151c28，176a92。 2、本人目前还是小白，有不足与说错的地方请各位大佬多多指出。

本文标签： 助手数据ps

版权声明：本文标题：大数据大屏设计-PS拉框助手 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1725351036a1020373.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。