不会用高饱和色彩？来学习这3个实战方法！

编者按:这段时间饱和度高的鲜艳颜色逐渐流行起来，但这种颜色比较难，不小心容易弄脏。@疯狂十六夜猫 专门带来这个教程，教你在Web//App 界面采用单色、双色和重叠效果。

说到色彩，优化设计一直在跟上潮流。比如潘通2017年的流行色，刚发布不久，优化设计就有了相关的介绍和应用方法。想不落潮流的同学，记得多关注优化设计的官网:“玩草木绿！在这里了解一下潘通2017年的流行色。

配色是设计师非常有帮助的工具之一。它不仅可以用来吸引注意力，为作品增添氛围，还可以影响用户的感知和行为。

无论是网络还是应用程序，明亮的颜色匹配已经开始逐渐流行起来。为了将人们的注意力集中在元素上，让设计给用户留下深刻印象，让我们使用明亮的颜色匹配。

这一次，我们介绍了使用鲜艳配色设计的实用技术。

使用单色

在使用鲜艳的颜色时，最常见的是使用单色。单色板是指同一颜色不同深度的饱和度的组合，带来视觉冲击，增强作品的魅力。单色板结合吸引人的印刷风格，更容易给读者带来令人印象深刻的感官体验。

要点

将黑白设计的效果与单色相结合，也是将用户的注意力集中在小画面上的好方法。

使用双色

双色调是指通过改变屏幕的角度，将一幅单色原画变成两部负片的效果。这是一种突出中间色和再现重点的方法。它曾经是印刷中常用的技术，但现在它在互联网上焕发出新的活力。双色调看起来很有趣，也很容易实现。使用Adobe Photoshop的双色渐变可以达到效果。

虽然双色调效果适用于大屏幕，但也可以在手机屏幕上使用。

要点

使用双色调效果来制作引人注目的效果。选择高质量的图像，使主题显眼。即使是凌乱的照片，我们也可以使用模糊的细节。

选择能反映照片氛围的配色方案。永远记住，你可以通过不同的颜色表现出不同的情感氛围。

制作网页时，设计时不需要加工现有图像，也可以达到双色调效果。通过colorfilter.css，这种效果也可以用CSS代码。

重叠效果

另一种通过配色传递信息的方式是在设计中使用重叠效果。让我们在图像或动画中重叠半透明的效果。结合材料设计的鲜艳配色，呈现出更现代的氛围。

尝试在卡片布局和视频内容上使用重叠效果，不断调整，使内容更有吸引力。

要点

在单色上使用叠加效果时，调整颜色和滤色透明度非常重要。

使用灰色、低透明度的颜色作为滤色器，将用户的注意力集中在颜色而不是背景图像上。

相反，用明亮透明的颜色作为滤色器，可以将用户的注意力集中在图像上。

最后

无论你喜欢使用明亮的颜色还是简单的黑白单色，请记住颜色不会错。最重要的是如何使用这些颜色。

「色彩科普系列教程」

红色文章：“设计师的阅读笔记！带你全面了解红色系列的颜色”橙色文章：“简单的学习颜色匹配！带你全面了解橙色系列的颜色”黄色文章：“简单的学习颜色匹配！带你全面了解颜色系列的黄色文章”绿色文章：“简单的学习颜色匹配！带你全面了解颜色系列的绿色文章”蓝色文章：“简单的学习颜色匹配！带你全面了解颜色系列的蓝色文章”紫色文章：“简单的学习颜色匹配！带你全面了解紫色系列”橙色高级：“带你全面了解橙色高级文章”蓝色+红色高级：“超级案例！零基础颜色匹配系列红色+蓝色”

原文地址：photoshopvip

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================优设网==============.com“它是中国最受欢迎的网页设计师学习平台，专注于分享网页设计、无线终端设计和PS教程。设计师需要阅读的100本书：历史上最完整的设计师图书导航：http://hao.uisdc.com/book/.设计微博：拥有180万粉丝的热门微博@优秀网页设计 ，欢迎关注获取网页设计资源，下载顶级设计材料。设计导航：推荐世界顶级设计网站，设计师必须导航：http://hao.uisdc.com