玉溪网站可视化设计要遵循什么原则,可视化设计原则

上一篇文章《数据可视化设计(1) :情感化设计指导可视化设计理念》在情感设计本能、行为、反思三个层面的基础上,提出了清晰的酷炫、内涵、认同感的可视化设计理念。 本文将与大家分享如何用清晰、冷酷、内涵、共鸣的视觉设计理念指导视觉设计。 (PS )本文讨论的数据可视化设计主要以大型屏幕为展示载体,不考虑其他特殊载体) ) ) )。

数据可视化设计(2):可视化设计原则

在设计数据可视化时,可以遵循以下原则。

清晰炫酷:美学原则; 合理构建空间感和要素的精致感。内涵:选择正确的可视化故事和视图; 直观地映射到合理信息密度的筛选数据的可视化适当的视觉交互。共情:自然可视化隐喻; 巧妙地使用动画和过渡。 数据可视化设计(2):可视化设计原则

将设计可视化的8个原则(从下往上看) )

一、可视化设计原则1:美学原则

视觉是获取信息最重要的通道,50%以上的人脑功能被用于视觉感知。 人脑对美的感知没有绝对统一的定义标准,但有一定的规律。 要遵守美学原则,可以从构图、布局、颜色等角度进行探索。

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

和心理需求类似,视觉也有“稳定志向”的需求,稳定的画面感能给人们带来稳定和舒适感。 可视化设计搭载在高分辨率的大屏幕上,对屏幕平衡的要求更加苛刻。 设计师对画面的合理组织和安排,和3358www.sogou.com构成平衡的画面感。

更准确地说,画面的构图形状、视点的选择、构图的平衡、色彩的平衡都会影响可视化的整个画面的稳定感。

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

格式塔的原则在用户体验设计,特别是大屏幕可视化界面设计的布局中非常重要。 利用格式塔原则指导信息的配置,使用户一眼就能找到想要的内容,一眼就能理解正在看的内容。

合理的信息配置可以参考格式塔的原则,如下图所示,具体原则有: Proximity (接近)、Similarity )、Closure )、Continuation )、Simplicity )、symmetrritry

数据可视化设计(2):可视化设计原则

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

数据可视化设计中,颜色是最重要的因素之一。 合理利用色彩的情感,可以提高视觉化设计的感知效果,引发观赏者的情感。

色彩情感是指不同波长的光信息作用于人的视觉器官,通过视觉神经传递到大脑后,经过思考与过去的记忆和经历联想,形成一系列的色彩心理反应。

红色表示祝贺、热情、喜悦、爱情、活力等。 但是,红色往往与灾害、战争、愤怒等消极情绪联系在一起; 蓝色会给人带来友好、和谐、信任、宁静、希望等积极的情感体验,给人一种冷酷无情的心理感受。

不同的颜色组合可以表现不同的情感,表现与之相适应的视觉化设计主题风格,引发观赏者的情感。

科学技术/科幻感、未来感、前卫感:紫外光色、蓝色等青春、活力:红、黄、绿等; 高端感、质感:黑色、灰色的渐变/照明等彩色搭配可以选择“同色系”的配色,因此画面看起来很丰富; 也可以选择“不同色系”的配色,画面更加丰富多彩。 数据可视化设计(2):可视化设计原则

“同色系”的配色-青紫

数据可视化设计(2):可视化设计原则

“不同色系”的配色-红黑

二、可视化设计原则2:合理地构建空间感与元素的精致感

传统的数据可视化以各种通用图表组件为主,无法获得酷炫震撼的视觉效果。 优秀的数据可视化设计需要能够让可视化设计随时随地脱颖而出的酷炫视觉效果。

笔者在进行了大量的数据可视化大屏幕方案分析后,得出酷炫的数据可视化具有共同的视觉特征:

高级感、符合可视化主题的颜色组合空间感强、信息传递性高、由高精度材质构筑的模型,符合现实的光影; 丰富的粒子流动、光圈闪烁等动画效果。 酷炫的数据可视化大屏幕效果

三、可视化设计原则3:正确的可视化故事与视图选择

企划是数据可视化大屏幕的灵魂。 可视化的故事提取、视图的仔细规划是数据可视化大屏幕的首要任务。

与功能型产品以用户使用场景为出发点略有不同,数据可视化设计还需要把重点放在数据上。 通过分析和挖掘数据,提取隐藏在数据中的可视化文章,并根据描述文章的要求确定正确的视图。 简单的数据可视化故事可以用基本的可视化视图来表现,复杂的可视化故事可以规划多个视图,多个视图按层次、顺序展示数据中包含的重要信息,表现相应的可视化故事。

举个例子,一家公司需要通过数据向甲方爸爸展示公司某产品的能力。 如何用可视化解决方案hold住甲方爸爸? 首先有必要策划有说服力的可视化故事。 在这里引用问题发现问题分析问题解决的想法来构筑可视化故事。

首先,设计元素自身平衡的物理属性以数据可视化的形式展示甲方爸爸的相关数据,从数据中发现问题,然后开始“画上的饼”,预言本公司产品可以达到的效果。 接下来进入发现问题,,进入“展示肌肉”的环节,展示我们的产品处于怎样的高水平。 最后是分析问题能够构筑实战场景,用语言解决问题,增强说服力。 通过将故事线可视化,也确认了视图的选择。 分析数据(问题数据预言效果)、产品状况)、技术、能力)、实用场景)预演)。

四、可视化设计原则4:合理的信息密度筛选

好的可视化不是越多越好,而是需要展示适当的信息。 合理的信息展示有助于向用户清晰地传达可视化的故事。 合理提示信息的必要性:

筛选信息密度,使信息展示量正好; 把信息分成主要的和次要的,把信息分成主要的和明确的。 信息过滤前后的比较效果如下图所示。

数据可视化设计(2):可视化设计原则

失败的可视化案例可能主要有两种极端情况。 显示过多或过少的数据信息。

第一种极端的情况是,视觉化设计者想要传达的信息量过多,增加了视觉化的视觉负担,同时难以被观赏者理解,重要的信息被很多次要的信息埋没,在视觉化设计中无法迅速正确地叙述想要表达的故事另一种极端情况是可视化设计者高度简化信息,给用户造成认知障碍,用户无法连接相关数据,无法连接零碎信息进行可视化的故事。

五、可视化设计原则5:数据到可视化的直观映射

可视化的中心作用是使用户能够在最短的时间内获取数据所表达的信息。 如果直接观察抽象的数据,显然无法迅速获取数据想要表达的信息,因此从适当的数据到可视化要素的映射,可以提高可视化设计的可用性和功能性。

从数据到可视化要素的映射必须利用固有的经验。 例如,利用经验,根据数据的特征和表现目的,选择合适的图表进行可视化。

六、可视化设计原则6:恰当的可视化交互

在数据可视化故事的过程中,可以通过信息轮播、视频等效果自动切换数据信息,进行可视化故事的描述。 这种替代用户主动操作的方式可能会导致混乱,妨碍信息的读取,因此请勿过多使用。

数据可视化设计在需要用户交互操作的情况下,要保证操作的引导性和预见性,交互前有引导,交互后有反馈,使整个可视化故事自然连贯。 此外,还必须确保交互操作的直观性、易理解性和记忆性,并降低用户的使用阈值。

七、可视化设计原则7:自然的可视化隐喻

自然可视化隐喻在利用数据讲故事时,通过可视化用户熟悉的东西比较陌生的数据信息,有助于提高可视化用户对故事的理解。 感情上也容易与用户产生共鸣,出现设计可视化的人本思想。

本体和喻体之间存在某种关联和相似性,这种可视化的隐喻自然而不突兀,但具象的模型可以降低可视化用户的理解门槛,加深对产品的印象。 例如,利用工厂的生产流程表现数据管理的过程,实体工业生产的过程完美解释抽象的数据旅行在零部件加工的过程中比喻人脑对信息的认识,将信息转化为知识积累、使用的全过程。

八、可视化设计原则8:巧用动画与过渡

动画和过渡效果增强了可视化结果视图的丰富性和可理解性,增加了用户交互的反馈效果,操作自然一致; 也可以提高重要信息和画面整体的表现力,引起用户的兴趣,增加印象。

但是,如果不恰当地使用动画和过渡,则会产生相反的效果。 为了更好地使用动画和过渡,必须执行以下操作:

适量原则:动画不能使用过多。 特别是自动播放的东西,要避免陷入过渡性的设计危机。 统一原则:同一动画含义统一,同一行为与动画一致,维持一致的用户体验; 通俗易懂的原则:简单的变形、适量的时间、容易判断、容易捕捉,不会增加观赏者的认知负担。 在什么情况下使用动画和过渡会获得更多的成果呢? 主要用于以下场景:

解决问题

如果过滤可视化信息后密度仍然很高,则设计师通常会设计多个视图来显示各种数据表示的信息。 要在不同的视图之间直接切换,请使用动态效果或过渡效果。 这有助于用户跟踪不同视图的元素变换。 视觉频道(数据量、表现形式/状态)发生变化时,可以通过动画的形式进行转移,以减轻视图的变化给用户带来的“冲击”,使用户不会在变化中迷路。 数据可视化设计(2):可视化设计原则

数据的变更效果

数据可视化设计(2):可视化设计原则

按图表类型切换效果

(1)辅助不同视图/不同可视化视觉通道的变换

实时反馈效果有助于用户获得此次操作的确认,避免用户盲目重复操作。 将鼠标移动到特定的可视化区域时,会发生光晕或微动效果发生变化,以引导用户操作。

(2)交互反馈效果

微交互效果的视觉通道中,运动、闪烁、虚拟物体的运动等动画效果很好,这种微交互效果很容易引起观赏者的注意。 如果重要信息需要观众迅速捕捉,可以选择微交互效果来吸引用户的注意力。 同时,微交互也常用于增加设计的趣味性,提高鉴赏者的兴趣,使观赏者产生情感上的共鸣。

闪烁效果,吸引注意力

PS :这篇专题文章只是笔者作为设计师的见解。 如果有不足的地方,期待前辈/大神的指出。 笔者将继续修改和完善后续内容,完善个人知识体系。

相关阅读

数据可视化设计(1)情感化设计指导可视化设计理念

作者: Nemo,一位在一线奋斗四年的交互设计师,执着于构建个人知识体系

这篇文章发表在@Nemo原创上,人人都是产品经理。 未经许可禁止转载

标题来自Unsplash,基于CC0协议

Focus on the strength of the pithy专注极简的力量

PITHY CONTACT

一家没有销售的玉溪网站建设公司
我们特立独行

img/mail.png联系我们

PITHY CALL

如果您对我们的服务有什么疑问
欢迎来电咨询

电话
18868949445
img/top.svg
网站声明 | 隐私政策 | 网站地图 © 2018 MFweb. All rights reserved. Designed by玉溪网站制作玉溪网站设计公司玉溪网站建设公司