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