本文作家从本质处事出发，共同案例瓜分了大屏可视化安排过程中的一些问题以及安排思绪，供大师所有参照与进修。
年终完成了一些数据可视化网页版UI变革及大屏可视化安排的筹备，迩来空出一些时间来整治遇到的问题及安排思绪，本文瓜分一下构想和领悟。
中心概览：
- 领会数据可视化
- 图表安排指南；
- 简直安排思绪；
- 大屏优化安排
- 归纳
一、领会数据可视化
可视化是为了帮帮用户更好的领会数据，信息的品质很大程度上依附于其表白办法。
数据自己是冰冷的数字，经过采用适合的图形大概者图表来进行展示表白，使得传播给运用者的体验更加直瞅、更容易赢得个中的价格。
数据可视化将本领与艺术完备共同，借帮图形化的本领，领会灵验地转达与沟通讯息。一方面，数据赋予可视化以价格;另一方面，可视化减少数据的灵性，二者相辅相成，帮帮企业从信息中提取有价格的信息。
二、图表安排指南
在数据可视化安排中，开始面对的问题是何如样将百般烦琐的数据目标进行展示，须要依据数据的特性，以及数据之间的闭系，决定采用什么样的图表典型，而后梳理数据包括的维度，最后超过闭头信息。
如下图，经过闭于数据展示需要进行归类整治，并调研行业内的合流处理筹备，将数据展示需要分为以下几品种型：
三、简直安排思绪
数据可视化的手段是让数传闻话，让搀杂抽象的数据以视觉的办法更精确的转达。大概的来说即是既要采用适合的图表，又要展示个中的数据闭系，经过视觉元素有序拉拢展现数据特性。
底下来举些栗子～
1. 数手段图表展示闭于于数目展示，重要包括以下几种运用处景
- 纯数字运用于简直的总额展示场景，比方XXX个数为1000台，XXX个数为99条等，此地把纯数字置于视觉控件中，能让瞅者直瞅领会到个数几台、条数有几条；
- 数字翻牌器运用于地图中个各个目标总额表露的展示场景，比方XXX个数为88个等；
- 折线图展现一段时间内数据的变革，比方XXX在1-7月中每个月的数目增减情景、XXX在迩来一周内数目增减情景等；
- 横向柱状图是主假如经过程度目标不共脸色的柱子来展示数值，此类数值普遍有正负闭系，普遍展示资材总量与已运用量、未运用量闭于比的场景中，比方XXX的总量800pb、已调配量500pb、未调配量300pb三者之间的资材数手段闭于比等；
2. 趋势的图表展示重要运用处景
折线图是指定一个领会轴进行数据大小的比较，主假如展示数据跟着时间推移的趋势大概变革，二点对接。比方展示迩来6个小时的二种数值变革趋势等。
3. 占比类数值的图表展示重要运用处景
环形图运用于局部占比情景展示，主假如经过展示不共典型数值相闭于于总额的占比情景，反应局部与完全的闭系。每个地区弧长展现典型大小，总和为100%。
比方在环形图中，某资材占所有资材的30%。
4. TOP类数据的图表展示重要指百般目目标TOPN展示
比方TOP5的数值大小排行。
5. 地区类的数据
地区类的数据展示在一弛地图图上展示各地区资材数目情景，有用处运用者参瞅全部以及各个地区的情景。
6. 网页版数据可视化安排样例
四、大屏优化安排
本次可视化大屏主假如为了及时展示相闭数据监控情景，不共于网页版可视化安排的展示，大屏展示须要干到中心超过，乞求较强的数据展示本领，而不是八面玲珑。
网页版倾向展示一段时间内的数据，以至是经过日期挑选查问到某偶尔间段的数据。大屏更多起到的是监测本能，反应的是及时信息，表露的是当下的数据。以下是大屏安排和网页版安排的一些不共：
1. 安置和配色：安排尺寸
硬件尺寸：
6384*1216px，分别率：72dpi安排安置领会需要的前提上，辩别数据的优先级，干到中心超过，细分资材典型及目标，安置出大概的安排模版，如下图。
比拟较网页版安排展示，大屏更倾向于采用深色彩背景，不只为了让视觉更好聚焦，而且万古间瞅望之后眼睛也不会展示视觉刺刺痛感。
基于此，十脚图表的配色皆以深色系为背景，保护数据明度与色彩的协调普遍。
2. 展示和接互
在大屏展示中，有多种资材典型及数据展示。经过构图超过中心，在重要信息和次要信息的安置和所占面积长进行安排，精确层级闭系和流向，使瞅者获守信息时也能赢得视觉平稳感。
以地图的办法展示出资材分别信息，安排二侧排布留神典型的资材信息展示，在构图上超过主次。并在世界地图中省份地位增添钻取的理想效验，进一步巩固视觉导流线和信息层级的统率效率。
不共于网页版可视化实质展示不妨干到八面玲珑，大屏界面空间有限，必定超过中心，将沉要的目标放在最显眼的地位，尽管会合放置，吸引视觉中心。
接互方面，网页版可视化实质展示的接互搀杂相闭于百般化。而可视化大屏，接互款式简单，更多是着沉于数据多维度钻取。
3. 优化细节
在完成大屏安排草稿后，为了进一步优化维度和展示的办法，闭于大屏中的细节进行优化。比方闭于背景、化妆线框、图表线条等细节进行查瞅。
比方视觉上显得线条太多，页面完全不足领会，沉要信息凸显不出来。闭于应化妆元素能制止则制止。
闭于于档次感不明显的问题，进行了丰厚信息以及加大背景物闭于比度的安排；闭于于图表中柱状图的数目过密和过疏，进行长宽高、面积进行安排；闭于于表格排陈设行优化序号超过中心的安排……
结果一步，依照产品经理收集到需要方的乞求，计划到是否达到预期，是否有色差等。结果也要让需要方考查是否不妨领会，数据是否是想要的格式。
优化后的最后版：
五、归纳
数据可视化安排的效力点即是要把握好图表的主次闭系，超过重要图表的中心数据。
本次安排实战，在网页版UI安排前提上，提取中心数据信息进行大屏安排，最后手段是不妨让瞅者洞悉各个资材的运用情景。
在本次安排实战须要在短时间内实行搀杂烦琐的目标数据可视化，网页版要干到八面玲珑，大屏版要干到中心超过，完全安排不免有不完备的场合，后续会持续矫正完备。
本文由@偶尔无二 本创发布于大众都是产品经理，未经答应，遏止转载
题图来自Unsplash， 基于CC0协议