VARCHART XGantt系列教程：使用顏色來定義語義

VARCHART XGantt是一款功能強大的甘特圖控件。其模塊化的設計讓您可以創建滿足您和您的客戶所需求的應用程序（我們領先的甘特圖控件VARCHART XGantt可用於dotnet，ActiveX和ASP.NET應用程序）。VARCHART XGantt可以快速、簡單地集成到您的應用程序中，幫助您識別性能瓶頸、避免延遲以及高效利用資源，使複雜數據變得更加容易理解。
與客戶合作時，經常會討論性能，分組，排序和過濾，數據綁定，拖放交互，任務鏈接，打印和其他典型甘特圖功能等問題。但經常被忽視的是顏色對調度應用程序的影響。顏色看起來很瑣碎，很少討論它們。本文將介紹五種最佳實踐，來介紹如何使用顏色來定義規劃語義。

一、不要試圖否決日常語義

讓我們從生活中顯而易見的事情開始。在我們的日常生活中，一些顏色必然具有非常獨特的含義。例如，考慮交通信號燈或控制面板。

• 紅色通常意味着警覺，危險或停止。

• 黃色代表警告。

• 綠色表示可以，繼續。
  因此，如果要表達相應的語義，請使用這些顏色。這就是爲什麼用綠色條和綠色鏈接顯示項目的關鍵路徑是沒有意義的。

二、對相似的活動使用相同的顏色

您希望讓用戶一眼就能理解甘特圖中顯示的情況。實現此目的的一種好方法是對相似活動或分組對象使用相同的顏色。例如，要顯示分組任務，請對每個組的所有條形以及相應的表區域使用相同的顏色色調。

三、顏色層次結構應代表信息層次結構

很多時候，我們會注意到顏色與甘特圖表中的實際信息不同的圖表。這感覺就像在沙漠，廚師用鹽代替糖。確保顏色層次結構代表信息層次結構。不要通過使用大膽的顏色來引導用戶注意不太重要的事情。以下屏幕截圖使用日曆網格示例更詳細地解釋了這一點。

四、突出顯示所選元素的藝術

顏色還用於突出顯示甘特圖中節點或錶行等元素，以將其標記爲「當前」或「活動」元素。然後，該選擇與例如下一個用戶交互相關，例如刪除所有標記的節點。在這種情況下，如果所有選定的元素都標記相同，則對用戶更有幫助。這可以通過使用明顯的顏色來吸引用戶的注意力來實現。您可以通過定義綁定到過濾器的新圖層來實現此目的，該圖層僅在應用過濾條件時顯示。
但是，幾乎在任何情況下，甘特圖都不像上面那麼簡單。通常，要標記的元素具有表示特定語義的自己的顏色。然後標記顏色將隱藏「語義顏色」。因此，用戶可能會丟失有關標記元素的重要信息。
在這種情況下，建議使所選元素變暗或變亮。VARCHART XGantt控件在其屬性頁面上提供了一種簡單的方法。請注意：VARCHART XGantt的默認變暗和增亮固定爲原始色彩亮度的25％。正如您在下面的截圖中看到的那樣，這種方法可以生成圖表，其中標記元素的語義被保留，但標記不再清晰可見。

然後解決方案是使用自己的層進行標記。在下面的示例中，使用了一個黑色圖層，其alpha值（透明度）設置爲128.此外，我們將字體顏色從深灰色更改爲白色。這增加了對比度，從而提高了可讀性。

五、短期和後續活動的着色

經證實的最佳實踐是爲各種生產訂單使用不同的顏色，並且不對節點使用黑色邊框。這有助於創建對單一操作的關注，並更清楚地瞭解各種機器上發生的情況。
想要了解更多VARCHART XGantt相關信息請點擊這裏