VARCHART XGantt系列教程:对外观使用颜色的技巧

VARCHART XGantt是一款功能强大的甘特图控件。其模块化的设计让您可以创建满足您和您的客户所需求的应用程序(我们领先的甘特图控件VARCHART XGantt可用于.NET,ActiveX和ASP.NET应用程序)。VARCHART XGantt可以快速、简单地集成到您的应用程序中,帮助您识别性能瓶颈、避免延迟以及高效利用资源,使复杂数据变得更加容易理解。

XGantt展示图VARCHART XGantt最新版免费下载试用

Tips 1:创建漂亮甘特图的有用工具

首先,你需要提高他的审美能力,这将有助于提高用户对甘特图的接受能力。

可能你会觉得“我不是平面设计师,只是没有把东西做得漂亮的艺术天赋。我不在乎漂亮,甘特图只要奏效就行。”但是客户不会这么想,他们不在乎你不在乎,他们只是想要一些有吸引力的东西。

好消息是,有一些工具可以让制作甘特图变得轻松。这些工具可以帮助您找到一组协调的颜色。

  • Color Scheme Designer
  • Adobe Kuler

这两种工具都可以让你通过使用不同的色彩学规则找到配色方案。我们建议使用生成的颜色集来着色所有主要的图元素——特别是表头和表体、时间表和条。


Tips 2:对比是王

对比度是最重要的,你需要使用对比色。因为对比度可以确保您的用户能够阅读您希望他们阅读的内容。

对比度1

【低对比度】

对比度2

【高对比度】


Tips 3:使用像辣椒一样颜色的渐变

如果图表中的许多对象都是由渐变着色的,那么就会导致不清晰的外观,并分散对图表主要方面的注意力。此外,您的用户会受到移动设备上正在发生的事情的影响:当前的趋势是平铺的按钮和图标。因此,建议只在非常讲究的地方使用颜色梯度。

如果渐变从亮过渡到暗,再从暗过渡到亮,就会产生凹面的效果。相反,使用从暗到亮再到暗的渐变会产生一个凸面。大多数情况下,凸面看起来是合适的。

VARCHART XGantt系列教程:对外观使用颜色的技巧

【凹面】

VARCHART XGantt系列教程:对外观使用颜色的技巧

【凸面】

同时需要注意不自然的表现。比如从顶部照明(想想阳光或您办公室的照明),这是一种日常的用户体验。因此,从暗到亮的垂直梯度可能在某种程度上是错误的。在任何情况下,不要混合这两种变体。

VARCHART XGantt系列教程:对外观使用颜色的技巧

【BOTTOM-LIGHTED】

VARCHART XGantt系列教程:对外观使用颜色的技巧

【TOP-LIGHTED】


Tips 4:行背景引导用户的眼睛

只有少数甘特图缺乏数据,在甘特图中显示的数据越多,条形图部分就越难与用户关联。解决这个问题的一个好方法是引入交替的行背景色。

VARCHART XGantt系列教程:对外观使用颜色的技巧

【交替行背景色】

另外,您还可以定义只有所选节点的行是动态着色的。这是甘特图控件的一个标准特性。

VARCHART XGantt系列教程:对外观使用颜色的技巧

【带有选定节点的行会自动高亮显示】


更多VARCHART XGantt系列教程将在后续更新,敬请关注~

想要购买VARCHART XGantt正版授权,或者获取更多该产品相关信息的朋友可以点击” 咨询在线客服 “~
海量产品正在参加年终大促,价格优惠!详情请点击” 年终巅峰钜惠 “~

标签:甘特图XGantt甘特图开发

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2018年11月4日
下一篇 2018年11月4日

相关推荐

发表回复

登录后才能评论