甘特图看起来很生硬?教你使用智能颜色装饰你的甘特图!(二)

在上一篇文章中我们了解到颜色在甘特图中也有不同的作用。其中颜色在甘特图中扮演着三个角色,才能使甘特图对用户有意义。

  • 颜色决定甘特图的外观。
  • 颜色还可以用来定义甘特图的语义。因此,它们帮助用户更快地理解甘特图所呈现的完整且常常复杂的现实。
  • 颜色还可以为甘特图提供智能,从而使用户更快地做出关键决策。

我们接着来介绍如何使用颜色来更好的调整甘特图的外观。

如何使用智能颜色来调整甘特图外观?

Tip5:不要试图推翻日常语义

在我们的日常生活中,一些颜色一定有一个非常独特的意义。例如,考虑交通信号灯或控制面板。因此,如果您想表达相应的语义,可以使用这些颜色。这就是为什么用绿色条和绿色链接显示项目的关键路径没有任何意义。

Tip6:在类似的活动中使用相同的颜色

如果你希望用户能够一眼看出你的甘特图中显示的情况,实现这一点的一个好方法是对类似的活动或分组对象使用相同的颜色。例如,要显示分组任务,对每个组的所有条形图和对应的表区域使用相同的颜色。

Tip7:颜色层次结构应该表示信息层次结构

通常,我们会注意到图中颜色所讲述的故事与甘特图中实际信息所讲述的故事不同。

我们就需要确保颜色层次结构表示信息层次结构。不要通过使用粗体颜色来引导用户注意不太重要的东西。我们可以通过下面的图片来看一下。

Tip8:突出所选元素的艺术价值

颜色通常用于突出显示甘特图中的节点或表行等元素,将它们标记为“当前”或“活动”元素。这个选择与下一个用户交互相关,例如删除所有标记的节点。

在这种情况下,如果所有选择的元素都以标识方式标记,这对用户非常有帮助。这可以通过使用明显的颜色来吸引用户的注意来实现。您可以通过定义一个绑定到过滤器的新层来实现这一点,该层仅在应用过滤器条件时才会显示。

然而,在几乎任何情况下,甘特图都不像上面那样简单。通常,要标记的元素有自己的颜色来表示特定的语义。然后标记颜色将隐藏“语义颜色”。因此,用户可能会丢失关于标记元素的重要信息。

在这种情况下,我们建议将选定的元素变暗或变亮。我们的VARCHART XGantt控件在它的属性页上提供了一种简单的方法。

请注意:VARCHART XGantt的默认调暗和亮度固定为原来颜色亮度的25%。正如您从上面的屏幕截图中看到的,这种方法可以生成保留标记元素语义但标记不再清晰可见的图。

然后,解决方案是使用自己的图层进行标记。在下面的例子中,我们使用了一个黑色图层,alpha值(透明度)设置为128。此外,我们可以将字体颜色从深灰色更改为白色。这增加了对比度,从而提高了可读性。

- 未完待续 -

想要体验VARCHART XGantt吗?赶快下载最新试用版吧!还有21天免费听书卡赠送哟!


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值