COURSE 03 · 色彩搭配

建站色彩搭配教学

共 8 章节 约 120 分钟 中级

配色是品牌调性最直接的载体。本课从色彩三要素与色彩心理学出发,带你完成品牌主色定位、配色方案选择与比例分配,并解决暗色模式和无障碍对比度的实战难题,最终沉淀为一份可交付的品牌配色规范。

建站色彩搭配教学课程封面
CHAPTERS

课程章节目录

八个章节从理论到规范,把色彩搭配拆成可执行的设计动作。

01

色彩三要素:色相、明度、饱和度

用 HSL 视角理解颜色,摆脱"凭感觉调色",学会用三个维度精准描述和调整每一个颜色。

14 分钟入门
02

色彩心理学:颜色如何影响情绪

暖色与冷色的情绪暗示,不同行业对色彩的心理预期,让配色先服务于感受,再服务于美观。

15 分钟入门
03

品牌主色定位:从行业到调性

从行业属性、用户画像、竞品分析推导品牌主色,避免拍脑袋选色,让主色经得起品牌战略检验。

16 分钟中级
04

配色方案:同类、邻近、对比、互补

四种经典配色关系的视觉效果与适用场景,学会在色相环上理性生成和谐又有张力的配色组合。

15 分钟中级
05

中性色的力量:灰阶层次构建

被低估的中性色才是排版的主角。构建从纯白到深墨的灰阶阶梯,让文字与背景关系清晰耐读。

15 分钟中级
06

配色比例:60-30-10 法则实战

主色、辅助色、强调色的面积分配法则,用比例控制视觉重心,避免配色花哨失衡。

15 分钟进阶
07

暗色模式与无障碍对比度

暗色模式不是简单反色,处理对比度、饱和度与层级关系,并满足 WCAG 无障碍可读性标准。

15 分钟进阶
08

建立品牌配色规范与色板

把配色沉淀为带命名、取值、使用场景的色板规范,方便团队复用与开发对接,告别随机用色。

15 分钟高阶

配好色,再去做一张会说话的 Banner

色彩与构图结合,Banner 视觉设计课程等你进阶