七色堂七色色块围合标志七色堂观察色彩 · 动手创作
读指南

COLOR / MATERIAL / LIGHT

七色堂

把看到的颜色,变成可用的设计。

从一片叶子的灰绿,到一张海报的留白。七色堂以七色为观察线索,拆解配色、材质、摄影与图文设计,让每次选色都有理由,每次创作都有可重复的步骤。

从四步方法开始独立编辑内容 · 色卡与案例均为创作示例

具体色值场景比较动手练习

COLOR STUDY / 观察节奏示意

00:0000:3001:0001:3002:00
01色相
02明度
03材质
04留白
02

A WORKING METHOD

先观察,再配色

先决定要读什么,再决定用什么颜色。四步流程适合一张照片、一页图文,也适合整理你自己的色彩笔记。

1

定用途

写下一句任务:让标题被看到、让商品真实,或让说明容易读。

2

取三色

从对象中选背景、主体、强调三种角色,不急着增加颜色。

3

做比较

只改变面积、明度或光线中的一项,留存前后两个版本。

4

记结论

记录色值、使用位置和失败原因,把一次选择变成下次的起点。

03

READ BY QUESTION

按问题找方法

当前焦点:搭配颜色。从下面的问题进入,每篇都有直接回答、操作步骤和比较示例。

先用米白作底、深青作结构、赭橙作小面积强调,比较颜色角色和面积变化。

读三色面积配色 →
04

FOUR FIELD CARDS

带走四张图解

可打开原图放大阅读。颜色、数字与步骤都保留在图中,适合在实际创作时逐项对照;色卡为屏幕 sRGB 示例。

三色面积示例:米白60%、深青30%、赭橙10%,附四组HEX色值与用途
01三色面积与角色
哑光与亮面在正光和侧光下的示意对照,以及控制拍摄变量的步骤
02材质与光线对照
浅底和深底上的文字配色与计算对比度示例,用于普通文字可读性检查
03文字对比度卡
七日色彩速练任务:红色包装到紫色花瓣,附光源、材质、三色与用途记录字段
04七日色彩速练表
05

QUESTIONS BEFORE MAKING

选色之前,先问

颜色没有脱离场景的万能答案。先理解用途与限制,再把建议放进自己的作品里验证。

01“七色”是一套固定的配色规则吗?

不是。七色是本站整理选题和观察练习的线索,并不表示所有作品都该放入七种颜色。实际设计可以只用一种主色加中性色,也可以按任务增加辅助色。

02可以直接复制这里的 HEX 色值吗?

可以把本站原创色卡作为屏幕设计的起点。请在实际背景、字体大小与设备上检查;用于印刷时还需按纸张和印刷流程打样,屏幕上的HEX不能保证印刷结果一致。

03先选喜欢的颜色,还是先选版式?

先写清内容的阅读顺序并做黑白版式,再给颜色分配背景、正文和强调角色,通常更容易判断每一种颜色是否有必要。

04照片统一就是套同一个滤镜吗?

不一定。先比较各张照片的曝光、白平衡和主体颜色,再决定是否共享一套调整。光源不同的照片套同一参数,仍可能得到不同的观感。

05怎么知道色彩练习有没有进步?

保留原图、改稿和一句判断理由。下次遇到相近任务时,检查自己能否更快找到稳定的主色、明确的阅读顺序和容易说明的改动,而不只比较哪张更鲜艳。

◎关于七色堂

七色堂是独立色彩美学与视觉创作内容站,以七色组织观察练习与编辑选题,不代表任何同名品牌的官方网站。站内色卡和案例均为创作示例,供读者比较、改写和实践。

06

GUIDES TO MAKE WITH

读完,做一个小样

六条入门路径对应六种具体任务。每篇包含步骤或对照表;学完后再用场景色卡做一次组合练习。

PUT COLORS TO WORK

让色卡走进真实用途

用植物阅读卡、夜间摄影展签与手作海报三个创作示例,比较不同任务怎样决定色卡与面积。看三个场景案例