在上一篇文章中我們了解到顏色在甘特圖中也有不同的作用。其中顏色在甘特圖中扮演著三個角色,才能使甘特圖對用戶有意義。
- 顏色決定甘特圖的外觀。
- 顏色還可以用來定義甘特圖的語義。因此,它們幫助用戶更快地理解甘特圖所呈現的完整且常常復雜的現實。
- 顏色還可以為甘特圖提供智能,從而使用戶更快地做出關鍵決策。
我們接著來介紹如何使用顏色來更好的調整甘特圖的外觀。
如何使用智能顏色來調整甘特圖外觀?
Tip5:不要試圖推翻日常語義
在我們的日常生活中,一些顏色一定有一個非常獨特的意義。例如,考慮交通信號燈或控制面板。因此,如果您想表達相應的語義,可以使用這些顏色。這就是為什么用綠色條和綠色鏈接顯示項目的關鍵路徑沒有任何意義。
Tip6:在類似的活動中使用相同的顏色
如果你希望用戶能夠一眼看出你的甘特圖中顯示的情況,實現這一點的一個好方法是對類似的活動或分組對象使用相同的顏色。例如,要顯示分組任務,對每個組的所有條形圖和對應的表區域使用相同的顏色。
Tip7:顏色層次結構應該表示信息層次結構
通常,我們會注意到圖中顏色所講述的故事與甘特圖中實際信息所講述的故事不同。
我們就需要確保顏色層次結構表示信息層次結構。不要通過使用粗體顏色來引導用戶注意不太重要的東西。我們可以通過下面的圖片來看一下。
Tip8:突出所選元素的藝術價值
顏色通常用于突出顯示甘特圖中的節點或表行等元素,將它們標記為“當前”或“活動”元素。這個選擇與下一個用戶交互相關,例如刪除所有標記的節點。
在這種情況下,如果所有選擇的元素都以標識方式標記,這對用戶非常有幫助。這可以通過使用明顯的顏色來吸引用戶的注意來實現。您可以通過定義一個綁定到過濾器的新層來實現這一點,該層僅在應用過濾器條件時才會顯示。
然而,在幾乎任何情況下,甘特圖都不像上面那樣簡單。通常,要標記的元素有自己的顏色來表示特定的語義。然后標記顏色將隱藏“語義顏色”。因此,用戶可能會丟失關于標記元素的重要信息。
在這種情況下,我們建議將選定的元素變暗或變亮。我們的VARCHART XGantt控件在它的屬性頁上提供了一種簡單的方法。
請注意:VARCHART XGantt的默認調暗和亮度固定為原來顏色亮度的25%。正如您從上面的屏幕截圖中看到的,這種方法可以生成保留標記元素語義但標記不再清晰可見的圖。
然后,解決方案是使用自己的圖層進行標記。在下面的例子中,我們使用了一個黑色圖層,alpha值(透明度)設置為128。此外,我們可以將字體顏色從深灰色更改為白色。這增加了對比度,從而提高了可讀性。
- 未完待續 -
想要體驗VARCHART XGantt嗎?趕快下載最新試用版吧!還有21天免費聽書卡贈送喲!