色彩设计原则(一) 600619股吧

股票资讯

编者按:设计师在日常工作中使用色彩是非常重要的。产品首先映入眼帘的是它的颜色,所以产品的定位和颜色的控制也是设计师的一大重点;在这篇论文中,作者分享了色彩设计的原则。我们一起来看看。

大家好,猜猜我今年吃的最多的是什么。是饺子,吃的最多的是饺子!

在今年的饺子里,我觉得最好吃的是四喜饺子,就是肚子里有肉馅,皮里包着其他四种食物颜色的饺子。作为设计师,我更喜欢颜色多的食物。这篇文章也和色彩有关,就是色彩设计的原理。

就算我们是设计师,也逃不掉的是色彩。整个线框肯定不舒服吧?但是用不好的颜色,带绿色的整个红色都不如线框好,我来说一些关于颜色的知识。

在你了解配色之前,你需要先学习色彩原理“色彩规则”,但你可能不知道的是,你要在色彩原理之前规划一层(对,规划在其他家族的祖坟上),也就是色彩的表达。

第一,颜色是“光”

其实颜色是最不确定的,因为颜色的使用场景分为电脑色和线下场景色,电脑上看到的颜色肯定和打印出来的颜色不一样。所以,了解色彩的姿态和构成,包括表情,是学习色彩设计的第一必修课。

其实颜色可以理解为“光”,因为有光的地方就会有所谓的颜色。如果你在暗室,就没有颜色,完全黑暗的地方也没有颜色。另一方面,有光的地方就会有所有的颜色,所以我们可以把颜色理解为“光”。

那么,光是什么?其实光是电磁波的一部分(这里的电磁波不是你理解的龙珠里的动态光波!),在电磁波中,包括广播电视中使用的长波、紫外线、X射线和被称为Y射线的短波,这些电磁波是我们人眼无法看到的,只有一种是可见的,即“可见光”。

二、“光”的构成和可见原理

可见光仍可分类。它实际上是多层颜色的组合。波长最长的是红色,中间是绿色,最短的是蓝色;你注意到这里了吗?其实是由红、橙、黄、绿、蓝、靛、紫组成的。这个成分就是“可见光”。是不是一下子就觉得很亲切?!我们在小学理科班玩过那种棱镜,是能分解阳光的好东西。

在这里,顺便我将普及光的知识:

可见光(波长)范围:390 nm至780 nm电磁波;人眼的可见光范围一般为312nm ~ 1050nm;可见光可以通过棱镜呈现:红、黄、绿、蓝、靛、紫,它们的组合称为:光带,也可以称为:光谱;在一个光带(光谱)中,红光波长最长(640 nm ~ 780 nm),紫光波长最短(380 nm ~ 470 nm)。nm:nano,也叫nano,是长度的度量单位。

那么,可见光的来源在哪里?当然是太阳了。太阳每天东升西落发出的光包括:Y射线、X射线、紫外线、可见光、红外线等。我们能用棱镜折射,用肉眼看到的,叫做“光源色”。

如果想让光源颜色成为自己喜欢的颜色,只需要在光源前面加一层透明的颜色,我们就把这种颜色叫做“透光”;比如我们的红色透明卡,光源通过红色卡片后,呈现的红光就是“透射光”。

但是在这里你必须明白一个关键点,那就是我们周围几乎所有的东西都不会自己发光,而是需要阳光和照明材料的帮助才能看到;这种所谓的感知颜色的方式被称为“反射光”或“表面颜色”。

而且,只有那些能照亮物体的光才能被称为“光源色”。事实上,我们几乎感觉不到光本身中颜色的存在;但由于物体本身表面的涂层或油墨,或者物体本身的有色性质,当光线照射时,物体会吸收几乎所有的波长;在所有这些波长中,能留下来被人眼看到的波长是我们最终能看到周围颜色的基本原理。

第三,光源颜色的变化

你可能觉得刚才说的知识跟配色没有关系,但其实是学习色彩最基础的知识。只有当你清楚地知道什么是颜色,它是怎么来的,你才能更好地把握它要去哪里,如何使用它,对吗?

我刚才讲了光源颜色,但这里需要提到的是,光源颜色不是静态的。举几个例子吧。光源颜色一般包括:太阳光、荧光灯、白炽灯、火焰、发光二极管灯等...在晴朗和多云的天气里,许多、许多、甚至是单一的阳光是不同的;所以,如果光源的颜色不同,那种光源所看到的“反射色”的颜色也会随之改变。

举个例子,我们去肉店买猪肉的时候,老板们一般会用红光给猪肉上色,让猪肉看起来新鲜可口,但是我们买回来再看的时候,就很常见了,就是不同光源颜色带来的变化。

第四,颜色的数量

在颜色科学中,目前人类可以计算的颜色数量约为750万;但是,能够用来识别颜色语言和名称的颜色并不多。目前能区分并有名称的颜色只有269种,可能在我们日常生活中使用的颜色不到100种。

但是!你可能不知道,虽然我们日常使用的数量很少,但我们的眼睛很强大。我们普通的人眼(未经训练)也能分辨3000 ~ 5000种左右的颜色;根据美国科学部的发现,人类有分辨数百万种颜色的能力。听他们说话有那么厉害吗?那么,如果你在这里仔细一点,你可能会有一点疑惑——为什么会有那么多颜色,这些颜色是怎么来的?

我在这里简单回答一下,因为光源和环境颜色不同,颜色也会随之变化,当颜色随着环境变化时,会导致观赏感的完全改变。

在了解了颜色的原理及其量之后,我们再来理解前面提到的颜色(颜色语言)的表达方式。

第五,表达色彩的语言

通过理解颜色的表达语言,这是你使用颜色的第一步。别着急,是基础,你要慢慢来,稳扎稳打。

在我们知道的269种颜色中,有各种各样的颜色分类和表达方式,那么我们需要做些什么呢?其实很简单。在颜色的基础科学中,有一个理论叫做“曼塞尔颜色体系”。这个“曼塞尔色系”听起来比较高端。用白话文翻译给你更亲切。就是我们日常口中所说的“色轮”;但他不仅涵盖了色轮的概念,还将基本色分为色相、纯度、明度三个要素。

以下是给不知道颜色三要素的学生的一些教训:

所谓“色相”,是指像红色或蓝色这样的色相的名称,也就是他们的脸。在我刚才说的“曼塞尔色系”(色轮)理论中,有10种基本色调。

“纯净度”是指色彩鲜艳的程度,如“亮色”、“暗色”。这个表达的意思是纯洁。按照逻辑,纯度越亮,纯度越高,纯度越暗。越低;无论色轮中是哪种颜色,只要纯度较低,就一定更接近灰色。

最后一个,“明度”,指的是颜色的亮度,和纯度一样,也表示为高低;最高亮度是白色,而最低亮度是黑色。

在软件的拾色器中,色相、纯度、明度分别为H、S、L。

这里的一些学生可能难以理解纯度和亮度。我会用一个图来展示它们之间的关系,可能一目了然。

接下来,我们简单说说色彩的心理作用:

第六,色彩的心理功能

作为一个设计师,你一定已经知道色彩可以影响人的心情。比如黄色可以发挥凝聚力,红色可以让人心态积极,蓝色可以减少食欲,降低血压,等等。

色彩带来的心理效应绝对震撼。所以一些简单的色彩心理效应需要我们提前了解,因为它在我们后期的配色中起着至关重要的作用;比如我们现在要设计一个高端的商务网站,首先需要补充的是一些黑蓝相间的技术风格吗?或者设计一个西式菜单,你可能会想到黑色和橙色。

当然不同的颜色给人不同的心理重量和距离。比如两个同样大小的盒子,一黑一白,我们一般认为黑盒比白盒重。或者装修房子内部,我们把墙面刷成白色,这样从视觉上来说,墙面离我们更远,会让室内空间更大。

其实配色最著名的心理效应就是我们每天在路上看到的路标。这些路标的配色不仅在远处容易看到,即使在风景优美的环境中也一目了然,第一时间引起人们的注意。

这就是正确配色的神奇之处。如果你想让你的界面或者点击元素在第一时间被用户看到,你需要对色彩的心理感受和情感链接有一个大概的了解。

七、RGB和CMYK

以上所说的这些,其实都是我开始进入配色文章的基础。希望你真的能看懂,而不是跳过去。因为有些事看似不起眼,其实是在煽动大理。

好了,开始说这个链接,这个链接是RGB和CMYK的颜色表示;在发言之前,我先回顾一下前面提到的“透射色”和“反射色”。我们知道,加色后出来的光叫“透射色”,而照在物体上的光叫“反射色”。

所以,我们现在要讲的新知识就是透射色和反射色的混合方式,就像我们在混合一杯果汁一样,同样,透射色和反射色也是由多个元素混合调制而成的。

先说透射色,它是由“加色混合”调制的,其内容包括红、绿、蓝三种颜色混合所表达的各种颜色,我们称之为RGB颜色,使用场景在我们的监视器屏幕上。

另一种反射色,与透射色相反,属于“减色法混色”模式。它使用绘画工具、染料、油墨等“色彩材料”来表现色彩,其内容包括:CMYK、品红、黄、黑油墨相互组合。

你应该会发现显示器和打印出来的颜色颜色比例根本不一样,所以你在设计的时候,一定要提前设置好这个关键点;另外,如果是做平面设计,一定要有一套自己的配色卡。用屏幕上的配色来设计是有风险的。最好根据特殊的颜色表来选择颜色,这样电脑上打印的颜色才符合视觉配色。

八、冷暖色

首先我想明确一点,全世界的人对冷暖色的感知是一样的;所以在设计的时候,不需要考虑地域差异,只需要考虑产品的颜色是否与目标用户相匹配。

在“Mansel色系”(色轮)中,以红色和黄色为中心的色调称为暖色,以蓝色和紫色为中心的色调称为冷色,而暖色和冷色周围的色块称为暖色区和冷色区。

在定位冷、暖色区域后,我们可以根据区域的划分来选择颜色。产品冷暖色的选择决定了产品的调性风格,是直接影响用户视觉和心理的第一感官因素。

九.印象地图和印象坐标

我们可以在清楚地知道冷暖色的间隔和位置后,创建自己的色彩印象图和印象坐标。环环相扣的色彩理解,可以让你在看似繁琐的过程中快速提高配色。那么我刚才说的印象地图和坐标是什么呢?

其实可以理解为我们产品设计中的一种研究方法——“情感版”。我觉得大家应该都懂情感版。我在这里重复一下,普及一下情感版的概念知识。

情感版:用户和产品认可的颜色、图像、数字资产或其他材料的集合,可以引起某种情感反应,作为设计方向和形式的参考;设计师用它来检查颜色和风格,然后说服别人这种设计的原因。

他其实有两个作用,一个是内在的,一个是外在的,内在是为了自己,外在是为了客户,第一个是为了自己:

1)给自己:开始设计前,通过收集一些思路和灵感,可以简化设计过程,大大缩短盯着白屏的时间;另外,你的概念得到了用户的认可,也可以节省你的时间和精力。

2)对于客户:通过制作情感板,可以得到一个大概的概念,供客户在完成最终产品之前参考。同时,当你的设计理念太超前的时候,也可以得到一个方向的参考;此外,设计图片还可以避免语言造成的误解;即使你说的是同一件事,因为沟通的问题,也会有不同的理解,直观的图片可以让大家的观点统一起来。

我想这样解释情感版。应该更容易让大家理解,多多少少要感受到色彩印象图和坐标的意义。是的,它们类似于情感版,目的是定位产品的色调和方向。;所谓印象,就是用户对一个产品、一个物体、一个外界的心理认知。白话文的翻译是“我觉得应该是这个颜色和感觉”;地图是可以找到色彩感的路线指南,坐标是数学中的函数坐标轴。

用户自己描述颜色的调性其实很难,因为纯粹是感性的,但是如果能使用印象图和坐标,问题就很简单了,制作印象图也比较简单。

上例,方法&:案例混合解释:

例如,如果客户要求您制作某种食品,我们可以使用印象图来解决问题。制作方法如下:首先,收集许多与客户印象一致的材料(如照片、图片等)。,任何材料都可以使用,你可以大胆地运用你的想象力,比如一堆沙子、一片树叶、一块布等。);收藏完毕后,把收藏的资料放在地上或者贴在纸上,然后在稍微远一点的地方浏览。这一套由顾客挑选的材料,整体色彩观感,就是印象图;如果想要更精准,可以像这些素材一样拍一张合影,然后放入PS软件中加工成马赛克,这样就可以更精准的了解客户想要的产品色彩观感。

印象坐标一般是产品团队用来讨论产品是要年轻还是成熟,轻量还是重量级等等。生产方法如下:

画一个坐标轴,其中x轴两端温暖清爽,y轴两端年轻成熟(x轴和y轴名称必须相对,从两个方向定位,比如x轴定位产品是温暖还是硬化,y轴是活跃年轻还是成熟);画好之后,我们采用多人讨论的方式,最后将收集到的素材放入坐标轴的四个象限,这样就完成了一个印象坐标。

印象坐标虽然不能起到决定性的作用,但为了配色的目的,一定要派上用场。

好了,这篇文章先写到这里,但还没写完。下一篇文章我会继续讲配色的原理。

本文重点介绍最基本的色彩来源、变化原理、色号、色彩心理感知、RGB和CMYK、冷暖色、印象贴图和坐标。

在下一篇文章中,我将重点介绍配色方法和应用。或许可以说下一篇文章更具工具性,但我认为,要想对色彩世界有一个全新的认识和彻底的改变,就需要从源头上了解色彩;这样一来,你会发现后期我们会对色彩有新的认识,包括你走路的时候,也许温暖的阳光会给你新的启发。!

这篇文章最初是@西瓜的设计发表的,大家都是产品经理。未经允许,禁止复制

标题图来自Unsplash,基于CC0协议


以上就是色彩设计原则(一)600619股吧的全部内容了,喜欢我们网站的可以继续关注之信股票网其他的资讯!