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信息请点击这里

猜你喜欢

转载自my.oschina.net/u/4031063/blog/2981055
今日推荐