课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 数据可视化如何选择配色方案
  • 数据可视化如何选择配色方案

    发布:南昌UI培训      来源:莫贝网      时间:2015-12-01


  •     达内ui设计培训专家认为,好的配色方案固然很多,但为数据可视化找到合适的配色方案,去着实不容易。

        数据调查显示,网络已有的配色方案中,只有少数是为复杂的图表和数据可视化而设计的,多数都存在问题。

        问题1:辨识度低

        很多配色方案不适用于数据可视化。颜色的明度差异不大,而且关键是辨识度很低。Flat UI配色是最广泛使用的配色之一,这是因为它非常优秀。但是Flat UI配色是为界面而设计的,对于色盲者来说,数据图像难以辨认。

        问题2:色彩太少

        另一个问题是,许多配色方案颜色太少。创造Graphiq的数据可视化,需要至少6种颜色的配色方案,甚至需要8到12种颜色,才能满足所有的应用场景。

        问题3:区分度低

        还有一些配色方案是渐变的,理论上说可以创造出任意数量的颜色? 然而,这些配色方案的明度差异太小,有些颜色容易变得无法区分。

        Graphiq是以数据为生命的,投入了大量时间寻找能够用于数据可视化的配色方案。达内ui设计专家介绍一些灵活配色的准则:

        第1条:色调与明度的差异足够大

        要确保配色非常容易辨识与区分,它们的明度差异一定要够大。明度差异需要全局考虑。选择一种单色系的配色,并且测试它在红色盲、绿色盲与灰度模式下的表现,迅速了解这个配色的辨识度水平。

        配色越多样,用户越容易将数据与图像联系起来。善加利用色调的变化,可以使非色盲用户更加轻松。 

        小结:对于明度与色调,跨度越大,就能承载越多的数据。 

        第2条:仿照自然的配色

        设计师的普遍常识:并非所有颜色都是均等的。

        从纯数学的角度来看,淡紫到深黄的过渡,与淡黄到深紫的过渡,感觉很相似。

       我们已经习惯于那些长期存在于自然界中的渐变。在华丽的日落中,我们就能看到明黄色向深紫色的渐变,但不太可能看到淡紫色向深黄色的过渡。 

        因此,当我们在可视化图表中看到类似自然渐变的配色时,会感觉熟悉和愉快。 

        第3条:使用渐变,不要选择一系列固定颜色

        渐变配色结合不同色调,对两者都最好。无论你需要2种颜色还是10种,渐变中都能提取出这些颜色,让可视化图表感觉自然,同时保有足够的色调与明度差异。

        我们将配色表紧挨着顶部的灰度渐变,调整渐变叠加,得到精确的渐变色值,然后从那些断点处选取颜色,测试配色在实际运用中的效果。 


        达内ui设计培训专家得出结论:优秀的配色方案非常多,但并非全都适用于图表和数据可视化。合理有效的配色方法是创建色调与明度变化都足够大的自然渐变,使我们的配色便于色盲辨识,对其他人则更明显,并且可以满足1到12种数据。


    推荐文章

上一篇:全栈设计师的优势和重要性

下一篇:UI设计师的相关知识理论及职业规划

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56