认识达内从这里开始

数据可视化主要旨在借助于图形化手段，做好数据可视化设计可以帮助我们更好的去传递信息。本文沈阳达内IT培训为大家介绍UI设计技巧：数据可视化设计方法及原则有哪些?

一、可视化设计方法

1、视觉暗示：

是指通过查看图表就可以与潜意识中的意识进行联系从而得出图表表达的意识。常用的视觉暗示主要有：位置(位置高低)、长度(长短)、角度(大小)、方向(方向上升还是下降)、形状(不同形状代表不同分类)、面积(面积大小)、体积(体积大小)、饱和度(色调的强度，就是颜色的深浅)、色调(不同颜色)。

2、坐标系：

这里的坐标系和我们之前数学中学到的坐标系是相同的，只不过坐标轴的意义可能稍有不同。常见的坐标系种类有：直角坐标系、极坐标系和地理坐标系。

大家对直角坐标系、极坐标系比较熟悉，这里说一下地理坐标系。

地理坐标系是使用三维球面来定义地球表面位置，以实现通过经纬度对地球表面点位引用的坐标系。但是我们在进行数据可视化的时候一般用投影的方法把其从三维数据转化成二维的平面图形。

3、标尺：

前面说到的三种坐标系只是定义了展示数据的维度和方向，而标尺的作用是用来衡量不同方向和维度上的大小，其实和我们熟悉的刻度挺像。

4、背景信息：

此处的背景和我们在语文中学习到的背景是一个概念，是为了说明数据的相关信息(who、what、when、where、why)，使数据更加清晰，便于读者更好的理解。

5、组合组件：

组合组件就是根据目标用途将上面四种信息进行组合，就是我们最后要呈现的图表样式，具体如何组合视你的目标而定。

二、图表设计原则

图表设计原则其实也可以看作是图表美化的一部分，因为我们之所以遵循设计原则就是为了让图表更好看一点。关于图表的设计我们可以分为三部分，分别为整体的排版布局、色彩搭配和字体。

1、排版布局

排版布局里面我们又可以分为两个。

(1)最大化数据墨水比

是指在墨水数量一定的情况下最大化数据墨水所占的比例。先来了解一下什么是数据墨水，什么是非数据墨水比。

数据墨水是指为了呈现数据所用的墨水，在图表中主要是指柱状图的那些柱子，折线图的那根线之类的。而非数据墨水就是除了这些数据以外的元素所用的墨水，在图表中主要指网格线、坐标轴、填充 背景等元素。

这个原则就是告诉我们在设计的时候尽可能多的重点突出数据元素而淡化非数据元素。

(2)CRAP原则

是指对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)这四大基本原则。

对比(Contrast)

对比的基本思想是， 要避免页面上的元素太过相似。 如果元素(字体、 颜色、大小、 线宽、 形状、 空间等) 不相同， 那就干脆让它们截然不同。 要让页面引人注目， 对比通常是最重要的一个因素， 正是它能使读者首先看这个页面。

重复(Repetition)

让设计中的视觉要素在整个作品中重复出现。 可以重复颜色、 形状、 材质、空间关系、 线宽、 字体、 大小和图片， 等等。 这样一来， 既能增加条理性， 还可以加强统一性。

对齐(Alignment)

任何东西都不能在页面上随意安放。 每个元素都应当与页面上的另一个元素有某种视觉联系。 这样能建立一种清晰、 精巧而且清爽的外观。

亲密性(Proximity)

彼此相关的项应当靠近， 归组在一起。 如果多个项相互之间存在很近的亲密性， 它们就会成为一个视觉单元， 而不是多个孤立的元素。 这有助于组织信息， 减少混乱， 为读者提供清晰的结构。

2、配色

在配色里面也主要有两种方案。

(1)第一种就是模仿，去找一些看起来比较专业好看的图表配色，然后把该配色方案拷贝过来供自己所用。这里可能会用到RGB获取的工具，可以利用windows自带的画图工具进行获取，详情点击：https://jingyan.baidu.com/article/cbcede0728258002f40b4d27.html

或者是现在有一些专业的色彩搭配网站，不过这种的前提是你得事先确定了其中一种色调，然后依据这一种去匹配其他的颜色。(我现在就是用的这种)

(2)第二种相比第一种就比较难点，需要自己去学一些基础的色彩理论。这个对于非专业的可能有点难度。

3、字体

字体分为有衬线和无衬线两种。

中文常见的衬线和非衬线的两种字体分别是宋体和黑体，而英文对应的是Times New Roman和Arial。

在图表中我们一般使用无衬线字体，而为了方便我们一般默认使用Arial字体，8-10磅大小。

来源：本文转载自「中国统计网」作者：张俊红(中国统计网特邀认证作者)

*版权声明：转载文章和图片均来自公开网络，版权归作者本人所有，推送文章除非无法确认，我们都会注明作者和来源。如果出处有误或侵犯到原作者权益，请与我们联系删除或授权事宜。