超实用!四个方法帮你搞定数据可视化界面设计

1363
0

包子头 初学数据Lv2

发表于2021-9-27 09:51

楼主
本帖最后由 包子头 于 2021-9-27 10:06 编辑

“仪表板”、“大数据”、“数据可视化”、“数据分析”——越来越多人和企业,开始运用他们的数据来做一些有趣的事情。有幸参与一大批数据为重的界面设计,我要在此分享一些观点,讲讲如何造就这种特殊且有意义的产品。

设计数据可视化时,可以遵循以下原则:
1. 清晰&炫酷:美学原则;合理构建空间感与元素的精致感。
2. 内涵:正确的可视化故事与视图选择;合理的信息密度筛选;数据到可视化的直观映射;合适的可视化交互。
3. 共情:自然的可视化隐喻;巧用动画与过渡。

一、可视化设计原则1:美学原则
视觉是获取信息最重要的通道,超过50%的人脑功能用于视觉的感知,人脑对美的感知没有绝对统一的定义标准,但是有一定的规律可循。要遵守美学原则,可以从构图、布局与色彩等角度探索。
1. 构图美——稳定的构图2. 布局美——合理的信息布局
3. 色彩美——适宜的色彩情感
不同的色彩搭配可以表现不同的情感,用来表达与之匹配的可视化设计主题风格,调动观赏者的情感。
  • 科技/科幻感、未来感、前卫感:紫外光色、蓝色等;
  • 青春、活力:红、黄、绿等;
  • 高端感、质感:黑色、灰色+渐变/光照等;在色彩搭配上可以选择「同色系」配色,画面显得更丰富;也可以选择「非同色系」配色,画面会更加多彩。



    二、可视化设计原则2:合理地构建空间感与元素的精致感
  • 三、可视化设计原则3:正确的可视化故事与视图选择
  • 四、可视化设计原则4:合理的信息密度筛选
  • 五、可视化设计原则5:数据到可视化的直观映射
  • 六、可视化设计原则6:恰当的可视化交互
  • 七、可视化设计原则7:自然的可视化隐喻
  • 八、可视化设计原则8:巧用动画与过渡

  • 可视化细节:微交互动效,引起观赏者的注意力



最近看过此主题的会员

esen_4MS7SISIC205

wuxing_12345

15632100169

贾良伟

0个回答

只看楼主

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号