前言

现在大数据大屏项目恨火，公司给两天要设计四个大屏，由于自己又是设计小白，学习了一下，整理了思路。Axure软件出图快，但是用户要求要高保真图片，就采用ps进行设计，ps设计图形与吃出图较慢，以前的设计思路是下载echarts官网的图片。[echarts gallery链接](https://www.makeapie.com/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插件：PS拉框助手
为大家分享一款ps图表快速生成插件,PS拉框助手 for mac可以帮助用户快速制作折线图.面积图.柱状图.饼图.雷达图. 地图等,PS拉框助手中文版适用于多个版本的Photoshop,而且是免费的, ...
可视化大数据大屏设计
可视化大数据大屏设计一.如何做好一款大屏 1.1工具的选择帆软报表工具Finereport 1.2大屏设计通用的大屏设计原则 1.大屏指标在8-12个为宜 2.比率类.数字类和子部分布类指标要合 ...
前端基础第二天项目大数据大屏可视化项目
大数据大屏可视化项目 01-项目介绍应对现在数据可视化的趋势,越来越多企业需要在很多场景(营销数据,生产数据,用户数据)下使用,可视化图表来展示体现数据,让数据更加直观,数据特点更加突出.我们引 ...
实时大数据平台的设计与实现
实时大数据平台的设计与实现什么是实时大数据平台实时大数据平台和离线大数据平台还是有区别的,更强调数据的实时性.具体的架构,具体的代码该怎么写,模块怎么去构建,各个系统之间怎么去组织协调,都需要根据 ...
ML之LGBMRegressor(Competition)：2018年全国大学生计算机技能应用大赛《住房月租金预测大数据赛》——设计思路以及核心代码—191017再次更新
ML之LGBMRegressor(Competition):2018年全国大学生计算机技能应用大赛<住房月租金预测大数据赛>--设计思路以及核心代码-191017再次更新目录竞赛相关信 ...
大数据和个性化设计是用户体验（UX）的未来
在20世纪90年代后期,大多数Web服务使用千篇一律的方法来解决用户需求.在他们开始关注人性化设计之前,这些模板化的解决方案已经盛行了近二十年. 以人为本的设计侧重于最终用户的需求,开发人员为每个用户 ...
浅谈大数据平台架构设计
全文共3735个字,建议8分钟阅读近年来,随着IT技术与大数据.机器学习.算法方向的不断发展,越来越多的企业都意识到了数据存在的价值,将数据作为自身宝贵的资产进行管理,利用大数据和机器学习能力去挖掘 ...
【爬虫+数据可视化毕业设计：英雄联盟数据爬取及可视化分析，python爬虫可视化/数据分析/大数据/大数据屏/数据挖掘/数据爬取，程序开发-哔哩哔哩】
[爬虫+数据可视化毕业设计:英雄联盟数据爬取及可视化分析,python爬虫可视化/数据分析/大数据/大数据屏/数据挖掘/数据爬取,程序开发-哔哩哔哩] https://b23.tv/TIoy6hj
常见的大数据平台架构设计思路
近年来,随着IT技术与大数据.机器学习.算法方向的不断发展,越来越多的企业都意识到了数据存在的价值,将数据作为自身宝贵的资产进行管理,利用大数据和机器学习能力去挖掘.识别.利用数据资产.如果缺乏有效的 ...
大数据 / 大屏数据展示模板
大数据 / 大屏数据展示模板:https://gitee.com/hnustbd/DaShuJuZhiDaPingZhanShi/tree/master/

大数据大屏设计-PS拉框助手

文章目录

前言

一、ps拉框助手下载

二、使用步骤

1.ps引入拉框助手

2.制作线形图

3.制作柱形图

4.制作饼图

5.制作地图

6.成果展示

总结

大数据大屏设计-PS拉框助手相关推荐

最新文章

热门文章