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

翻译|行业资讯|编辑:黄竹雯|2019-04-17 09:49:09.000|阅读 69 次

概述:如何使用智能颜色来调整甘特图外观?13招带你玩转VARCHART XGantt!

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- 未完待续 -


想要体验VARCHART XGantt吗?赶快下载最新试用版吧!还有海量教程资源等你来看!



标签:甘特图甘特图开发

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
title
相关厂商
相关产品
VARCHART XGantt

用于工业4.0项目管理、交互式的甘特图绝佳解决方案,世界级甘特图大师

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat