品牌插图的色彩训练

品牌插图的色彩训练

之前高级品牌设计师BronwynGruet写了篇很棒的文章,介绍了我们用来简化插画工作的插画库。为了进一步简化插画流程,我们决定用近期更新的调色板来做一个色彩搭配的演示。

 

我们想通过这次演示展现如何有效地、高效地使用品牌颜色。包括一系列色调、暗调、明调的选择这次演示能帮助我们在处理颜色时节省时间。

 

CreativeMarket的调色板

我们的调色板涵盖了多种色调,并且希望利用整个光谱的颜色创造出温暖、有活力的作品。我们的团队正在使用一个分享样本库,它简单易用并能让团队在使用颜色时保持统一。下面是Creative Market的色彩截图:

品牌插图的色彩训练

品牌插图的色彩训练

用于记录色彩平衡的色轮

颜色组合
根据上图我们对颜色的探索,我们想把颜色的统一带到插画工作中。我们认为系统的方法是最有效的,因此开始了色彩搭配的系统研究。众所周知,能让人愉快或产生鲜明对比的颜色搭配有邻近色、互补色、分裂互补色、分散互补色和三角色等。当然还有很多其他的色彩搭配,但我们在使用中只选择了适合我们的颜色组合。
 
邻近色(Analogous)——在色轮上相邻的颜色。
我们想在较小的插画场景中使用。这种颜色组合让人轻松愉悦,但使用之前要确保我们已经用对比明显的颜色创造了视觉焦点。

品牌插图的色彩训练

互补色(Complementary)——在色轮中对立的两组颜色。
由于互补色的视觉张力太强,我们不倾向于使用这种颜色。因为我们大部分项目都不需要这么强的对比。过强的颜色对比会导致我们和其他团队合作时分散项目目标。

品牌插图的色彩训练

分裂互补色(Split-Complementary)和分散互补色(Side-Complementary)——是互补色的演变。即基色加上与其互补色相邻的两个颜色(如果是分散互补色,只加一个颜色)。
这种色彩关系在我们的插画中使用率最高。之前提到过,我们想用整个光谱的颜色表达生动的作品。这种和谐的色彩搭配既有张力,又不会像互补色那样过于激烈。

品牌插图的色彩训练

三角色(Triad)——色轮中等距的三个颜色。
我们会在更大的插画中使用这种色彩搭配来表达我们创意团队和公司的想法。在使用大量颜色的时候,我们主要考虑的是怎么把颜色和谐统一的运用在插画中。首先要确保视觉效果和我们公司的理念保持一致。

品牌插图的色彩训练

一些色彩工具
除了色彩指南,我们还发现了一些能提高效率的色彩工具。
 
提示1——Global Colors
Global Colors是我们最近在AI中使用的小窍门。网上有很多使用Global Colors的案例和教程。当插画中有很多形状和图层时,它们是快速调整颜色的好方法。例如:

品牌插图的色彩训练


提示2——Recolor Artwork
另一个技巧是用RecolorArtwork进行颜色重组。这个工具能让我们选择Creative Market的颜色库,并实时改变我们品牌色轮的色调。例如:

品牌插图的色彩训练


我们的目标是制定一个指南:当我们讨论色彩搭配的时候,能提供一个参考,帮助我们快速决定。同时,这个指南也能帮我们保持插画的统一性。这些颜色的选择和组合对我们品牌个性的塑造有着至关重要的作用。
 
 
原文地址:https://medium.com/building-creative-market/a-color-exercise-for-our-brands-illustration-db39af44f081
 
作者:Daniella Valerio

翻译:熊晓莹





本篇文章来源于微信公众号: TripDesign

UI/UX

不破不立——关于商业插画对人产生“无力”视觉效应的思考

2019-8-9 11:34:54

UI/UX

​设计沉思录|助力推客沉淀的小程序

2019-8-15 9:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索