火星网校
干货分享，UI设计中百搭色彩搭配技巧
发布时间：2024-02-22 15:09:11 浏览量：119次
对很多人来说，配色是个十分让人头疼的问题。尤其是设计新人，没有接受过系统的色彩训练，在配色方面始终不能随心发挥。每次设计完，你可能总对配色不满意，感觉很不舒服，又无从下手。你可能还收藏了一大堆色卡，实际用时却和想象不一样。接下来从三个方面给大家分享怎样配色。
怎样结合色彩理论，进行正确调色?
如果学过初中物理，你会明白，色彩是可见光在物体颜料上，除去被吸收的光后，散射出来的波长，不同的波长会表现出不同的颜色。
而电脑屏幕端的颜色，则是白色光透过带颜色的电子屏幕后，表现出来的光的颜色。
所以，在设计软件中，颜色模式被分为了CMYK和RGB，同时，由于印刷颜料的限制，CMYK的颜色模式往往会比RGB稍微暗一点点。
然而，这两种颜色模式，都不是基于人眼的最优选。为什么呢?因为CMYK和RGB都不好用眼睛直接调色，这两个颜色模式都是混色模式，除了其本身自带的颜色之外，想要得到其他颜色的话，就需要进行混合。
例如说，在RGB颜色模式下，红色(R)加上绿色(G)，便可以混合出黄色，那么当我们想要得到黄色时，便可以把R设置为255，G设置为255，蓝色设置为0，这样便得到了明黄色。
显然，这样的颜色调整是相当反人类的，如果没有一定的设计知识，就会很难调出来想要的颜色。
而人眼在观察颜色时，却是通过颜色的深浅、明暗来区分的，也就是设计中常说的色相、饱和度、明度，比如，粉红色比枣红色浅一些，转换为设计语言，即为粉红色的饱和度比枣红色低，同时明度比枣红色高。那么，什么样的模式是最适合人眼的呢?答案是HSB颜色模式。
H是色相(Hue)，也就是颜色的属性，是蓝色或是红色，是绿色或是黄色;
S是饱和度(Saturation)，也就是纯度，显示了颜色的鲜艳与黯淡;
B是明度(Brightness)，即颜色的深浅，明度越高，颜色越接近白色，越低，则越接近黑色。
因此，使用HSB来调整颜色，可以让人可以更直观的调整出想要的颜色来。
还是拿刚才的例子来说，假如我们已经有一个枣红色，想要把它调整为粉红色，只需要降低它的饱和度，提升明度，即可轻松得到，这样一来，调整颜色也会变得非常轻松了。
明白了如何用眼睛进行调色后，我们再来简单了解下颜色对情绪的影响，让你配出符合人心理情绪的颜色。
心理学家认为，人的第一感觉就是视觉，而对视觉影响最大的则是色彩。
人的行为之所以会受到颜色的影响，是因为行为多是基于情绪所支配的，例如，我们在伤心难过的时候往往吃不下饭，而开心的时候则会多吃两碗。
颜色是起源于大自然先天的色彩，所以我们在看到颜色时，也会无意识地联想到自然，例如看到蓝色，我们会想起广袤无垠的天空与大海，从而让心情平静下来。红色，则是血液的颜色，也是鞭炮炸开的火花，所以，它既是危险的信号，也是喜庆的象征。
百搭配色技巧，如何迅速出图?
大家应该也都听说过的一句话，“红配绿，丑到头”，这句话在不同的方言里，会为了押韵而改编为不同的词，但究其本意，也是在描述红绿搭配有多难看。
但是，红蓝配，红绿配，就真的无解吗?答案是否定的。
只要控制好颜色的范围、饱和度、明度，即便是死亡组合，也可以搭配出不错的效果。这也就是很多配色文章里面提到的，主色调、次色调、点缀色等等。
用一些插画案例给大家介绍一些百搭的配色技巧，让你在不确定风格的时候，也能轻松搭配出好看的颜色来。
热门课程推荐
热门资讯
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
2. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
最新文章
