甘特图应用：使用颜色的技巧-控件新闻-慧都网

甘特图应用：使用颜色的技巧

原创|行业资讯|编辑：龚雪|2014-01-21 10:40:52.000|阅读 8058 次

概述：正如诱人的颜色对于美食的重要性一样，恰当的颜色对于甘特图来说也很重要：颜色直接影响甘特图的观感，颜色也可能暗示甘特图的内容。下面我们就来看看在甘特图中如何使用颜色。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

一、借助有利工具实现和谐的颜色效果

在创建甘特图时你需要在意其审美效果。好的审美效果无疑会促进用户对你甘特图的接受和认可。没有人想在一个丑陋的甘特图上工作。所以，让你的甘特图亮起来吧！

“我不是一个平面设计师，在这方面没有艺术天分。老实说，我也不关心审美。所以甘特图只要可以工作就行了。”

这样想就大错特错了。想想你的用户，想想他们的需求。他们想要的就是吸引人的东西。好消息是，有这样一些工具可以帮助你找到一套和谐的颜色。

这两种工具允许你通过使用色彩学的不同规则来查找配色方案。建议使用所产生的颜色集来着色所有主要的图表元素，如列表标题、内容主体、时间刻度、栏等。

二、对比很重要

通过对比选择最恰当的字体颜色，确保你的读者能轻易看清所有的文本。例如：当字体位于深色背景中时，避免在文本中使用深色。在这一点上千万不要怕麻烦，多选择几个颜色进行对比，效果孰好孰坏就很明显了。看看下面不同字体颜色的对比，

甘特图应用中的颜色技巧

显然下图中的文本比上图看起来清楚得多。

三、使用颜色渐变使其凸显，但又不至于给人不舒服的感觉

甘特图表控件的很多功能都可以处理颜色渐变。有时候，我们觉得某个功能确实很强大，但像辣椒一样，如果使用过多，反而让人觉得不舒服。

因此，对待颜色的渐变要谨慎。记住，如果一个甘特图中有很多对象，若为这些对象都使用渐变的话，可能导致看上去不清晰，分散对主要内容的注意力。另外，随着越来越多的用户从移动设备上访问，提倡采用扁平化设计的按钮和图标。

通常，浅色-深色-浅色的渐变给人一种凹面的印象，而深色-浅色-深色的渐变给人一种凸面的印象。在甘特图中，凸面的效果给人的感觉往往更舒服。

甘特图应用中的颜色技巧

另外，还要注意避免不自然的外观。依据我们的日常经验，事物的颜色一般是自上而下由浅及深的（想想阳光下或者灯光下办公室里面的东西）。因此，垂直方向由深入浅的颜色可能看上去不太自然，而由浅入深的颜色就会让人看着自然地多。另外，也不要试图混合这两种视觉效果。

甘特图应用中的颜色技巧

四、替换行的背景色

在甘特图中，数据越多，用户要快速找到某一行数据就越困难。一个好的方法就是引入另一种颜色替换该行原背景色。

甘特图应用中的颜色技巧

你可以自定义哪些行/排需要引入替换的背景色，这样选中的行就会自动高亮，且在右边图中呈现对应的标识。这就是甘特图控件的优势。

甘特图应用中的颜色技巧

>>相关阅读：

标签：甘特图

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@evget.com

文章转载自：慧都控件网

上一篇：30款精心挑选的JavaScript库和工具（三）下一篇：30款精心挑选的JavaScript库和工具（二）

在线采购

中文文档库

试用/Demo下载

开发社群