我们都知道香料及其巧妙的混合能对我们烹饪和食用的任何一餐产生巨大的影响。有时,只有不到一毫克的某种香料才会让一顿美味的、无味的或太辣的饭变得不同。

就像香料可以起到隐藏的、主导的或互补的作用一样,颜色在甘特图中也有不同的作用。我们发现,颜色可以在甘特图中扮演三个角色,而且它们必须同时扮演这三个角色,才能使甘特图对用户有意义。

  • 颜色决定甘特图的外观。
  • 颜色还可以用来定义甘特图的语义。因此,它们帮助用户更快地理解甘特图所呈现的完整且常常复杂的现实。
  • 颜色还可以为甘特图提供智能,从而使用户更快地做出关键决策。

如何使用智能颜色来调整甘特图外观?

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

注意实现甘特图的美学外观,这将有助于提高用户对甘特图的接受度。有一些工具可以让你的生活变得简单。这些工具可以帮助你找到一组和谐的颜色。

为大家推荐两种实用的工具:Color Scheme DesignerAdobe Kuler。这两种工具都允许您通过使用不同的色度规则来找到配色方案。我们建议使用生成的颜色集来为所有主要的关系图元素着色——特别是表的标题和主体、时间刻度和条形图。

Tip2:颜色对比

如果文本放在深色背景前,就不要使用深色。对比是王道,因为对比可以确保你的用户能读到你想让他们读的东西。

Tip3:使用颜色渐变

VARCHART XGantt甘特图控制提供了充分的马力与颜色梯度工作。有时,我们觉得这是一个强大的功能,但千万不能用得太多。

记住,如果图表中的许多对象是由渐变着色的,则会导致外观不清晰,并分散对图表主要方面的注意力。此外,您的用户会受其移动设备上发生的事情的影响:当前的趋势是平面平铺按钮和图标。

如果渐变从光到暗,再回到光,这给人一种凹表面的印象。相反,使用从黑暗到光明的渐变将导致一个凸表面。大多数情况下,凸面看起来是合适的。

此外,要注意不自然的表情。这是一种日常的用户体验,物体从顶部被照亮(想想你办公室里的阳光或灯光)。因此,从暗到亮的垂直梯度可能以某种方式出现错误或令人困惑。在任何情况下都不要混合使用这两种变体。

Tip4:行背景引导用户的视线

在甘特图中显示的数据越多,用户就越难将甘特图图形部分中的条形图与表部分中的相应信息关联起来。解决这个问题的一个好方法是引入交替的行背景颜色。

作为一种替代方法,您还可以定义只有所选节点的行是动态着色的。这是甘特图控件的标准特性。

- 未完待续 -

想要体验VARCHART XGantt吗?赶快下载最新试用版吧!还有21天免费听书卡等你来领哟!

甘特图看起来很生硬?教你使用智能颜色装饰你的甘特图!(一)相关推荐

  1. 甘特图看起来很生硬?教你使用智能颜色装饰你的甘特图!(三)

    在前两篇文章中我们了解到颜色在甘特图中也有不同的作用.其中颜色在甘特图中扮演着三个角色,才能使甘特图对用户有意义. 颜色决定甘特图的外观. 颜色还可以用来定义甘特图的语义.因此,它们帮助用户更快地理解 ...

  2. 甘特图看起来很生硬?教你使用智能颜色装饰你的甘特图!(二)

    在上一篇文章中我们了解到颜色在甘特图中也有不同的作用.其中颜色在甘特图中扮演着三个角色,才能使甘特图对用户有意义. 颜色决定甘特图的外观. 颜色还可以用来定义甘特图的语义.因此,它们帮助用户更快地理解 ...

  3. c java python go 哪种编程语言接近编程的本质_一图看懂编程语言迁移模式:终点站是Python、Go、JS...

    新智元报道 来源:apenwarr 编辑:元子 [新智元导读]有着20年编程经验的资深程序员,以自己多年来的经历,总结出程序员的编程语言切换规律,做了一个主流编程语言的进阶流程图,展示不同编程语言之间 ...

  4. 一图看懂编程语言迁移模式:终点站是Python、Go、JS

    [新智元导读]有着20年编程经验的资深程序员,以自己多年来的经历,总结出程序员的编程语言切换规律,做了一个主流编程语言的进阶流程图,展示不同编程语言之间的承接关系.程序员选择编程语言的方向和路径. 铁 ...

  5. 教你怎么把视频转换成gif动图

    教你怎么把视频转换成gif动图!作为一名互联网行业的运营人员,平时少不了使用gif动图,因为gif动图具有更强的穿透性,能够让用户从图片中接受到更多的信息,并且在脑袋里产生更深的影响力,例如产品介绍的 ...

  6. 设计,看上去很美 wayfarer

    设计,看上去很美 设计没有标准,模式充满变化,我们对设计与模式的探讨,就是希望能从没有标准的设计中体验设计的乐趣,从充满变化的模式中寻求问题的解决之道.     我这里所谓"设计没有标准&q ...

  7. 推荐几个常用在线图工具(支持时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图等。同时还支持非 UML 图的甘特图、架构图等)

    推荐几个常用 '在线' 图工具(支持时序图.用例图.类图.活动图.组件图.状态图.对象图.部署图等.同时还支持非 UML 图的甘特图.架构图等) 软件项目开发过程中经常需要 画流程图.接口时序图.框架 ...

  8. 一张图看懂世界石油分布?用Python轻松搞定!

     CDA数据分析师 出品   [导语]:今天我们教你用Python画出世界石油分布桑基图,Python技术部分可以直接看第四部分. 作者:Mika 数据:真达   后期:泽龙  设计:一凡   Sho ...

  9. 一篇文章一张思维导图看懂Android学习最佳路线

    一篇文章一张思维导图看懂Android学习最佳路线 先上一张android开发知识点学习路线图思维导图 Android学习路线从4个阶段来对Android的学习过程做一个全面的分析:Android初级 ...

最新文章

  1. JBDC更新计数行以及调用存储过程返回多个结果集
  2. CentOS 6.7安装ZooKeeper 3.4.9
  3. js 删除数组几种方法
  4. 使用Metasploit工作区
  5. 专访阿里资深研发工程师窦贤明:PG与商业数据库差距并不明显
  6. c#endread怎么打印出来_c# – Socket.EndRead 0字节意味着断开连接?
  7. 转:Zookeeper快速入门
  8. mysql cookbook 1
  9. 如何解决cellIndex在IE下兼容性问题
  10. Flex全局错误处理/Global Error Handling in AIR 2.0 and Flash 10.1
  11. aws ebs分类_AWS EBS – Amazon Elastic Block Storage
  12. python解数独--世界最难数独2.3秒完成_【数独】世界最难数独90+毫秒解决。一个不错的算法...
  13. 提前体验让人回归Windows怀抱的Windows Terminal
  14. 关于sourcetree这是一个无效源路径的解决办法
  15. 吴恩达-机器学习课后题07-PCA-主成分分析法
  16. 坚果O1S画面竟然出现折边?对比同价位当贝D3X,坚果O1S值得入手吗?
  17. 写在2020年尾的一点感悟:回朕车以复路兮,及行迷之未远
  18. eas bos 获取编码规则
  19. 商业分析师应如何构建一个商业故事
  20. ISO14443 Type A类型卡的防碰撞过程以及命令解析

热门文章

  1. EShop网上商城项目(二)
  2. 14、高可用keepalived搭建及切换
  3. 如何使用Arrays工具类操作数组
  4. 新手如何入门PyTorch
  5. 创建控制文件后的疑难解答
  6. 我的第二个开源库SuperTextView——中文文档
  7. dbForge mysql数据库比对
  8. 创建完美SDK的10个技巧
  9. Android Studio下载安装及配置图文教程
  10. W3100SM-S 短信猫代码发送 上