甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

mnrssj發表於2019-04-17

在上一篇文章中我們瞭解到顏色在甘特圖中也有不同的作用。其中顏色在甘特圖中扮演著三個角色,才能使甘特圖對使用者有意義。

  • 顏色決定甘特圖的外觀。
  • 顏色還可以用來定義甘特圖的語義。因此,它們幫助使用者更快地理解甘特圖所呈現的完整且常常複雜的現實。
  • 顏色還可以為甘特圖提供智慧,從而使使用者更快地做出關鍵決策。

我們接著來介紹如何使用顏色來更好的調整甘特圖的外觀。

如何使用智慧顏色來調整甘特圖外觀?

Tip5:不要試圖推翻日常語義

在我們的日常生活中,一些顏色一定有一個非常獨特的意義。例如,考慮交通訊號燈或控制皮膚。因此,如果您想表達相應的語義,可以使用這些顏色。這就是為什麼用綠色條和綠色連結顯示專案的關鍵路徑沒有任何意義。

Tip6:在類似的活動中使用相同的顏色

如果你希望使用者能夠一眼看出你的甘特圖中顯示的情況,實現這一點的一個好方法是對類似的活動或分組物件使用相同的顏色。例如,要顯示分組任務,對每個組的所有條形圖和對應的表區域使用相同的顏色。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

Tip7:顏色層次結構應該表示資訊層次結構

通常,我們會注意到圖中顏色所講述的故事與甘特圖中實際資訊所講述的故事不同。

我們就需要確保顏色層次結構表示資訊層次結構。不要通過使用粗體顏色來引導使用者注意不太重要的東西。我們可以通過下面的圖片來看一下。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

Tip8:突出所選元素的藝術價值

顏色通常用於突出顯示甘特圖中的節點或錶行等元素,將它們標記為“當前”或“活動”元素。這個選擇與下一個使用者互動相關,例如刪除所有標記的節點。

在這種情況下,如果所有選擇的元素都以標識方式標記,這對使用者非常有幫助。這可以通過使用明顯的顏色來吸引使用者的注意來實現。您可以通過定義一個繫結到過濾器的新層來實現這一點,該層僅在應用過濾器條件時才會顯示。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

然而,在幾乎任何情況下,甘特圖都不像上面那樣簡單。通常,要標記的元素有自己的顏色來表示特定的語義。然後標記顏色將隱藏“語義顏色”。因此,使用者可能會丟失關於標記元素的重要資訊。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

在這種情況下,我們建議將選定的元素變暗或變亮。我們的VARCHART XGantt控制元件在它的屬性頁上提供了一種簡單的方法。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

請注意:VARCHART XGantt的預設調暗和亮度固定為原來顏色亮度的25%。正如您從上面的螢幕截圖中看到的,這種方法可以生成保留標記元素語義但標記不再清晰可見的圖。

然後,解決方案是使用自己的圖層進行標記。在下面的例子中,我們使用了一個黑色圖層,alpha值(透明度)設定為128。此外,我們可以將字型顏色從深灰色更改為白色。這增加了對比度,從而提高了可讀性。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(二)

- 未完待續 -

想要體驗VARCHART XGantt嗎?趕快下載最新試用版吧!還有21天免費聽書卡贈送喲!


相關文章