对色彩的研究通常要么太过随意缺乏逻辑,要么太过理论化难以理解,这篇文章用非常浅显易懂的方式,讲述了一个专门研究数据可视化的团队探寻图标色彩搭配的历程,给出有力的论证,并得出很棒的结论,非常值得一读。
在 Graphiq (用可视化的形式提供全球各种数据的一家公司,也是作者工作的地方),设计图表色彩就更难了,因为我们的图表需要用各种各样的形式传达上千种数据。
我们一开始并没有直接着手设计,而是调查了现在网上已有的色彩搭配。惊喜的是,我们发现其中有一些确实是为复杂的图表和可视化数据而设计的。当时我们发现了几个问题,让我们不能直接使用这些已有的配色。
很多这些配色并不够可视化,不但在明度上差别不大,而且设计它们的人并没有考虑到清晰的问题。 Flat UI Colors 被使用最多的色板之一,你可以轻易发现:这些配色看起来很棒,但是色如其名,它们是为 UI 而设计的。对色盲和色弱用户而言,要在图表上分辨这些颜色恐怕有困难。
另一个问题是这些配色里面并没有足够的颜色。在设计 Graphiq 的视觉样式时,我们需要一个提供至少6种颜色的配色方案,多一点的线种,这样才能覆盖所有使用场景。
在 Graphiq ,我们以各种方式理解并感受数据,并且我们投入了大量时间寻找了很多适合我们图表的配色方案。在这个过程中我们学到了很多,并且我们愿意向大家分享我们发现的以下原则:
为了配色容易辨识,且对色弱和色盲来说足够友好,颜色之间在明度上要有足够的差异。因为对明度的辨识最容易的,不论是红色盲、绿色盲还是完全色盲来说。
然而,如果配色中只有明度差异恐怕不够。颜色间中变化的维度越大,用户就越容易在图表上进行数据比对。如果能够利用色相的差异,对视力正常的人来说肯定更好。
从纯粹的数学角度来看,一个从亮黄到暗紫的渐变与一个从亮紫到暗黄的渐变相比,给人的感受应该是相似的。但是当我们实际看到下图时,会觉得前者比后者要自然很多。
这是因为我们已经习惯了自然界中的渐变。我们在日落余晖中可以看到从亮黄到暗紫的渐变,但是地球上却无处可见从亮紫到暗黄的渐变。
渐变配色是最好的,不论你需要的是2种还是10种颜色,都可以从渐变中获取到。这样一来不但能够色彩的感觉自然,而且还有足够的色相和明度差异。
从色板模式转为渐变模式并不容易,你可以尝试着在 Photoshop 中给渐变画几条分隔线,然后对分割点进行测试并微调。这里有一个截图可以向大家展示我们是如何修正我们的渐变的:
你可以看到,我们把渐变色板放到最顶上,与灰度渐变相邻,并从分割线上取色来测试这些真实的使用情况。
我们对非常满意。下面展示了一些十二生肖排列顺序我们正在使用的色板,他们都以纯白为起始,以纯黑为终点,这样才能最大限度地利用明度的差异。
现在配色越来越多,但是他们并不都时候图标和可视化数据。我们研究的方法是让色彩渐变在色相和明度上范围竟可能广。这样一来我们的色彩就适合色盲和色弱了,对实力正常的人来说更是如此,并且可以运用于维度数量从1到12的图标。
上虞平面设计培训,上虞哪里有平面设计培训班?上虞平面设计培训学校哪家好?上虞平面设计培训学校在哪里?
入学——能力测评,学习方案制定,职业方向;学习——5S学习效果测试,班主任全程监督,教学老师相伴;毕业——通过率、毕业率、就业率……年年都在提高,越来越多大企业,让你学有所成,是我们始终专注的事。
①Photoshop CS6:图像处理、像素、图象分辨率、点阵图、应用、通道、图层、径等综合运用,图像色彩的校正,各种特效滤镜的使用、特效字的制作,图像输出与优化等;灵活运用图层风格、液体变形、褪底和蒙板等制作出千变万化的图像特效。
②Coreldraw X6:通过Coreldraw全方面的设计及网页功能融合到现有的设计方案中,制作矢量插图、设计及图像,出色的设计公司标志、、彩页、手册、产品包装、标识、网页及其他。
③Illustrator CS3:学习图形绘制、包装、宣传页的制作,更加方便的进行LOGO及CI设计,就会成正的美术大师,在Photoshop的基础上再学它如虎添翼,效率成倍提高。
④Adobe InDesign:学习排版设计的基本、使用方法与技巧,工具箱、快捷键的使用,菜单功能及操作技巧,出版物、书籍、宣传彩页、等的高级专业排版制作的方法。
5、印刷知识与硬件设备:印刷方式,菲林输出,打稿,印刷工艺流程,扫描仪、电子分色、打印机、刻录机、数码相机的实践操作等,学习印刷工艺流程,能够解决印刷中常见问题,亲身体验平面设计的工作等。
6、高级实战课程:图案设计、图形创意、CIS设计制作(企业形象设计)、广告平面设计、广告战略、广告文字应用原则及编排方法、字体设计、商标设计、CI设计、包装设计、POP(展示)广告等,版式设计、招贴设计书籍装帧设计、设计等。
7、毕业设计:以广告公司的实际设计流程,完成从客户双方进行意向沟通,确认制作,方案设计,制作完稿,交货验收,让真实感受平面设计完整过程。