新闻 深圳可视化设计:数据与视觉元素之间的关系

深圳可视化设计:数据与视觉元素之间的关系

2019.05.23
可视化设计

可视化设计从来没有人梳理清楚数据与视觉元素之间的关系,网上有非常多创意的可视化案例,但往往都只是一些零散的创意点,并不能系统帮助设计人员做数据可视化。


深圳人机交互系统设计视觉是获取信息最重要的通道,超过50%的人脑功能用于视觉的感知,人脑对美的感知没有统一的定义标准,但是有一定的规律可循。要遵守美学原则,可以从构图、布局与色彩等角度探索。


1. 构图美——稳定的构图

与心理需求相似,视觉也有“向往稳定”的需求,稳定的画面感可以使人们获得安定和舒适感。可视化设计承载在高分辨率的大屏上,对画面的平衡感要求更加苛刻。设计师对画面的合理组织和安排,以及设计元素自身平衡的物理属性共同构成平衡的画面感。更地说,画面的构图形状、视点的选择、构图的平衡感、色彩的平衡感都会影响整个可视化画面的稳定感。


2. 布局美——合理的信息布局

格式塔原则在用户体验设计,特别是可视化大屏的界面设计布局中非常关键。利用格式塔原则指导信息布局,可以帮助用户一眼就找到他们想要的内容,并一目了然地了解所看到的内容。


合理的信息布局可以借鉴格式塔原则,如下图所示,具体原则有:Proximity (接近)、Similarity (相似)、Closure (闭合)、Continuation (连续)、Simplicity (简单)、Symmetry(对称)等。


3. 色彩美——适宜的色彩情感


在数据可视化设计中,色彩是最重要的元素之一。合理利用色彩的情感可以增强可视化设计的感知效果,调动观赏者的情绪。


色彩情感指不同波长色彩的光信息作用于人的视觉器官,通过视觉神经传入大脑后,经过思维与以往的记忆及经验产生联想,从而形成一系列的色彩心理反应。


不同的色彩给人不同心理感受,如:红色代表着喜庆、热情、欢乐、爱情、活力等。但是,很多时候红色也与灾难、战争、愤怒等消极情绪联系在一起;蓝色会给人带来友好、和谐、信任、宁静、希望等积极的情感体验,也会给人以冷酷、无情的心理感受。


深圳人机交互系统设计不同的色彩搭配可以表现不同的情感,用来表达与之匹配的可视化设计主题风格,调动观赏者的情感。作为对数据有着非常深厚的兴趣,同时有有着多年交互经验的我来说,自然对数据可视化非常感兴趣。通过平时的积累,再加上最近一次和部门同事会议讨论数据可视化获得的灵感,终于将数据与视觉图形的复杂关系梳理清楚