前言

色彩的饱和度和明度是我们进行色彩设计最经常使用的两个变量，但却不了解它们。在色彩设计的时候往往对其不加以克制，却不断强化它，导致页面过于鲜艳而缺乏品质感，且容易对用户造视觉疲劳。今天就关于色彩的饱和度进行一下分享。

目录

饱和度&明度的定义

眼睛对低饱和低明度色彩的忍耐度更高

高饱和度、高明度的色彩缺乏高级感

使用场景分析

总结

一、饱和度&明度的定义

色彩的饱和度和明度的是我们色彩设计中最近常使用的两个变量，我们先来了解一下它的定义：

饱和度：指颜色的纯度或强度，简单点理解就是颜色中的灰色量含量的高低。

明度：指的是颜色中混合了多少白色或黑色。

饱和度和亮度很大程度上决定了色彩呈现给用户的感受，饱和度、明度越高，视觉冲击力越强烈；饱和度、明度较低的时候，视觉上越温和。

二、眼睛对低饱和低明度色彩的忍耐度更高

我们首先来做个小测试，分别观察 A 、B 两组的色彩。

A 组是100%的饱和度合明度，B 组是80%的饱和度和明度，大家观察一会，看那一组的时间更长?

我会发现对 B 组低饱和、低明度色彩的容忍程度更高，观看时间更久；而 A 组的色彩饱和度高、明度高，不一会我们就感觉眼睛疲劳不堪，再也不想多看一眼睛。

在实际的应用中，如果色彩饱和度过高，会对用户造成视觉疲劳，导致用户地产品的忍耐度直线下降，我们以高德地图为例，左侧是通过软件处理后的高饱和、高明度的界面，右侧是线上界面。

我们会明显感觉右侧的线上界面更加耐看，色彩的饱和度和明度适中，视觉上更加舒适，对界面的忍耐度更高。而高饱和、高明度的页面视觉上过于鲜艳，容易给用造成视觉疲劳，导致用户极其容易放弃当前页面的操作。

三、高饱和度、高明度的色彩缺乏高级感

高饱和高明度的色彩缺乏高级感，不利于视觉输出，影响产品的整体品牌建设。

高饱和高明度的色彩缺乏品质感，对自己的缺乏克制，表现的简单、盲目、冲动、缺乏品质感。

例如葬爱家族合影：

葬爱家族的合影中，色彩饱和度和明度都很高，色彩十分突兀，色彩之间缺乏联系，十分生硬，缺乏品质感，显得低廉、粗糙。

高级感的色彩是克制的，表现的精致、稳重、具有品质感。

例如高品质的摄影作品：

低饱和、低明度的摄影作品看起来更加整体，色调更加和谐，相互之间有较强的联系，给人一种很强的品质感。

我们以故宫展览为例，对其进行饱和度和明度的调试再与原界面进行对比：

我们发现饱和度和明度提高之后，使得界面严重缺乏品质感，界面的色彩过于鲜艳不加以克制，色彩之间没有秩序，一片混乱，导致整个画面给人的感觉很花，很刺眼。

四、使用场景分析 1. 色彩对注意力和唤醒的影响

高饱和度和亮度的颜色更容易吸引人的注意力。结论表明在吸引注意力方面饱和度和明度比色调更加重要（源自“ 色调，饱和度和亮度的影响 ”的研究）。

另外两项研究“ 颜色饱和度的唤醒效应 ”和“ 颜色和情感 ”发现，明亮，饱和明亮的颜色与唤醒度（唤醒度(Arousal)是指使人感到兴奋或不兴奋的程度，评分越高唤醒度越高）有关。色调也会影响唤醒，但饱和度和亮度会产生更大的影响。

2. 饱和度高&明度高的颜色适合做引导性的控件

高明度和高饱和度的色彩更加容易吸引人的注意力，在唤醒度方面更加能够刺激用户的兴奋度，所以一般情况我们将明度和饱和度较高的颜色用于按钮的设计。

例如京东：

右边高明度高饱和度的按钮视觉冲击力更强，让人更加具有点击欲望，而左边低明度和低饱和度的按钮色彩暗淡，无法引起人的注意力，让用户缺乏点击的欲望，不适合做按钮的设计。

3. 饱和度低&明度低的颜色适用于长时间观看的页面

我们首先来做个小测试，分别观察 A 、B 两组的色彩。A 组是100%的饱和度合明度，B 组是80%的饱和度和明度，大家观察一会，看那一组的时间更舒适?

通过观察，显然右边比左边在视觉上更加舒适，高明度和高饱和度的色彩则不适合做背景色使用，主要原因是因为高明度和高饱和度的色彩容易吸引人的注意力，唤醒度较高，作为背景使用容易喧宾夺主。

五、总结

我们在回顾以上分享所提到的关于色彩的饱和度和明度的知识点：

人们对于低饱和度色彩的容忍程度更高，适合长时间的观看；高饱和度色彩容易对人的眼睛造成视觉疲劳，不适宜长时间观看。

高饱和、高明度的色彩容易缺乏高级感，对色彩的不加以克制，导致整个面絮乱无章，缺乏整体感。

色彩的明度、饱和度比色调更容易吸引人的注意力，高饱和度&高明度的色彩适合作为按钮等具有引导性的功能控件使用；低饱和度&低明度的色彩，适用需要长时间观看的页面，用作于背景。

哇，这张将夜图片很"鲜艳"，哪张就显得很"素雅"。那么对于设计师来说，如何将这些形容词转换成Photoshop中具体的调整方法呢？这时候就不得不提"饱和度"工具了！

首先需要明确的是：饱和度是指颜色的鲜艳程度，饱和度主要取决于颜色中的含色成分与消色成分（灰色）的比例。含色成分占比大，则饱和度高。消色成分占比大，则饱和度低。

这是一张饱和度正常的图片

饱和度调到最低时

饱和度调到最高时

从上面三张图可以看出：当饱和度调到最低时，消色占比远大于含色占比，图片成为了一张"灰度"图，可近乎看作是"无色"图。当饱和度调到最高时，消色占比远小于含色占比，图片变得"浓艳"，图片细节会有丢失，更多"色块"产生，显得不真实。

懂了吗？接着往下看！

在Photoshop中，还有一个叫做自然饱和度的调整工具，我们可以把它理解成"智能"饱和度，自然饱和度会智能检测画面中颜色的鲜艳程度，在调整时尽量让照片中所有颜色的鲜艳程度（饱和度）趋于一致，正向调整的时候，自然饱和度会优先增加颜色较淡区域的饱和度，将其根据调整幅度提高该部分饱和度。负向则相反！

这是一张饱和度正常的图片

自然饱和度调到最低时

自然饱和度调到最高时

在分析该次调整结果时，我们首先把图片分成两部分：第一部分为天空，第二部分为森林。

天空部分饱和度与自然饱和度最低水平对比（上下）

从上面三张图可以看出：当自然饱和度调到最低时，图片颜色也不会完全消失（天空中的颜色也未消失，可能由于屏幕色域问题，有人可能会看不到"微蓝"）。

饱和度最高与自然饱和度最高（左右）

当自然饱和度调到最高时，可以看出天空部分变得更加"蓝"，而森林部分相比较于调整饱和度时变化不大，这是因为森林部分（主体）被软件智能识别为"饱和度正常"部分，而天空中由于"灰色"占比较大被识别为"饱和度不正常"部分，所以调高自然饱和度后，天空会变得更蓝。

请记住：不管调低或调高自然饱和度，结果都是图片内容饱和度趋于同一饱和度水平。

总结与应用：

饱和度调整整体，会调整所有颜色的饱和度强度，可能导致过饱和，出现色块，局部细节消失，最常见是皮肤的过饱和（变成橙色且不自然）。

自然饱和度调整局部，自动保护已经饱和的颜色，调整力度比较小，适合"微调"某部分饱和度而不用担心其它部分"过饱和"，调整后会图像更自然，常用于调整人像。

理论1 色相

色相 色相 大家简单的记住就行色相指的就是红橙黄绿青蓝紫 只要是有颜色的就叫色相 色相在ps里哪里看呢 快捷键ctrl+U

看到上图了吧 这个色相饱和度选项 就是我们今天说的这三个基本的 色相 饱和度 明度 专业来说应该说

是色相 饱和度 亮度 这个里面我们调节的只是色相和饱和度 至于亮度 我们有专门调节的 ps里叫色阶和曲线

色相看到了如上图 色相下面有一长条 这个长条就是色相的变化 里面所有的颜色都是色相 只要是看的到的颜色我们都可以称为色相 但是 唯有一点 黑色 白色灰色不属于色相里面的 我们称黑色白色灰色 为无色相。什么意思呢？也就是说 比如黑色 你要想通过色相饱和度这个选项里面的色相来调节 它是没有反应的 就是因为黑色是属于无色相的 所以改变色相 黑色不会发生变化 同理 白色 和灰色也是一样的道理 色相就注意这一点 黑色白色灰色属于无色相

黑色到白色中间是灰色 纯黑只有一种 纯白也只有一种 中间的全都是灰色 有的灰色偏暗 有的灰色偏亮

今天也告诉他家 灰色一共有254中加上纯白纯黑 一共下来的黑白灰是256种 这256个颜色里面 都属于无色相 从黑到白 中间全都是灰色 所以大家看到的所有的灰色无非也就是256种 只是最多了 不会出现第257种的灰色 永远也不会

理论2 饱和度 饱和度是什么意思呢？饱和度就是指某一色相的颜色的纯度 纯度越高这个颜色越艳 纯度越低 这个色相就越偏灰 我给大家截个图看下就明白

如上图 从左边到右边 饱和度一次降低 直到最右边 只是一个色相饱和度最低的时候 最终就成了灰色

所以也就是说 任何一个色相上的颜色 饱和度的最低就是灰色 也就是等于说 将一个颜色的饱和度调成最低 就等于说是给这个颜色去色任何一个颜色都一样

饱和度就两点大家记住就行 饱和度是指色相来说的 而且任何一个色相的饱和度降到最低就是成了灰色 等于说是去色

理论3 亮度 亮度这个大家听的多了 应该更容易理解了 很简单 亮度越高 越亮 亮度越低 越暗 这个大家应该都明白 这个里面有两个极限 亮度最高会是什么颜色？那就是白色。同理 亮度最低是什么颜色？当然就是白色。所以 如果你要将白色给它增加亮度 它会有反应吗？当然不会。因为白色已经是亮度最高的极限了。所以再怎么增加它都不会再变亮了。同理 黑色的也是 你让它变暗 它也是没反应的。大家记住这个两个极限特殊的情况。

任何一种颜色 给它增加亮度极限就是白色 让它变暗 极限就是白色

纯黑和纯白 无论怎么调都不会有反应 比如你想改变色相 饱和度 亮度 这个怎么调 它都不会有反应

为什么呢 纯黑和纯白是属于无色相的 所以改变色相 是不会有反应的 而饱和度是针对色相来说的 所以也是同理怎么改 也不会有反应 有人会说 白色如果改变亮度让它变暗它不会变暗吗？答案是是的 纯白无论怎么改亮度 无论是变亮还是变暗 都不会有任何变化 纯黑也是

好了 理论就是这么说 这个是必须要知道的东西 我们在ps里用颜色在来理解一下

大家都知道工具栏里面有两个颜色 一个前景色 和一个背景色 我们随便点击一个打开 如下图

教大家怎么认识拾色器！默认打开后左边这块显示的是红色的所有的颜色 有的红色亮一些 有的红色暗一些 有的红色饱和度低一些 有的红色饱和度高一些 总体来说 这个都是红色这个色相里面的颜色

先说下左边和这个颜色块吧

我们这么认为将他理解为x轴和y轴

如上图所示x轴上从左到右指的是颜色的饱和度逐渐增加。y轴上从下到上指的是颜色的亮度逐渐增加

当然整个颜色都是一个色相 红色 首先我们先来理解一下y轴。这个简单一点。y轴最左侧 从上到下是不是从黑到白？那这就好理解了 当然就是亮度逐渐增加了也就是说亮度从暗变亮 只要和y轴平行的任何一条从下到上都是亮度逐渐增加 越靠上越亮 越靠下 越暗

x轴从左到右 大家发现没有 和x轴平行的任何一条上 最左边都是灰色的 最右边都是红色的 这么理解 大家就明白了 所以x轴指的就是饱和度 饱和度从左到右逐渐增加 而且最左边的就是饱和度最低的 我们之前说过就是去色的 属于黑白灰的

好了这个里边所有的颜色 按照理论上说都是红色的 大家可以想象一下只是红色的颜色就会有多少种

有的暗 有的亮 有的饱和度低 有的饱和度高 至于多少种红色 我们日后会给大家说

这个只是红色 那么别的颜色在哪改呢 这就说到第二个颜色条

看到图上红色选框里面的颜色条了 是不是感觉和色相饱和度里面的色相调一样？呵呵那不叫一样 就是同一个东西 所以 这个颜色条就是指的是色相 从上到下红色 紫色 蓝色 青色 绿色 黄色 最后又回到红色

你可以想想他是一个圆环展开的一个颜色条 所以前后颜色是一样的 如果大家想改变颜色 首先 在这个色相条上先点击一个色相 然后我们再在左边的颜色里面选择颜色 两步 第一步的选择是为了确定一个色相 当然确定了色相我们还是没法确定具体是什么颜色 因为一个色相里面有饱和度 有亮度 有的颜色亮 有的暗 有的饱和度高 有的饱和度低 所以我们的第二步就是为了确定一个具体上的颜色 两步确定完 一个准确颜色就确定了 而且是唯一的一个颜色一旦这三个选项改变（色相 饱和度 亮度）它马上会改变成另外一种颜色。确定完后点击确定 前景色就会变成你选择的颜色了。再把之前说的教程说下 前景色和什么有关？画笔 如果现在选择画笔 在图上画 画出来的颜色就是前景色。

图/雨风 文/雨风 Box

每个海滩到底有什么不同？他们在夏日的烈阳下是否能变得更加清凉？这次，让我们的摄影师来告诉你，他是如何为海滩拍摄别有生趣的肖像照！

找到海边的特色 学会大胆地放空画面

在海滩上，我们能看到的，最多的东西就是椰子树，以及冲浪板之类的海边娱乐工具；那么，这些代表着沙滩、热浪的特殊事物，在我们的海滩画面中究竟能起到怎样的作用呢？当我们在沙滩上举起相机时，不妨试着将这些常见却有代表性的元素拿进画面，去掉那些多余的人，这样的海滩能安静到骨子里。

平均测光让光线分布更柔和

我在拍摄这幅作品的时候是下午4点左右，太阳开始逐渐下落，光线开始变得柔和许多。这时，我选择使用平均测光法，对画面进行测光；这时，相机给了我F7.1，1/250秒，ISO100的曝光值；为了让前景更明亮，我选择了增加1/3EV拍摄。

调整“色彩”模式让画面更低调

为了让画面中的色彩更符合我想要的效果，我打开相机菜单，选择“色彩”模式，进入“风景”模式，提高它的对比度和明亮度，减少它的饱和度，让色彩更加趋近于淡彩效果；拍摄时，可以适当增加曝光补偿让画面更清新。

刻意留白让画面更清静

我们从左图示意图中可以看出，空的区域几乎占据了画面的1/2，所有的主体都堆积在画面左侧；但由于左侧的元素较少，这种重量失衡在画面中显得不那么严重，反而让我们看到拍摄者在当时的一种趣味性思考。

右面的空间虽然空荡荡的，却给了观赏者一个透气的间隙，使整个海滩更加安静；另外，云朵的层次变化和地面细节让这片区域在“空”之中，多了一些层次。

从海上出发 高速快门下的激流勇进

海面上的活动是我们诠释一个海滩的侧面之一，你可以选择使用长焦镜头，例如200-400mm来抓捕这些激动人心的瞬间，但我仍然建议你不如也加入海里的队伍，在海面上一边感受海的味道，一边更贴近地拍摄你身边的海洋。

高速快门抓住精彩瞬间

在船上颠簸，足够安全的快门速度将会是1/1000秒-1/2500秒之间，这能确保你在摇晃的过程中也能拍摄到清晰的画面。同时，这样的快门速度能让你凝固住海面活动的每个精彩瞬间，例如作品图，我使用了1/2000秒的快门速度，并使用了高速连拍，这个快门速度帮我记录下了海浪翻腾的时刻，以及帆船的动态。

减曝光补偿刻画压抑的气氛

为符合画面的激烈感，我想压暗天空的部分；同时，为了避免水面上的高光过曝，我在平均测光得到的F7.1,1/2000秒，ISO400的基础上，减少了1EV拍摄；这样，画面中的天空形成了浓厚、低矮的压迫感，而近处的海浪细节也更加清晰。在后期处理时，我用图层蒙版再次对天空、海面和帆船进行了分别修改，让它们都足够明亮。

用防抖、连拍获得最稳定画面

在波浪翻滚的大海中行驶的帆船，在使用高速快门确保它清晰的同时，也可以使用连拍，确保在一组画面中找到形态和精细度最高的照片；同时，由于我们使用长焦端拍摄，开启所有的防抖功能将让你更轻松地获得最棒的画面质量！另外，你还可以选择使用连续对焦，确保焦点清晰。

增加压迫感的紧凑构图法

在构图时，为了表现出海上巨浪翻涌的压迫感，我增加了天空在画面中的比例，但这个前提在于天空中厚重的云层形状、深蓝色渐变的色彩首先表现出了压抑的情绪。

接着，我将画面中剩下的部分留给了海浪，前景处白色翻腾的海浪和天空衔接起来，从整体上造就了一种庞大、势不可挡的壮阔感。

最后，整个画面中的帆船，作为点缀放置在整个画面当中，合适的状态和大小更加清晰地告诉了我们，这将会是怎样的一个紧急状况，表现气氛的同时又能引起无限遐想。

重点解读 准备好你的防浪装备

Bingo卡片机防水罩：此类防水袋多采用PVC及TPU材质，镜头盖多用聚碳酸酯及硅胶材质，防水性能从3米至20米，目前售价在80元至及百元不等，淘宝有售。

DiCAPac单反相机简易防水袋：跟卡片机防水袋材质相同，价钱在100-600元不等，可达水下10米内防水；有些品牌，如“Tteoobl”装入相机放入水中仍能漂浮。

Canon WP-DC34设计密闭专门配置：佳能G11、G12专用防水罩，市场售价约2100元人民币。此类防水盒设计密闭，为某款相机专用，加入操作按键、电池舱、存储卡槽等设置。其他类别相机也有相应防水罩，能潜水约20-40米拍摄。

专用防水罩MDX-PRO 5D Mark II：美国专业防水摄影器材厂SEA-SEA的这款防水罩，配三脚架接口、外接闪灯保护，及0.5和0.8倍取景器；内置泄漏传感器，进水将发出警告；允许下潜60米，售价约20414元人民币。

找到海滩上的游客 点缀大场面下的生动情节

我认为，每个海滩上的游客也绝对是刻画这个海滩的最佳元素之一，但前提条件是，我们要将他们放在更大的场景之下，这些人物只是作为整个海滩的一个说明，或者说是一个点缀。例如这幅作品，海滩的远景处停靠的帆船，以及海滩的模样几乎能交代出这是一个怎样的海滩，剩下需要我们做的便是更好地去表达你感受到的情绪。例如，我在拍摄时等到的这对情侣，他们亲密的动作、服装，给了我们一个悠闲、轻松的感觉。

地平线的位置不能再低了

当我在为这幅作品构图时，地平线放在哪儿对我而言是最头疼的：让天空的比例更多，还是让海面占比例更多？

由于天空中云朵飞扬的形状十分漂亮，让我决定将海平面向下移动；同时，为了让地平线不至于横切人物的身体，我最终决定将海平面放在现在的位置上。

另外，在拍摄海滩时，记得加入更多的当地元素，例如帆船、渔船、或者海鸥等，让环境为你的画面主题带来更活跃的效果。

降低饱和度 瞬间冷静你的夏天

现在让我们来试着讨论一下欧美风格的色调，从各种电影及画面中我们可以知道，他们喜欢用冷色调表现“酷”这样的感觉，在画面中加入一些灰色，能迅速地让照片看起来更加精致和高级（这是一种相对来说更通俗的说法）。而欧美色调中，最常用的色彩无外乎是绿色、蓝色、黄色、红色，这几种色彩融合在一起，形成了他们所谓的复古、Lomo等风格。同样，在日本的色彩使用上，我们也能看到他们对于灰色的钟爱，日本几乎在所有使用的色彩中都加入了灰色，不同的灰度能形成完全不同的感受，例如现在所谓的“小清新”效果，就是加入了少许灰色的成果。

再看看我们这幅原图作品，天空中的蓝色太艳，几乎抢走了前景处海鸥的主体；所以我们需要首先降低蓝色的饱和度，同时为了让整个画面都变得更加清淡起来，我们还可以提亮画面，并加入一些灰蓝色。

修改前

修改后

让画面变得更明亮

首先，我们打开“曲线”命令框，点选“预览”按钮后，根据画面效果，提亮画面。如果你认为图片的对比度不够，可以在“曲线”调节时制造“S”形的调节，提高对比度；但这里我们仅需要提亮画面即可。

给画面增加一些冷色调

为了让照片变得清淡一些，我们可以先使用“自然饱和度”适当减少画面的饱和度；接着，使用“色彩平衡”工具，选择“中间调”，增加“青”、“杨红”和“蓝色”，冷色调能烘托出更安静的画面感。

有针对性地减少饱和度

最后，我们回到图层面板，这时天空的蓝色仍然有些艳丽，为了保留海鸥嘴上的红色，我们选择“色相/饱和度”工具对“蓝色”有针对性地修改。修改时，选择“蓝色”，减少一些饱和度，同时也可以降低一些“明度”。

重点解读 趁着8月去海岛

1.毛里求斯岛

火山岛，沿海是狭窄平原，中部是高原山地；5至10月沿海平均气温24℃，中部高原19℃，海水温度22℃。

2.圣托里尼岛

在希腊大陆东南200公里的爱琴海上由一群火山组成的岛环；建筑风格以传统洞穴房屋为主，但现今真正传统的老房子越来越少，取而代之的是风格相似的白房子。

3.芭提雅

位于泰国东海岸边，距曼谷约150公里，被人们称做“东方夏威夷”；特别是距芭提雅9公里的珊瑚岛，是芭提雅海滩外最大的岛，岛四周有很多白沙滩。

via Fotomen返回搜狐，查看更多