色彩搭配

一、配色方案

1、确认主色调: 主色决定设计的风格。而在这里主色不一定是一种颜色,也可以是一种色调。

在设计中色彩充当了重要的情感元素,色彩不仅能引起情绪变化,往往也能表达自身文化。另外,在实际使用中,也会根据场景而表达的信息不同组合。记住色彩功能的划分:主要色、辅助色、装点色。

色彩常见的文化含义

* 括号内为色彩的消极含义*

  • 红色 : 激情,热烈,豪放,(危险,禁止,恐怖…)
  • 橙色:温暖,活力,运动,诱人…
  • 黄色 : 快乐,阳光,温和,明亮,愉悦 (警示,懦弱,色情)
  • 绿色:生命,活力,环保,新生,健康,生活…
  • 蓝色:专业,高效,冷静,放松…
  • 黑色:稳重,炫酷,高雅,时尚,现代(沉闷,凝重,死亡…)
  • 灰色:严谨,正式,专业,现代(哀悼色..)
  • 白色:纯净,简洁,柔和…

2、辅色和点缀色的选择

①从对比色中找辅助色
在界面设计汇总使用互补色彩的对比是最为强烈的。这种色彩能使用户的视觉产生强烈的刺激,情感浓烈,给人留下鲜明的印象。这种方式是最易于传播的。适合在夸张的、张扬的场景下使用。但这种颜色用的太过于频繁容易造成用户的视觉疲劳。给人一种不安定的感觉。那么在使用这样的搭配方式时需要控制使用的位置和信息的面积了,核心的地方可以这样去使用。
②冷暖对比
冷暖对比色是自然平衡的规律,可以在设计中大量使用,这样的配色会使作品非常的出彩,不显单调。
③选择同类色或邻近色
同类色作为辅助色可以使画面柔和,显得和谐统一。而邻近色作为辅助色会产生明度和饱和度对比,使画面感丰富。
④、点缀色的选择
点缀色可以用来营造独特的页面风格。所以点缀色一般选用饱和度和明度高的颜色。

3、三色搭配原则
在进行设计时配色不要超过三种色彩。而在这里,不超过三种颜色的搭配,是指不超过三种色相的搭配。在单个色相中可以运用颜色明度或饱和度做色彩的丰富性。

放两张图进行下对比(第一个网站的名称网址已处理)
某网站主页:
这里写图片描述

第二张图是极客学院的主页图

这里写图片描述

如果说第一张图是因为打广告才乱的话,那么看下面这张图
这里写图片描述

所以合理的进行色彩搭配会使得整个设计更加赏心悦目。

二、色彩理论知识

1、原色、间色和复色

  • 原色:也叫“三原色”。即红、黄、蓝三种基本颜色。自然界中的色彩种类繁多,变化丰富,但这三种颜色却是最基本的原色,原色是其他颜色调配不出来的。把原色相互混合,可以调和出其他种颜色。
  • 间色:又叫“二次色”。它是由三原色调配出来的颜色。红与黄调配出橙色;黄与蓝调配出绿色;红与蓝调配出紫色,橙、绿、紫三种颜色又叫“三间色”。在调配时,由于原色在份量多少上有所不同,所以能产生丰富的间色变化。
  • 复色:也叫“复合色”。复色是用原色与间色相调或用间色与间色相调而成的“三次色”复色是最丰富的色彩家族,于变万化,丰富异常,复色包括了除原色和间色以外的所有颜色。
  • 这里写图片描述

2、互补色、邻近色与同类色

颜色之间的互补关系(对比关系)与邻近关系是学习色彩的又一重要问题。

互补色:色彩学上称间色与三原色之间的关系为互补关系。意思是指某一间色与另一原色之间互相补足三原色成分。例如,绿色是由黄加蓝而成,红色则是绿的互补色,橙色是由红加黄而成,蓝色则补足了三原色;紫色是由红加蓝而成,黄色则是紫的互补色。如果将互补色并列在一起,则互补的两种颜色对比最强烈、最醒目、最鲜明:红与绿、橙与蓝、黄与紫是三对最基本的互补色。在色轮中颜色相对应的颜色是互补色,它们之间的色彩对比最强烈。

这里写图片描述
邻近色:邻近色之间往往是你中有我,我中有你。比如:朱红与桔黄,朱红以红为主,里面略有少量黄色;桔黄以黄为主,里面有少许红色,虽然它们在色相上有很大差别,但在视觉上却比较接近。在色轮中,凡在60度范围之内的颜色都属邻近色的范围。

这里写图片描述
同类色:主要指在同一色相中不同的颜色变化。例如,红颜色中有紫红、深红、玫瑰红、大红、朱红、桔红等等种类,黄颜色中又有深黄、土黄、中黄、桔黄、淡黄、柠檬黄等等区别。这些同类色变化多样,千姿百态,
这里写图片描述

发布了35 篇原创文章 · 获赞 97 · 访问量 27万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章