翻譯|使用教程|編輯:黃竹雯|2018-11-28 15:00:07.000|閱讀 394 次
概述:交互式甘特圖控件VARCHART XGantt系列教程之使用顏色來定義語義
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
VARCHART XGantt是一款功能強大的甘特圖控件。其模塊化的設計讓您可以創(chuàng)建滿足您和您的客戶所需求的應用程序(我們領先的甘特圖控件VARCHART XGantt可用于.NET,ActiveX和ASP.NET應用程序)。VARCHART XGantt可以快速、簡單地集成到您的應用程序中,幫助您識別性能瓶頸、避免延遲以及高效利用資源,使復雜數(shù)據變得更加容易理解。
與客戶合作時,經常會討論性能,分組,排序和過濾,數(shù)據綁定,拖放交互,任務鏈接,打印和其他典型甘特圖功能等問題。但經常被忽視的是顏色對調度應用程序的影響。顏色看起來很瑣碎,很少討論它們。本文將介紹五種最佳實踐,來介紹如何使用顏色來定義規(guī)劃語義。
讓我們從生活中顯而易見的事情開始。在我們的日常生活中,一些顏色必然具有非常獨特的含義。例如,考慮交通信號燈或控制面板。
因此,如果要表達相應的語義,請使用這些顏色。這就是為什么用綠色條和綠色鏈接顯示項目的關鍵路徑是沒有意義的。
您希望讓用戶一眼就能理解甘特圖中顯示的情況。實現(xiàn)此目的的一種好方法是對相似活動或分組對象使用相同的顏色。例如,要顯示分組任務,請對每個組的所有條形以及相應的表區(qū)域使用相同的顏色色調。
很多時候,我們會注意到顏色與甘特圖表中的實際信息不同的圖表。這感覺就像在沙漠,廚師用鹽代替糖。確保顏色層次結構代表信息層次結構。不要通過使用大膽的顏色來引導用戶注意不太重要的事情。以下屏幕截圖使用日歷網格示例更詳細地解釋了這一點。
顏色還用于突出顯示甘特圖中節(jié)點或表行等元素,以將其標記為“當前”或“活動”元素。然后,該選擇與例如下一個用戶交互相關,例如刪除所有標記的節(jié)點。在這種情況下,如果所有選定的元素都標記相同,則對用戶更有幫助。這可以通過使用明顯的顏色來吸引用戶的注意力來實現(xiàn)。您可以通過定義綁定到過濾器的新圖層來實現(xiàn)此目的,該圖層僅在應用過濾條件時顯示。
但是,幾乎在任何情況下,甘特圖都不像上面那么簡單。通常,要標記的元素具有表示特定語義的自己的顏色。然后標記顏色將隱藏“語義顏色”。因此,用戶可能會丟失有關標記元素的重要信息。
在這種情況下,建議使所選元素變暗或變亮。VARCHART XGantt控件在其屬性頁面上提供了一種簡單的方法。請注意:VARCHART XGantt的默認變暗和增亮固定為原始色彩亮度的25%。正如您在下面的截圖中看到的那樣,這種方法可以生成圖表,其中標記元素的語義被保留,但標記不再清晰可見。
然后解決方案是使用自己的層進行標記。在下面的示例中,使用了一個黑色圖層,其alpha值(透明度)設置為128.此外,我們將字體顏色從深灰色更改為白色。這增加了對比度,從而提高了可讀性。
經證實的最佳實踐是為各種生產訂單使用不同的顏色,并且不對節(jié)點使用黑色邊框。這有助于創(chuàng)建對單一操作的關注,并更清楚地了解各種機器上發(fā)生的情況。
本站文章除注明轉載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn