在上一篇文章中我們了解到顏色在甘特圖中也有不同的作用。其中顏色在甘特圖中扮演著三個(gè)角色，才能使甘特圖對(duì)用戶有意義。

• 顏色決定甘特圖的外觀。
• 顏色還可以用來定義甘特圖的語義。因此，它們幫助用戶更快地理解甘特圖所呈現(xiàn)的完整且常常復(fù)雜的現(xiàn)實(shí)。
• 顏色還可以為甘特圖提供智能，從而使用戶更快地做出關(guān)鍵決策。

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

如何使用智能顏色來調(diào)整甘特圖外觀？

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

在我們的日常生活中，一些顏色一定有一個(gè)非常獨(dú)特的意義。例如，考慮交通信號(hào)燈或控制面板。因此，如果您想表達(dá)相應(yīng)的語義，可以使用這些顏色。這就是為什么用綠色條和綠色鏈接顯示項(xiàng)目的關(guān)鍵路徑?jīng)]有任何意義。

Tip6：在類似的活動(dòng)中使用相同的顏色

如果你希望用戶能夠一眼看出你的甘特圖中顯示的情況，實(shí)現(xiàn)這一點(diǎn)的一個(gè)好方法是對(duì)類似的活動(dòng)或分組對(duì)象使用相同的顏色。例如，要顯示分組任務(wù)，對(duì)每個(gè)組的所有條形圖和對(duì)應(yīng)的表區(qū)域使用相同的顏色。

Tip7：顏色層次結(jié)構(gòu)應(yīng)該表示信息層次結(jié)構(gòu)

通常，我們會(huì)注意到圖中顏色所講述的故事與甘特圖中實(shí)際信息所講述的故事不同。

我們就需要確保顏色層次結(jié)構(gòu)表示信息層次結(jié)構(gòu)。不要通過使用粗體顏色來引導(dǎo)用戶注意不太重要的東西。我們可以通過下面的圖片來看一下。

Tip8：突出所選元素的藝術(shù)價(jià)值

顏色通常用于突出顯示甘特圖中的節(jié)點(diǎn)或表行等元素，將它們標(biāo)記為“當(dāng)前”或“活動(dòng)”元素。這個(gè)選擇與下一個(gè)用戶交互相關(guān)，例如刪除所有標(biāo)記的節(jié)點(diǎn)。

在這種情況下，如果所有選擇的元素都以標(biāo)識(shí)方式標(biāo)記，這對(duì)用戶非常有幫助。這可以通過使用明顯的顏色來吸引用戶的注意來實(shí)現(xiàn)。您可以通過定義一個(gè)綁定到過濾器的新層來實(shí)現(xiàn)這一點(diǎn)，該層僅在應(yīng)用過濾器條件時(shí)才會(huì)顯示。

然而，在幾乎任何情況下，甘特圖都不像上面那樣簡單。通常，要標(biāo)記的元素有自己的顏色來表示特定的語義。然后標(biāo)記顏色將隱藏“語義顏色”。因此，用戶可能會(huì)丟失關(guān)于標(biāo)記元素的重要信息。

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

請(qǐng)注意:VARCHART XGantt的默認(rèn)調(diào)暗和亮度固定為原來顏色亮度的25%。正如您從上面的屏幕截圖中看到的，這種方法可以生成保留標(biāo)記元素語義但標(biāo)記不再清晰可見的圖。

然后，解決方案是使用自己的圖層進(jìn)行標(biāo)記。在下面的例子中，我們使用了一個(gè)黑色圖層，alpha值(透明度)設(shè)置為128。此外，我們可以將字體顏色從深灰色更改為白色。這增加了對(duì)比度，從而提高了可讀性。

- 未完待續(xù) -

想要體驗(yàn)VARCHART XGantt嗎？趕快下載最新試用版吧！還有21天免費(fèi)聽書卡贈(zèng)送喲！

總結(jié)

以上是生活随笔為你收集整理的甘特图看起来很生硬？教你使用智能颜色装饰你的甘特图！（二）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。