VARCHART XGantt系列教程：對外觀使用顏色的技巧

VARCHART XGantt是一款功能強大的甘特圖控件。其模塊化的設計讓您能夠建立知足您和您的客戶所需求的應用程序。VARCHART XGantt能夠快速、簡單地集成到您的應用程序中，幫助您識別性能瓶頸、避免延遲以及高效利用資源，使複雜數據變得更加容易理解。

 

若是您使用Gantt Charts來進行資源控制，那麼您一般會對當前狀況有一個清晰和精確的概述感興趣。特別是在某些事情彷佛不怎麼明瞭的狀況下，您須要當即看到問題。介於此本文旨在講述如何對外觀使用顏色，供你們學習討論。

---

Tips 1:建立漂亮甘特圖的有用工具

首先，你須要提升他的審美能力，這將有助於提升用戶對甘特圖的接受能力。

可能你會以爲「我不是平面設計師，只是沒有把東西作得漂亮的藝術天賦。我不在意漂亮，甘特圖只要奏效就行。」可是客戶不會這麼想，他們不在意你不在意，他們只是想要一些有吸引力的東西。

好消息是，有一些工具可讓製做甘特圖變得輕鬆。這些工具能夠幫助您找到一組協調的顏色。

• Color Scheme Designer
• Adobe Kuler

這兩種工具均可以讓你經過使用不一樣的色彩學規則找到配色方案。咱們建議使用生成的顏色集來着色全部主要的圖元素——特別是表頭和表體、時間表和條。

---

Tips 2:對比是王

對比度是最重要的，你須要使用對比色。由於對比度能夠確保您的用戶可以閱讀您但願他們閱讀的內容。

【低對比度】

【高對比度】

---

Tips 3:使用像辣椒同樣顏色的漸變

若是圖表中的許多對象都是由漸變着色的，那麼就會致使不清晰的外觀，並分散對圖表主要方面的注意力。此外，您的用戶會受到移動設備上正在發生的事情的影響：當前的趨勢是平鋪的按鈕和圖標。所以，建議只在很是講究的地方使用顏色梯度。

若是漸變從亮過渡到暗，再從暗過渡到亮，就會產生凹面的效果。相反，使用從暗到亮再到暗的漸變會產生一個凸面。大多數狀況下，凸面看起來是合適的。

【凹面】

【凸面】

同時須要注意不天然的表現。好比從頂部照明(想一想陽光或您辦公室的照明)，這是一種平常的用戶體驗。所以，從暗到亮的垂直梯度可能在某種程度上是錯誤的。在任何狀況下，不要混合這兩種變體。

【BOTTOM-LIGHTED】

【TOP-LIGHTED】

---

Tips 4:行背景引導用戶的眼睛

只有少數甘特圖缺少數據，在甘特圖中顯示的數據越多，條形圖部分就越難與用戶關聯。解決這個問題的一個好方法是引入交替的行背景色。

【交替行背景色】

另外，您還能夠定義只有所選節點的行是動態着色的。這是甘特圖控件的一個標準特性。

【帶有選定節點的行會自動高亮顯示】

---

更多VARCHART XGantt系列教程將在後續更新，敬請關注~

瞭解更多VARCHART XGantt信息請點擊這裏。