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

ymy_666666發表於2018-11-28

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

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

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

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

  • 紅色通常意味著警覺,危險或停止。

  • 黃色代表警告。

  • 綠色表示可以,繼續。 因此,如果要表達相應的語義,請使用這些顏色。這就是為什麼用綠色條和綠色連結顯示專案的關鍵路徑是沒有意義的。

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

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

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

三、顏色層次結構應代表資訊層次結構

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

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

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

顏色還用於突出顯示甘特圖中節點或錶行等元素,以將其標記為“當前”或“活動”元素。然後,該選擇與例如下一個使用者互動相關,例如刪除所有標記的節點。在這種情況下,如果所有選定的元素都標記相同,則對使用者更有幫助。這可以通過使用明顯的顏色來吸引使用者的注意力來實現。您可以通過定義繫結到過濾器的新圖層來實現此目的,該圖層僅在應用過濾條件時顯示。

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

VARCHART XGantt系列教程:使用顏色來定義語義
在這種情況下建議使所選元素變暗或變亮。VARCHART XGantt控制元件在其屬性頁面上提供了一種簡單的方法。請注意:VARCHART XGantt的預設變暗和增亮固定為原始色彩亮度的25%。正如您在下面的截圖中看到的那樣,這種方法可以生成圖表,其中標記元素的語義被保留,但標記不再清晰可見。

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

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

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

經證實的最佳實踐是為各種生產訂單使用不同的顏色,並且不對節點使用黑色邊框。這有助於建立對單一操作的關注,並更清楚地瞭解各種機器上發生的情況。

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

想要了解更多VARCHART XGantt相關資訊請點選這裡

相關文章