配色不好看?让腾讯设计师带你学习色彩三要素!

Date 2026-06-25 20:39:36

配色不好看?让腾讯设计师带你学习色彩三要素!

@期待Designer :作为一个新人,你是否经常被以下问题所困扰?我参考了模板,为什么最终的效果很尴尬。为什么我的页面总是花哨的?大多数时候,这是由于元素之间的色调、亮度和纯度调和不合理造成的。今天,我将教你如何使用基本的颜色三个元素来解决这些问题!

第一期回顾:“腾讯好文!配色新人应该学习的六个色彩知识点

注:说到色彩,优化设计一直在跟上潮流。例如,潘通2017年的流行色刚刚发布。优化设计有相关的介绍和应用方法。如果你不想落入潮流,记得多关注优化设计的官方网站:“玩草木绿!在这里了解潘通2017年的流行色彩

让我从最基本的色彩三要素开始。

配色不好看?让腾讯设计师带你学习色彩三要素!

一、色彩三要素

配色不好看?让腾讯设计师带你学习色彩三要素!

色相是每种颜色的外观和名称,如红色、橙色、黄色、绿色、绿色、蓝色、紫色等。色相是区分颜色的主要依据,也是颜色的最大特征。

配色不好看?让腾讯设计师带你学习色彩三要素!

亮度是颜色的明暗差异,即深度差异。颜色的亮度差异包括两个方面:一是指颜色的深度变化,如海军蓝、中蓝、浅蓝是蓝色,但比较浅;二是指不同颜色之间的亮度差异,如黄色、紫色、橙色、绿色、红色和蓝色之间的六种标准颜色。

配色不好看?让腾讯设计师带你学习色彩三要素!

纯度是指每种颜色中包含的单个标准颜色成分的数量。高纯度的颜色感觉很强,即色度很强,所以纯度也是颜色感觉强度的象征。不同颜色相可以达到不同的纯度,其中红色纯度最高,绿色纯度相对较低,其他颜色相居中,亮度不同。

二、色彩特征

配色不好看?让腾讯设计师带你学习色彩三要素!

红色给人一种积极、愉悦和温暖的感觉。蓝色给人一种安静和消极的感觉。绿色和紫色是中性颜色,刺激性小,效果介于红色和蓝色之间。中性色彩使人感到休息和放松。

配色不好看?让腾讯设计师带你学习色彩三要素!

人们对颜色的冷暖感基本上取决于颜色。颜色系统一般分为暖色系统、冷色系统和中性色系统三类。颜色的冷暖效果还需要考虑其他因素。例如,暖色的饱和度越高,其温暖特征就越明显;冷色的亮度越高,特征就越明显。

配色不好看?让腾讯设计师带你学习色彩三要素!

各种颜色给人不同的重量感。我们从颜色中获得的重量感是纹理和颜色的复合感。

配色不好看?让腾讯设计师带你学习色彩三要素!

如果等距离看两种颜色,可以给人不同的距离感。例如,当黄色和蓝色以黑色为背景时,人们往往觉得黄色比蓝色更接近。换句话说,黄色是前进的,蓝色是后退的。背景色突出的前进色称为“颜色”;背景色暗淡的后退色称为“退色”。

配色不好看?让腾讯设计师带你学习色彩三要素!

一般来说,暖色比冷色更具前进性。在两种颜色之间,高亮度的颜色是前进的,高饱和度的颜色也是前进的。然而,颜色的前进和后退不能一概而论。颜色的前进和后退与背景颜色密切相关。例如,在白色背景之前,冷蓝色给人一种向前扩展的感觉。

三、色调象征意义

配色不好看?让腾讯设计师带你学习色彩三要素!

纯色调是由高纯色调组成的色调。每个色调都有独特的个性、挑战性、令人兴奋和愉悦。强烈的色彩对比意味着年轻、充满活力和活力。

中间色调的刺激仅次于高纯度色调,中间色调增加了白色,提高了亮度。因此,它清新清晰,就像男孩和女孩的纯洁、活力和进步精神一样。

配色不好看?让腾讯设计师带你学习色彩三要素!

明色属于清色系列,其特点是增加大量白色,提高整体色调的亮度。透明、美丽、清晰、轻盈。暖色搭配,有甜美、优雅的味道,冷色显得凉爽、舒适。

明灰色调调入大量浅灰色,使画面有灰浊的味道。由于灰白色调调过多,色调亮度提高,形成高亮度的灰色色调,这是明灰色调的特点。给人一种平静、优雅、宁静的感觉。

配色不好看?让腾讯设计师带你学习色彩三要素!

中灰色调是一组中等亮度的含灰色调。色相环中的所有颜色均为中灰色,纯度降低,色相感淡淡。中灰色调有点暗淡,简单、含蓄、稳定。

暗灰色调是指色相环中的所有颜色都调入暗灰色,使色相感呈低弱灰色调。就像乌云密布,阴郁暗淡,令人沮丧。

“配色不好看?让腾讯设计师带你学习色彩三?素!"

中暗调调入少量黑色,在保持原色调的基础上,又笼罩了一层较深的色调,显得稳重老成、严谨高贵。

深色调加入大量黑色,形成深色调。隐约露出各种颜色的外观,这是深色调的特点。表现出深沉、坚实、冷静、庄重的气质。

配色不好看?让腾讯设计师带你学习色彩三要素!

最后,我还是按照惯例推荐三本好书。我很高兴在现实中遇到刘彤,希望有一天我能成为一个像他一样优秀的年轻人。

以上是我多年积累色彩知识的经验,希望对路上的设计师有所帮助。分享是一种美德。我也希望以后能分享更多的设计经验。“色彩在设计中的应用”3将在后面陆续更新。请期待~

祝大家在2017年成为自己心目中的设计大神。

「色彩科普系列教程」

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

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

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