色彩力学 · 浮力色彩模型
17vis — 行者知 · 人站着看水面,不是平视,是带十几度俯角。这样才能看到面,不是线。
一、轻与重 — 微微倾斜的水面上,纸各有吃水深度
水面倾斜 14°——人站着俯看。高明度纸片浮在水面上方,几乎不沾水。中明度半沉半浮,低明度沉入水中。吃水深度不是抽象概念,是肉眼可见的物理关系。
── 水面 14°倾斜 ──
吃水 0 · 浮在水面之上
纯白 · 最轻
吃水 5% · 刚触水面
浅驼 · 轻
吃水 50% · 半浮半沉
灰蓝 · 中
吃水 70% · 吃水过半
深灰蓝 · 重
吃水 95% · 沉入水中
黑 · 最重
| 吃水深度 | 明度区间 | 代表色 | 视觉重量 | 节奏角色 |
|---|---|---|---|---|
| 浮在水面之上 | 90–100 | 纯白 米白 极浅灰 | 最轻 | 透气、留白、让她呼吸 |
| 刚触水面 | 75–90 | 浅黄 浅粉 浅蓝 | 轻 | 柔和提示、背景底色 |
| 半浮半沉 | 50–75 | 中灰 灰蓝 灰绿 驼色 | 中 | 信息主体、正文、主色 |
| 吃水过半 | 25–50 | 深灰 深蓝 深棕 暗红 | 重 | 强调、标题、结构线 |
| 沉入水中 | 0–25 | 黑 墨绿 藏青 深紫 | 最重 | 锚点、压阵 |
用法:一个版面,五个吃水深度里选两到三个。只选浮在上面的 → 画面漂,没重心。只选沉入水中的 → 画面闷,透不过气。至少一个轻、一个重,再加一个中间明度做过渡。
二、边缘张力 — 楼顶微微倾斜,色块悬在边上会掉
楼顶平面倾斜 12°——人站在楼顶往下看的角度。色块放在中心是安全的,靠近边缘有坠落危险。深色块悬在顶边最危险,像石头挂在悬崖。明黄色块悬在顶角——不是坠落,是向上冲,像信号弹刚炸开。
安全区 · 稳
顶边 · 重+边缘=最危险
底边 · 轻色不危但漂
侧边 · 轻微紧张
顶角+明黄=向上冲
| 色块位置 | 色块重量 | 感觉 | 心理反应 |
|---|---|---|---|
| 版面中心 | 任何 | 安全、稳定 | 舒适、可预期 |
| 顶部边缘 | 重(低明度) | 像悬崖上的石头 | 危险、压迫 |
| 顶部边缘 | 轻(高明度+高饱和) | 像信号弹刚炸开 | 期待、即将发生什么 |
| 底部边缘 | 重 | 地基不稳 | 不安、沉重 |
| 底部边缘 | 轻 | 像叶子将要漂走 | 疏离、落寞 |
| 侧边 | 任何 | 视线偏移感 | 轻微失衡 |
| 四角 | 重+低明度 | 双重压迫 | 焦虑 |
| 四角 | 轻+高明度+高饱和 | 向上冲破页面 | 爆发力 |
三、上浮力 — 色彩自身的主动力
高明度+高饱和的色彩有上浮力,像水底的空气往上冒。低明度+深色有下沉力,像铅块往下坠。同在一个重力场,不同的色彩有不同的主动力方向。
── 中性浮力线 ──
↑ 上浮区 · 高明度+高饱和
↓ 下沉区 · 低明度
四象限:饱和度 × 明度 = 主动力方向
高饱和 + 高明度
↑ 上浮力 · 向上冲
像气泡往上升
像气泡往上升
低饱和 + 高明度
↗ 轻浮力 · 飘
像纸片漂在空中
像纸片漂在空中
高饱和 + 低明度
↓ 下沉加强 · 铅坠
重且浓,沉底
重且浓,沉底
低饱和 + 低明度
↓ 下沉力 · 闷
像石头压在泥里
像石头压在泥里
| 色彩类型 | 明度+饱和度 | 主动力 | 表现 | 示例色 |
|---|---|---|---|---|
| 上浮型 | 高明度+高饱和 | ↑ 向上冲 | 像气泡往上升,有爆发力 | 明黄 鲜橙 亮粉 |
| 轻浮型 | 高明度+低饱和 | ↗ 飘浮 | 轻、飘,可能漂走 | 米白 浅灰蓝 浅粉 |
| 中性 | 中明度+中低饱和 | — 无主动力 | 只受重力,半浮半沉 | 中灰 灰蓝 驼色 |
| 下沉型 | 低明度+低饱和 | ↓ 下沉 | 重且闷,压在底部 | 深灰 墨绿 藏青 |
| 铅坠型 | 低明度+高饱和 | ↓↓ 双重下沉 | 重且浓,像铅块沉底 | 深红 深紫 深橄榄 |
四、三重力的协同
一个版面里,每个色块同时受三重力的作用:
| 力的维度 | 决定因素 | 作用方向 | 她感知到什么 |
|---|---|---|---|
| 重力(轻重) | 明度 | 垂直 ↑ ↓ | 这个颜色是浮还是沉 |
| 边缘张力 | 色块在版面上的位置 | 水平 ← → | 这个颜色稳不稳,会不会掉 |
| 主动力(上浮/下沉) | 明度 + 饱和度 | 垂直 ↑ ↓(叠加在重力上) | 这个颜色是往上冲还是往下坠 |
诊断方法:任何一个设计稿,吸色 → 看明度值(换算吃水深度)→ 看饱和度(判断主动力方向)→ 看位置(判断边缘风险)。三重力量化评估,节奏对不对,一眼就知道。
核心原则:轻的浮在上面的先被看到,重的沉在下面的后被看到。版面不是排出来的节奏,是浮出来的节奏。
水面为什么倾斜14°:人站着看水面或楼顶,不是平视,是带俯角的。水平面如果完全平视就是一条线,普通人看不到”面”。倾斜十几度——能看到面的纵深,能看到纸的厚度、吃水的深度、色块离边缘还有多远。楼顶同理。这个倾斜角是物理真实,也是让节奏可视化。
核心原则:轻的浮在上面的先被看到,重的沉在下面的后被看到。版面不是排出来的节奏,是浮出来的节奏。
水面为什么倾斜14°:人站着看水面或楼顶,不是平视,是带俯角的。水平面如果完全平视就是一条线,普通人看不到”面”。倾斜十几度——能看到面的纵深,能看到纸的厚度、吃水的深度、色块离边缘还有多远。楼顶同理。这个倾斜角是物理真实,也是让节奏可视化。
五、为什么传统教学教不明白
| 传统教学 | 浮力色彩模型 |
|---|---|
| 讲色相环、冷暖对比、饱和度 | 讲明度=吃水深度、版面=重力场 |
| 色彩是平面属性 | 色彩是物理实体——有质量、有浮力、会掉落 |
| 节奏靠”感觉” | 节奏靠”重力分配”——量化、可视化 |
| 学生只能反复试错 | 吸色、看明度、换算吃水深度,立刻诊断 |
| 说不清”为什么这块颜色放这不舒服” | 三重力量化:重力+边缘张力+主动力→答案 |
| 一百年没变过的课程体系 | 一个新的色彩节奏解释模型 |
17vis · 行者知 · 浮力色彩模型 — 色彩力学
不是总结前人理论,是提出一个新的色彩节奏解释模型

为创作者 17vis 守护知识产权,转载必须保留完整出处信息 (侵权必究)
© 2026 17vis.com All Rights Reserved.
Copyright 2026 Logo商标_品牌VI规范视觉设计-上海翼起品牌设计公司17VIS-APEX WINGS BRAND DESIGN. Original: https://www.17vis.com/%e8%89%b2%e5%bd%a9%e5%8a%9b%e5%ad%a6-%e6%b5%ae%e5%8a%9b%e8%89%b2%e5%bd%a9%e6%a8%a1%e5%9e%8b/