站长二维码

当前位置:首页 > 科技动态 » 正文

一篇学会“设计作品色彩搭配”

 人参与  2020-08-27 14:22  分类 : 科技动态  点这评论

一、色轮的概念
平时设计时不同电子终端上显示的色彩都是基于RGB模式,是一种加色模型。色光三原色就是红(Red)、绿(Green)和蓝(Blue)。首先来了解一下色轮,
 
色轮,是一个非常有用的东西。可以由此直观的了解到什么是三原色、互补色、类似色。在基础色轮之上,可以建立一个色彩体系,进行项目设计时可以依据色彩体系去选择颜色,保证了颜色使用的准确性及设计效率
 
同类色:15°以内
邻近色:60°以内
类似色:90°以内
对比色:120°~180°
互补色:180°

色轮


二、五种搭配方法
 
1、同种色搭配
使用一种色调及其相应的多种亮色和暗色,整个页面会非常统一。

同色
 
2、类似色搭配
使用色相相近的颜色,页面元素不会相互冲突,更加协调有质感。

类似色彩
 
3、互补色搭配
如果选择使用互补色,最佳搭配是一种作为主色,另一种用于强调。它们有着非常强烈的对比度,用在需要特别强调某个元素时会非常有效的。

互补
 
4、分散互补色搭配
寻找三种颜色,其中两种互相类似,另一种与它们形成对比。这个非常易学而且容易出效果,推荐如下

互补搭配
 
5、三角对立色搭配
顾名思义,就是色环上三角对立的颜色。最经典的就是蒙德里安风格的红黄蓝格构图,时至今日仍然非常符合设计趋势。

三角对立色搭配


三、色彩是有情绪的
 
色彩本身是没有情绪的,只是因为不同波长的光通过人的眼睛传到大脑,引起了人们不同的心理感受,所以色彩才有了情绪。每种颜色都会给人独特的心理感受,引起我们不同的情绪,因此在设计过程中色彩情绪是必须要考虑的一个重要元素。
 
黑色
沉稳、品质感、收敛
 
单独使用时黑色可以很容易吸引用户的注意力。和其他颜色搭配使用时可以很好地搭配组合,使用黑色的背景可以非常好的突出页面中的内容,容易出效果。应用场景非常广泛,可以提高其明度得到不同明度的灰色,举个栗子,苹果系统出的深色模式。ps,设计时一般不会使用纯黑色,因为纯黑在显示屏上的显示效果并不是很好,所以通常会选择灰色。灵活使用灰色可以让你的设计更加优秀。
 
白色
干净、纯洁、简洁
 
白色中包含了所有的颜色。页面设计中经常会使用到白色,你可以在上面排列布局任何元素而不会感觉都突兀,被应用作页面的背景色。因为白色是无色相的,在设计中通常也会稍微变色,使用到像乳白色、雪白色等颜色,这样不会显得过分单调。黑色和白色搭配是一个非常经典的组合,只要把握好使用的占比,可以创造出非常高级的设计。
 
红色
热情、躁动、危险、警告
 
红色元素很容易吸引到用户的注意,可以特别强调页面的某个元素,比如消息的小红点,但是时间一久就会引起眼睛疲劳,所以设计中红色元素一般不会大片使用。但是我们可以通过降低调整明度、纯度,来使用到更多的地方。
 
另外,红色还代表着危险及警告。红绿灯上的红灯停,炙热的火焰灾害。页面设计中可以在删除提醒、禁止操作功能时使用。
 
橙色
温暖、活泼、年轻
 
黄色+红色得到橙色。属于暖色调的颜色,既不会像红色那样躁动,又不会像黄色那么灿烂,非常具有亲和力,用户对其接受程度非常高。柑橘类的水果都是橙系的,代表着健康、积极。和秋天相关的一些项目上,也会采用明度稍低的橙褐色来设计元素。橙色可以和绿色搭配,非常适用于K12教育类的产品,绿色为主色橙色为强调色,象征着青少年健康有活力的特征。
 
黄色
阳光、辉煌、醒目、高贵
 
这是一个明度非常高的颜色。本身是不适合应用在数字化领域的设计的,因为其显示效果较差,但是可以通过调整它的明度和纯度来得到我们想要的色调。黄色和深灰色是一个很好的组合,像是咸鱼美团都是采用了这种,黄色的高明度的色彩与明度较低的深灰色可以形成极强的对比效果,通过这种对比效果我们可以实现强调的功能点。其他都是应用在比较特定的一些场景,例如红绿灯的黄色的提醒作用,古代皇帝的专用色,农作物成熟的颜色等。
 
绿色
健康、大自然、清新、环保、安全
 
绿色是大自然的颜色,大多数植物的颜色,现在非常提倡的环保生活都是采用绿色为主色调,健康无污染。代表着春天,在策划设计春天相关事物活动,可以使用绿色为主色进行设计。绿色是有着安全属性的,在支付、保障方面通常是应用很多的,与红色正好是相反的作用。
 
蓝色
科技、纯净、深邃、放松、忠诚
 
蓝色是三原色之一。和大海、天空有着不可分割的联系,是忠诚、放松的象征,在设计中应用是极其广泛的。另外,蓝色也是科技宇宙领域的专属颜色,是理智、效率的代名词,随处可见的企业官网、VI、软件、宣传物料等。像是心理治疗室都是使用蓝色系的环境,可见蓝色对于用户的心理是非常易接受的颜色,在设计中是使用起来非常方便的。
 
紫色
神秘、富贵、压抑
 
紫色是一个非常刺激性的颜色。单独使用非常容易给用户造成心理上的压力,通常会搭配其他颜色使用,紫色和蓝色搭配使用时可以创造出既理智又有些梦幻的色彩,紫色和粉色配合使用时,可以创造出非常美丽的女性化的色彩。
 
粉色
恋爱、可爱、温馨、浪漫
 
粉色是一种恋爱的颜色。通常和爱情和浪漫相关的,像是情人节七夕节等,都会使用粉色来设计。不同纯度明度的粉色适用于不同的场景当中,纯度较低明度较高的浅粉色可以传达出娇嫩、甜美的感觉。和红色、橙色、黄色暖色调搭配,蓝色冷色调搭配都可以结合出很多不同的色彩效果。
 
四、建立色彩体系
 
作为设计小白,色彩的使用可能是很难的,面对一个项目时不知道该如何选择主题色、辅助色,这个时候我们可以先通过借鉴他人优秀的作品,从中提取一套设计色彩。这里推荐是优秀的设计作品、或摄影图片,是否优秀有一个基本的评判标准,那就是你自己看到这个作品图片是好看的优秀的。下面是一些从摄影图片中提取的几套色彩体系,抛转引玉咯(设计作品中提取方法一样)










最后
 
总结一下,同类色、邻近色、类似色、互补色,这些颜色关系构成了我们日常设计的色彩基础,衍变出很多种色彩搭配方法。了解不同颜色的色彩情绪,为进行项目设计时选择合适的颜色提供依据。建立色彩体系,可以将体系按照不同行业、不同特性、不同针对用户等标签分类整理,积累自己的色彩库。

本文由them网整理,转载注明!
 

本文标签:

上一篇:屠龙的勇者变成了恶龙,Epic大战苹果! 下一篇: 咖啡算是豆浆吗?

  • 网友评论
  • 赞助本站

赞助演示站
说点什么吧
  • 全部评论(0
    还没有评论,快来抢沙发吧!

相关文章

推荐文章

标签列表

小编推荐

    热门文章 | 最新文章 | 随机文章

首页 业界动态好文分享网络营销科技动态文章投稿

Copyright © 2008-2020 them 版权所有 皖ICP备15013088号

全站搜索