恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
【海平面】如何在设计中创造色彩和谐
0.0°
2021-06-24 好文转载 经验/观点 原作者: 海空设计 举报 488 0 0 0

虽然平面设计和音乐看起来像是非常不同的艺术形式,但它们实际上有很多共同点。

虽然平面设计和音乐看起来像是非常不同的艺术形式,但它们实际上有很多共同点。首先,它们有一个共同的目的,那就是唤起受众的某种情感反应——无论是一首牵动心弦的伤感民谣,还是一则灌输希望或抱负的广告。 

它们还有其他共同点吗?和谐的重要性。

在音乐中,和声是指同时使用互补的音符或声音,来为听众创造愉悦的效果。然而,在平面设计中,色彩也可以而且应该被用来达到类似的效果。

继续阅读,了解什么是色彩和谐,为什么它如此重要,以及如何使用它来创造引人注目的设计,就像音乐一样,让受众眼前一亮!


色彩和谐是什么?

色彩的和谐指整幅画面上色彩配合的统一,协调,悦目。人们由于民族,风俗,宗教,文化等差异,对色彩和谐的判断也会存在差异。


为什么色彩和谐很重要?

色彩和谐是色彩理论的重要组成部分,因为人脑从我们的视觉体验中寻求平衡。因此,不仅在我们的设计组成中,而且在我们使用的颜色中,都需要有一个逻辑的顺序。当配色方案不协调时,可能会发生以下两种情况之一。

• 设计可能显得平淡乏味,因此,受众会觉得没有什么印象,很可能很快就会对涉及的品牌没有印象。

• 设计是如此混乱和过于压抑,以至于大脑无法处理它——所以受众可以很快地忽略它。

有些颜色组合是如此不协调,甚至会使受众的眼睛产生不适感!这就是所谓的振动色彩效果,当颜色的边缘出现模糊和发光时,就会出现这种效果。当你使用两种彼此互补的颜色(即它们在色轮上的处于180度相对的位置),但在高饱和度和高亮度下使用时,就会发生这种情况。


如何在设计中创造色彩和谐?

虽然上图色彩组合色不影响打印或印刷,但它们会带来非常不舒服的屏幕观看体验,应避免这种情况发生!


色彩和谐组合及效果好的原因

即使你从来没有听说过色彩和谐的概念,你也肯定见过它的实际应用。这些组合很容易就能组合在一起,即使你很难找到原因。一个和谐的配色方案可以是舒缓的,令人兴奋的或强大的,这取决于你使用的颜色。在这里,我们来看一些来自品牌的有效例子。


对比色:蓝色和黄色

在这里,设计师将黄色和蓝色搭配在一起,在这个旅游品牌中创造出统一的色彩。这是一个既快乐又放松的审美愉悦的色彩组合——对于一家旅游公司来说是理想的选择!也许这个配色方案之所以如此有效,是因为我们习惯于在大自然中看到太阳为黄色,海洋为蓝色(标识也是黄蓝两色)。


绿色和橙色

从理论上讲,绿色和橙色似乎不像是能很好搭配的颜色。毕竟,它们在色轮上根本不相邻,也不直接相对立。然而,在这个品牌项目中,搭配很好,创造出一种优雅而富有影响力的美学。这表明,有时候,意想不到的颜色组合实际上是最和谐的。


如何在设计中运用色彩和谐?

在设计中创造色彩和谐的第一步是选择主体色。你将围绕它建立其他配色方案。如果你已经有了一个标识,主体色调很可能会成为设计的关键颜色。这种颜色将保持不变,这意味着无论你使用的其他颜色有多少,它在所有的视觉辅助资料中都将保持一致。

一旦你有了主体色,然后选择一个或多个互补色来搭配它。

在这里,要注意一点,创造颜色的和谐并不一定是两个色调并排使用的情况。有几种方法可以将它以一种不太明显的方式应用到设计中。你还可以根据设计目标和使用的格式的需要,来调整颜色的比例。

以下是在设计中使用色彩调和的几种不同方法:


拆分设计

在这家冰淇淋公司的标识中,设计师使用了引人注目的粉红色和蓝色组合。他们把设计基本沿对角线从中间分开,把两种颜色结合在一起,同时创造出对称的效果。然而,他们也在文本的裁剪处使用了交替的颜色来巧妙地将版面连接在一起。


强调色

在设计中,你不需要使用1:1比例的颜色来实现设计中的色彩和谐,你也可以将其中一种作为主色,并简单地使用另外一种或两种作为强调色。在上图布局中,设计师使用了紫色和绿色作为主色,但是同时分别使用了粉色和蓝色的互补色来增加额外的视觉趣味。


渐变色

渐变色是在设计中创造色彩和谐的一种很好的方式,因为它们允许你无缝地把一些不同的色调连接在一起。上图图例中,设计师融合了三种不同的颜色——紫色、粉色和橙色——但使用了一种渐变的效果,以和谐的方式将它们融合在一起。


色彩和谐的规则

色彩和谐的微妙之处在于,我们对颜色的感知是如此主观。我们对色彩的观察和反应方式都略有不同,这取决于我们的年龄、性别、心理状态、文化背景以及与特定颜色的社会学习关联等各种因素。因此,一个人认为漂亮的东西,对另一个人来说可能看起来很奇怪或难看。

为了排除一些困扰,有一些关于如何实现颜色和谐的指导方针。根据色轮上不同的颜色是如何相互作用的,以及我们作为人类是如何感知这些颜色的,这些都是经过试验和测试的颜色组合方案。通过注意这些颜色和谐的规则,你可以放心,颜色组合看起来会吸引大多数人。


类似色方案

类似配色方案,是当你使用色轮上相邻或非常接近的颜色。一般来说,这会产生一种宁静的——当然,和谐的——视觉效果。

在这个项目中,设计师使用了黄色和橙色——这两种颜色位于色轮的相邻位置。这种效果是非常好,让受众看了感到放松。

另一种常见的类似配色方案,是将蓝色和绿色配对,或介于两者之间的青色或青绿色。在这款预订软件设计中,你可以看到这种颜色组合是如何唤起一种放松和宁静的感觉。


三色系方案

三色系是指由均衡分布的3种颜色构成的色系,两两颜色之间夹角为120度 。最常见的三色组合是橙色、紫色和绿色,或红色、蓝色和黄色。

你可以在这个香水公司的品牌项目中看到第一个颜色组合的例子。虽然设计师也添加了粉红色,但这些颜色可以均匀地分布在配色方案周围。你可以看到,即使是与较柔和、较饱和的颜色一起使用时,三色方案仍然非常引人注目。

在这个广告工作室的网站上,设计师使用了黄色、蓝色和红色三色方案。然而,他采用了一种更现代的方式,使用了时下流行的蓝绿色、芥末色和勃艮第(burgundy)色调,而不是原色。这样应用的效果,创造了一个和谐的效果,立即吸引受众。


分割互补色方案

这个和谐的配色方案类似于类比色,但有一点变化。在色轮上,它采用两种相邻的色调,但也添加了一种相反的色调。这就产生了一种强烈的对比效果,不会让人觉得太刺眼。 

红色、橙色和绿色是分割互补配色方案的一个例子,如图例中看到的。红色和黄色在色轮上相邻,而绿色正好相反。这创造了一个充满活力和生机勃勃的外观,适合有关新鲜水果的网站!

这三种颜色的和谐公式是一个很好的尝试的开端,用以创造良好的平衡设计。也就是说,创新的设计并不是一定要坚持规则或随波逐流。使用这些方案作为指导原则,敢于尝试不同的颜色组合,甚至在你认为合适的情况下添加第四、第五或第六种颜色。重要的是要运用你自己的最佳判断力来判断什么颜色在一起好看,当有疑问时,请你的朋友、家人、同龄人或受众给予反馈。

通过使用本文中的色彩和谐技巧、组合和灵感,你可以在设计中呈现出引人注目的平衡。这样做,你将能够确保你给目标受众留下一个很好的印象——一段像朗朗上口的旋律一样牢牢根植于他们脑海里! 

Powered by Froala Editor

更新:2021-06-24

收藏

0人已收藏

海空设计

海空设计·杂志内刊专业定制服务商!20年平面设计经验,专业资深!

  • 412

    作品

  • 204

    粉丝

  • 0

    关注

  • 【海平面】为什么你的设计不令人满意?看完这本书,瞬间懂了!
  • 【海平面】中国江南印象概念书:《江南意象》
  • 【海平面】鲁迅与平面设计
  • 【海平面】海报设计:20个鼓舞人心的例子

    猜你喜欢

      2021-06-24 好文转载 经验/观点 原作者: 海空设计 举报 488 0 0 0

      【海平面】如何在设计中创造色彩和谐

      0.0°

      你确定要举报【海平面】如何在设计中创造色彩和谐

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年06月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录