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

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

---

1、不要試圖否決平常語義

讓咱們從生活中顯而易見的事情開始。在咱們的平常生活中，一些顏色必然具備很是獨特的含義。例如，考慮交通訊號燈或控制面板。

• 紅色一般意味着警覺，危險或中止。
• 黃色表明警告。
• 綠色表示能夠，繼續。 所以，若是要表達相應的語義，請使用這些顏色。這就是爲何用綠色條和綠色連接顯示項目的關鍵路徑是沒有意義的。

---

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

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

---

3、顏色層次結構應表明信息層次結構

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

---

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

顏色還用於突出顯示甘特圖中節點或錶行等元素，以將其標記爲「當前」或「活動」元素。而後，該選擇與例以下一個用戶交互相關，例如刪除全部標記的節點。在這種狀況下，若是全部選定的元素都標記相同，則對用戶更有幫助。這能夠經過使用明顯的顏色來吸引用戶的注意力來實現。您能夠經過定義綁定到過濾器的新圖層來實現此目的，該圖層僅在應用過濾條件時顯示。 可是，幾乎在任何狀況下，甘特圖都不像上面那麼簡單。一般，要標記的元素具備表示特定語義的本身的顏色。而後標記顏色將隱藏「語義顏色」。所以，用戶可能會丟失有關標記元素的重要信息。 在這種狀況下，建議使所選元素變暗或變亮。VARCHART XGantt控件在其屬性頁面上提供了一種簡單的方法。請注意：VARCHART XGantt的默認變暗和增亮固定爲原始色彩亮度的25％。正如您在下面的截圖中看到的那樣，這種方法能夠生成圖表，其中標記元素的語義被保留，但標記再也不清晰可見。 而後解決方案是使用本身的層進行標記。在下面的示例中，使用了一個黑色圖層，其alpha值（透明度）設置爲128.此外，咱們將字體顏色從深灰色更改成白色。這增長了對比度，從而提升了可讀性。

---

5、短時間和後續活動的着色

經證明的最佳實踐是爲各類生產訂單使用不一樣的顏色，而且不對節點使用黑色邊框。這有助於建立對單一操做的關注，並更清楚地瞭解各類機器上發生的狀況。

---

更多VARCHART XGantt相關信息能夠點擊這裏