目录:
视频: 19 selenium打开多窗口和切换窗口 2024
当您开始创建可视化对象时,可能会担心图表,图形和其他关键数据的位置。因为你是数据可视化的新手,你可能会觉得你没有积累知识什么是有效的,什么没有。您可能会感到担心的一些原因包括:
-
您不确定图表中每个元素的位置。
<! --1 - > -
你不清楚你的用户是谁的数据。
-
你不知道把你的菜单项放在哪里,所以他们会被看到。幸运的是,认知科学家已经确定人们以某种特定的模式阅读文本和图像。在您组织可视化信息时,使用这些标准模式可帮助用户快速轻松地扫描信息。
<! - 2 - >
Z和F模式以下是两种最常见的视觉模式:
Z模式:
-
Z模式通常用于文本和视觉布局。正如所预料的那样,当一个人的眼睛跟随着Z图案时,他的眼睛从左到右穿过顶部,从左到右,然后穿过底部的页面。下图显示了按照读者眼睛在页面上的信息顺序编号的Z编号。
F模式:
-
认知科学家已经创建了热图来确定人眼在看网页时的位置。如下图所示,热图由颜色浓度组成,显示读者扫描页面的位置。最强烈的颜色(红色和黄色)显示读者眼睛徘徊最长的地方;读者在蓝色区域花费的时间更少。正如你所看到的,红色和黄色的区域就像一个F 热图上的F图案。
如果你一开始就坚持这两种布局模式,那么在设计你的数据时就不可能走得太远。
图案设计
以下是使用视觉图案知识创建精心设计的可视化的一些指导:
平衡:
-
将项目放入可视化对象时,请务必保持平衡。当太多的项目聚集在一起时,人们很难看到这些项目是如何相关的。 颜色:
-
随机使用诸如红色等颜色可能会引起误解,导致观察者在没有任何原因报警时会看到警报。 层次结构:
-
您熟悉层次结构的使用,因为它涉及到文本轮廓。轮廓的顶层可能有罗马数字,下一层可能有大写字母,然后第三层可能有一个数字。在可视化中,您可以根据大小或位置来判断层次结构中哪些项目更高或更低。你不需要像书面大纲那样使用编号。 重复:
-
重复有助于人们熟悉设计中的项目。如果你始终使用相同的元素,人们就会看到统一的整体,而不必猜测某些元素是什么意思,因为他们之前已经看到了这些元素。 空白:
-
数十年来,空白的使用一直备受瞩目。空白区域允许内容“呼吸”,也就是说,您的图像可以从可视化对象周围充足的空间中受益。杂乱无章让人们难以一目了然地看到图像。