赞!UI设计师必须学习的3个色彩理论

彩搭配在设计中很重要!不同的配色方案呈现出不同的效果,搞定配色!请学习最好的配色教程

色彩模式 

1、RGB色彩模式。通过光的三原色相加混合产生的。显示器的所有色彩都是通过红色、绿色、蓝色这三原色混合来显示的。

2、CMYK 色彩模式。是指墨水或颜料的三原色加上黑色这四种颜色,混合后出现的色彩。CMYK是打印机等印刷设备使用的色彩模型。

3、索引色彩模式。使用的颜色是已经被限定在 256 以内的一种模式,主要是使用安全色彩和制作透明 GIF 图片时使用。

4、灰度模式。在制作黑白图片时使用的模式,主要用于自然地处理黑、白、灰色图片。使用灰度或黑白扫描仪产生的图像以灰度模式显示。

利用色彩的基本原理配色

色彩是我们进行设计时最重要的使用元素之一,颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。色彩具有三个属性:色相、明度、饱和度。

色相

在色相的基础上寻求变化是最常用的色彩搭配方式之一。从 RGB 色环或美术色环出发, 我们可以很容易地找到相距180°左右的补色组合以及相距60°以内的近似色组合。

使用补色可以在画面中制造出强烈的视觉对比效果,这适于表达那些鲜明、突出的主题;

使用近似色则可以让整体视觉效果更加和谐,这适于表现那些含蓄、内敛的主题。

像大神一样配色?至少懂得这些色彩理论

饱和度  

饱和度是反应色彩纯净或灰浊程度的指标。将饱和度相近的色彩搭配在一起,可以在统一的视觉效果中引入节奏上的变化;将饱和度差异较大的色彩搭配在一起,可以让饱和度高的色彩更加突出,也可以让画面中的视觉冲突更加明显。

像大神一样配色?至少懂得这些色彩理论

 明度  

保持色调和饱和度一定的情况下, 单纯改变某种色彩的亮度,也可以得到许多漂亮的色彩组合。例如:设计作品的前景信息和背景信息分别使用亮度不同的色彩,前景颜色和背景颜色既保持了一定的相似性,又存在较明显的对比关系。

像大神一样配色?至少懂得这些色彩理论

利用色彩的联想作用配色(色彩心理学)

不同的颜色会给浏览者不同的心理感受。每种色彩在饱和度,透明度上略微变化就会产生不同的感觉。

像大神一样配色?至少懂得这些色彩理论

红色、橙色、黄色

红色:强有力,喜庆的色彩。具有刺激效果,容易使人产生冲动,是一种雄壮的精神体现,愤怒,热情,活力的感觉。色感温暖,红色容易引起人的注意,也容易使人兴奋激动视觉疲劳的色。

像大神一样配色?至少懂得这些色彩理论

1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。

2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。

3、在红色中加入少量的黑 ,会使其性格变的沉稳 ,趋于厚重 、朴实。

4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。

像大神一样配色?至少懂得这些色彩理论

橙色:也是一种激奋的色彩,具有轻快,欢欣,热烈,温馨,时尚的效果。

黄色:亮度最高,有温暧感,具有快乐、希望、智慧和轻快的个性,给人感觉灿烂辉煌。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。

像大神一样配色?至少懂得这些色彩理论

1、在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。

2、在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。

3、在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。

4、在黄色中加入少量的白 ,其色感变的柔和 ,其性格中的冷漠 、高傲被淡化,趋于含蓄,易于接近。

像大神一样配色?至少懂得这些色彩理论

绿色

绿色:介于冷暖色中间,显得和睦,宁静,健康,安全的感觉。和金黄、淡白搭配,产生优雅,舒适的气氛。绿色是具有黄色和蓝色两种成分的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色彩。

像大神一样配色?至少懂得这些色彩理论

1、在绿色中黄的成分较多时 ,其性格就趋于活泼 、友善 ,具有幼稚性。

2、在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟。

3、在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。

像大神一样配色?至少懂得这些色彩理论

蓝色、紫色

蓝色:永恒、博大,最具凉爽、清新,专业的色彩。和白色混合,能体现柔顺,淡雅,浪漫的气氛,给人感觉平静、理智。蓝色的色感冷嘲热讽,性格朴实而内向,是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格,常为那些性格活跃、具有较强扩张力的色彩,提供一个深远、广埔、平静的空间,成为衬托活跃色彩的友善而谦虚的朋友。

像大神一样配色?至少懂得这些色彩理论

紫色:紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。

1、在紫色中红的成分较多时,其知觉具有压抑感、威胁感。

2、在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。

3、在紫色中加入白,可使紫色沉闷的性格消失 ,变得优雅、娇气,并充满女性的魅力。

像大神一样配色?至少懂得这些色彩理论

黑色、灰色、白色

黑色:具有深沉,神秘,寂静,压抑的感受

白色:白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。

1、在白色中混入少量红 ,就成为淡粉红色 ,鲜嫩而充满诱惑。

像大神一样配色?至少懂得这些色彩理论

2、在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。

3、在白色中混入少量的蓝,给人感觉清冷、洁净。

4、在白色中混入少量的绿,给人一种稚嫩、柔和的感觉。

5、在白色中混入少量的紫,可诱导人联想到淡淡的芳香。

灰色:具有中庸,平凡,温和,谦让,中立和高雅的感觉。

像大神一样配色?至少懂得这些色彩理论

色彩搭配小技巧

在配色时,最重要的莫过于整体平衡。在此提供一些配色时的小技巧。

1、用一种色彩。先选定一种色彩,然后调整透明度或者饱和度,产生新的色彩,这样的页面看起来色彩统一,有层次感。

像大神一样配色?至少懂得这些色彩理论

2、用两种颜色。先决定一种颜色,然后选择它的对比色。

3、用一个色系。用同种感觉的色彩,例如:淡蓝、淡黄、淡绿或者深黄、深灰、深蓝。

4、不要将所有的颜色都用到,主色调尽量控制在三种色彩以内,背景与文字的对比要大,尽量突出设计作品的主要内容。

像大神一样配色?至少懂得这些色彩理论

本文转载自设计达人,原文链接:https://www.shejidaren.com/shejishi-yao-dongde-secaililun.html ,本文观点不代表125jz立场。

(0)
江山如画的头像江山如画管理团队
上一篇 2022年8月10日 下午7:57
下一篇 2022年8月11日 上午9:31

99%的人还看了以下文章

  • 网页设计之前端开发工具和学习资源大全(精)

    前端文档 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程:https://zh.javascript.info/ 阮一峰 JS教程:https://wangdoc.com/javascript…

    2023年1月18日
    6450
  • 网页制作实战项目九:飘城旅行社(分步教程2)

    网页制作实战项目九:飘城旅行社(分步教程)精 在上一课中,我们学习了实战项目九-首页的制作,今天来实现其他主要页面:旅游资讯。 练习一:PC端固定布局 地址:http://www.125jz.com/wp-content/demo/20190113demo1.html  练习二:流体移动布局 地址:马上上线 练习三:兼容响应式布局 地址:马上上线 1.导航下…

    2019年1月22日
    5.6K0
  • 网页设计色彩搭配:蓝色

    蓝色是三原色之一,波长过短,纯正的蓝色RGB值分别为0、0、255,给人一种平静、平和、美丽、文静、安详与洁净的感觉。 蓝色与红、橙色相反,是典型的冷色,也是常见的后退色和收缩色,表示沉静、冷淡、理智、高深、透明等含义。 1. 蓝色性格特点 蓝色博大、永恒、平静、理智、纯净、遥远,就像辽阔的天空和大海。我国少数民族多使用靛蓝、普蓝作染料,因此,靛蓝、普蓝似乎…

    2021年2月4日
    4.9K0
  • 网页设计中最常用的7款字体

    字体主要分为衬线字和无衬线字。网站制作中,选用什么样的字体是比较重要。 衬线字和无衬线字的区别:左边的中文和英文字属于衬线字,右边中文和英文属于无衬线字。 衬线字指的是在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。 如宋体,观察比划可以看到横细竖粗的特点,这就是典型的称线字。 无衬线字体没有这些额外的装饰,而且笔画的粗细差不多。比如微软雅…

    2019年10月22日 网页设计
    8.2K0
  • 第3章CSS基础

    本章学习目标:
    了解CSS基本概念
    掌握CSS选择器的使用
    掌握在网页中应用CSS的方法
    掌握使用Dreamweaver编辑CSS的方法

    2018年3月22日
    4.3K0
  • 设计网站主页必须遵循的5点基本原则

    一个好的网站是一个有效的销售工具,它能够吸引更多的网民的注意。就好像一篇好的文章或者广告,他必须首先引起读者的兴趣,然后引导他们去做出某种行为。因此,不能忽视网站主页面的重要性,否则,网站让浏览者会很快失去兴趣。这样的网站,有可能赢得很高的点击率,但却不能制造预期般的回应,更不用说让网民着迷,进入下一级页面了。 与此类似,一个成功的网站也有几点要素。下面是设…

    2019年2月21日 网页设计
    3.7K0

发表回复

登录后才能评论