VARCHART XGantt系列教程:使用颜色来定义语义

VARCHART XGantt是一款功能强大的甘特图控件。其模块化的设计让您可以创建满足您和您的客户所需求的应用程序(我们领先的甘特图控件VARCHART XGantt可用于dotnet,ActiveX和ASP.NET应用程序)。VARCHART XGantt可以快速、简单地集成到您的应用程序中,帮助您识别性能瓶颈、避免延迟以及高效利用资源,使复杂数据变得更加容易理解。
与客户合作时,经常会讨论性能,分组,排序和过滤,数据绑定,拖放交互,任务链接,打印和其他典型甘特图功能等问题。但经常被忽视的是颜色对调度应用程序的影响。颜色看起来很琐碎,很少讨论它们。本文将介绍五种最佳实践,来介绍如何使用颜色来定义规划语义。

一、不要试图否决日常语义

让我们从生活中显而易见的事情开始。在我们的日常生活中,一些颜色必然具有非常独特的含义。例如,考虑交通信号灯或控制面板。

  • 红色通常意味着警觉,危险或停止。

  • 黄色代表警告。

  • 绿色表示可以,继续。
    因此,如果要表达相应的语义,请使用这些颜色。这就是为什么用绿色条和绿色链接显示项目的关键路径是没有意义的。

二、对相似的活动使用相同的颜色

您希望让用户一眼就能理解甘特图中显示的情况。实现此目的的一种好方法是对相似活动或分组对象使用相同的颜色。例如,要显示分组任务,请对每个组的所有条形以及相应的表区域使用相同的颜色色调。

三、颜色层次结构应代表信息层次结构

很多时候,我们会注意到颜色与甘特图表中的实际信息不同的图表。这感觉就像在沙漠,厨师用盐代替糖。确保颜色层次结构代表信息层次结构。不要通过使用大胆的颜色来引导用户注意不太重要的事情。以下屏幕截图使用日历网格示例更详细地解释了这一点。

四、突出显示所选元素的艺术

颜色还用于突出显示甘特图中节点或表行等元素,以将其标记为“当前”或“活动”元素。然后,该选择与例如下一个用户交互相关,例如删除所有标记的节点。在这种情况下,如果所有选定的元素都标记相同,则对用户更有帮助。这可以通过使用明显的颜色来吸引用户的注意力来实现。您可以通过定义绑定到过滤器的新图层来实现此目的,该图层仅在应用过滤条件时显示。
但是,几乎在任何情况下,甘特图都不像上面那么简单。通常,要标记的元素具有表示特定语义的自己的颜色。然后标记颜色将隐藏“语义颜色”。因此,用户可能会丢失有关标记元素的重要信息。
在这种情况下,建议使所选元素变暗或变亮。VARCHART XGantt控件在其属性页面上提供了一种简单的方法。请注意:VARCHART XGantt的默认变暗和增亮固定为原始色彩亮度的25%。正如您在下面的截图中看到的那样,这种方法可以生成图表,其中标记元素的语义被保留,但标记不再清晰可见。

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

五、短期和后续活动的着色

经证实的最佳实践是为各种生产订单使用不同的颜色,并且不对节点使用黑色边框。这有助于创建对单一操作的关注,并更清楚地了解各种机器上发生的情况。
想要了解更多VARCHART XGantt相关信息请点击这里

猜你喜欢

转载自blog.csdn.net/ymy_666666/article/details/84586550