6大数据可视化应用设计规范

访客3年前黑客工具1137

本文报告了六个数据可视化应用类型:包罗图表分类、画面机关、硬件设施、字体字号、画面配色、画面丰满和画面动效。

6大数据可视化应用设计类型

本日为各人带来的是数据可视化应用设计类型,谈谈我在设计进程中的一些履历以及分享。

一、图表的分类先容以及应用范畴

一提到图表,各人脑海里表现的,凡是是柱状图、饼图、趋势图等等。这是凭据图形等维度对图表举办分类,常常会导致图表的误用。

图表的浸染,是辅佐我们更好地看懂数据。选择什么图表,需要答复的首要问题是『我有什么数据,需要用图表做什么』,而不是 『图表长成什么样』 。因此我们从数据出发,从成果角度对图表举办分类。

6大数据可视化应用设计类型

6大数据可视化应用设计类型

二、画面机关在实战中的应用

在画面中我们常常会碰着各式百般的屏幕判别率,有大屏的LED屏,有平面显示屏,数字拼接屏等等。那么详细的项目中我们如何去界说这些差异尺寸的屏幕来举办画面机关呢?

16:9是指显示器的宽高比。按照人体工程学研究,发明人的两只眼睛的视野范畴是一个长宽比例为16:9的长方形,所以电视显示器行业按照这个的黄金比例尺寸来设计产物。

6大数据可视化应用设计类型

6大数据可视化应用设计类型

如若有其他判别率下的屏幕,凭据这个纪律的根基机关,只管使组件泛起16:9比例排布是更好的;超长判别率下的大屏设计可能拼接许多块显示器的大屏可以通过详细业务内容来展示,按模块去分别,成果点明晰即可。

此处机关只是我小我私家以为较量符合的展示 *** ,并不代表必然是需要这么排布,还可以有许多的形式去机关。

也大概因为业务差异,版式也会有调解,不外万变不离个中,把握基本要素,其他判别率下照样可以有许多编排形式!

6大数据可视化应用设计类型

三、硬件常用尺寸以及设备 1. Led屏幕

1)点间距差异

P3点与点之间的间隔是3毫米,P4点与点之间的间隔是4毫米。

2)清晰度差异

P后头谁人数字越小,代表两个灯珠之间的间隔越小,清晰度越高,相对应,价值也会高,因为每平方的像素点P3比P4多许多,成像结果好。

3)更佳可视间隔差异

点间距P3(3mm)的显示屏,它的更佳可视间隔是3.5~10米,点间距P4(4mm)的显示屏,它的更佳可视间隔是5~13.5米。可以按照本身的实际环境,选择最适合的型号。

2. 拼接屏

拼接的每块小屏一般是16:9的高清屏,设计尺寸可以把上下高度设定为1080px,长度凭据拼接屏的数量比例得出长度的设计尺寸。

譬喻3乘5的一块大屏幕,高度3块屏设为1080,每块高就是360,360除9乘16等640,640就是一块屏幕的长度,640乘5块屏=3200最后得出设计稿尺寸就是:高1080px乘宽3200px(在这里感激我的数学老师)。

此刻企业常用的有无偏差、1.7mm偏差、3.5mm偏差、三种拼接大屏,偏差越小越贵。

别的大屏设计尚有一个较量重要的问题就是留意拼接屏之间的偏差,设计时千万不能跨屏设计,否则很影响雅观。

3. 节制端

今朝企业用的最多的节制端为ipad节制,需要在ipad上建造出节制端页面,一般尺寸为2048*1536,节制端大大都为按钮操纵,页面只管简朴明白。

四、字体字号以及画面配色631 1. 字体字号

在数据可视化设计中,一般选中的字体有如下几种:

中文字体:苹方,思源黑体

英文字体:DIN,DIN-PRO

数字字体:Exo

正常1080P环境下,由于甲方大大都为当局机构,文字要求会比一般的要求大一点,一般都是选择最小16px。字号不是牢靠的,人是活的,类型是由人拟定的,切勿迷信类型。

6大数据可视化应用设计类型

2. 配色法例以及颜色选用

运用配色631法例,将配 *** 说为主色60%,帮助色30%,比拟色10%去贯串整套界面。文字的颜色通过重要、普通、次要去分派,是带有色彩倾向富厚页面视觉。

在数据可视化设计中,由于大屏是偏暗的,所以需要选择高饱和度的色彩,而且需要选择统一的颜色,保持画面协调。

有时候会碰着客户需要高饱和度的颜色而且多个颜色的时候,在选用时只管选用饱和度不要太高的颜色,否则画面会很不协调,也就是所说的晃眼。

6大数据可视化应用设计类型

相关文章

如何从零构建UI组件及设计规范(一):介绍篇

如何从零构建UI组件及设计规范(一):介绍篇

本篇为如何从零构建UI组件及设计类型之先容篇,先容设计类型能给公司带来的代价,怎么做一套切合公司系统平台的设计类型以及如何操作组化的思维去维护后续的迭代及优化,以及让团队更好的协作,与各人分享! 《...

为什么要制定设计规范?

为什么要制定设计规范?

此刻已经不是一小我私家做设计的时代了,多人协作中,为了到达设计的统一性,交互类型正在起着越来越重要的浸染。并且软件中还可以做成组件,各人配合维护,省时省力。 这篇文章分为三个部门: 一般类型包括什...

如何做好一套设计系统?比设计规范更进一步

如何做好一套设计系统?比设计规范更进一步

编辑导读:相信对付做UI的同学来说,设计类型各人都很熟悉,那什么是设计系统?在实际项目中又该如何快速做好一套设计系统?一份优秀的设计系统包括哪些内容,需要整理到奈何的颗粒度?文章对这些问题展开了阐明解...