1. 程式人生 > >VARCHART XGantt系列教程:對外觀使用顏色的技巧

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

VARCHART XGantt是一款功能強大的甘特圖控制元件。其模組化的設計讓您可以建立滿足您和您的客戶所需求的應用程式。VARCHART XGantt可以快速、簡單地整合到您的應用程式中,幫助您識別效能瓶頸、避免延遲以及高效利用資源,使複雜資料變得更加容易理解。

XGantt展示圖  

如果您使用Gantt Charts來進行資源控制,那麼您通常會對當前情況有一個清晰和精確的概述感興趣。特別是在某些事情似乎不怎麼明瞭的情況下,您需要立即看到問題。介於此本文旨在講述如何對外觀使用顏色,供大家學習討論。


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

首先,你需要提高他的審美能力,這將有助於提高使用者對甘特圖的接受能力。

可能你會覺得“我不是平面設計師,只是沒有把東西做得漂亮的藝術天賦。我不在乎漂亮,甘特圖只要奏效就行。”但是客戶不會這麼想,他們不在乎你不在乎,他們只是想要一些有吸引力的東西。

好訊息是,有一些工具可以讓製作甘特圖變得輕鬆。這些工具可以幫助您找到一組協調的顏色。

  • Color Scheme Designer
  • Adobe Kuler

這兩種工具都可以讓你通過使用不同的色彩學規則找到配色方案。我們建議使用生成的顏色集來著色所有主要的圖元素——特別是表頭和表體、時間表和條。


Tips 2:對比是王

對比度是最重要的,你需要使用對比色。因為對比度可以確保您的使用者能夠閱讀您希望他們閱讀的內容。

對比度1

【低對比度】

對比度2

【高對比度】


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

如果圖表中的許多物件都是由漸變著色的,那麼就會導致不清晰的外觀,並分散對圖表主要方面的注意力。此外,您的使用者會受到移動裝置上正在發生的事情的影響:當前的趨勢是平鋪的按鈕和圖示。因此,建議只在非常講究的地方使用顏色梯度。

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

【凹面】

【凸面】

同時需要注意不自然的表現。比如從頂部照明(想想陽光或您辦公室的照明),這是一種日常的使用者體驗。因此,從暗到亮的垂直梯度可能在某種程度上是錯誤的。在任何情況下,不要混合這兩種變體。

【BOTTOM-LIGHTED】

【TOP-LIGHTED】


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

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

【交替行背景色】

另外,您還可以定義只有所選節點的行是動態著色的。這是甘特圖控制元件的一個標準特性。

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


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

瞭解更多VARCHART XGantt資訊請點選這裡