17vis色彩构成：让色彩从“凭感觉”走向“有依据”。

作者

核心定义：色彩只有三件事

维度17vis定义变化规律
色相颜色红的、蓝的、绿的……是什么颜色
明度亮不亮向白变亮，向黑变暗
纯度纯不纯单一色 vs 多色混合

17vis定义：色彩关系

关系17vis定义传统术语效果
同一种颜色，只变亮暗浓淡同一种色同类色统一、柔和、高级
色环上挨着的颜色近似色邻近色和谐、舒服、自然
色环上对着干的颜色反相色对比色强烈、醒目、刺激

17vis定义：三层设计目标

层级17vis定义核心问题
识别层可识别这是什么颜色
关系层可阅读放一起怎么样
情感层可感知让人什么感觉

17vis一句话总结

色彩 = 什么颜色 + 亮不亮 + 纯不纯 + 怎么配 + 什么感觉。

让色彩选择从“凭感觉”走向“有依据”。

感觉不稳定，依据可复用。

维度17vis定义控制变量向左变向右变
色相颜色是什么色偏红偏蓝
明度亮不亮加白/加黑变亮（加白）变暗（加黑）
纯度纯不纯掺不掺高纯度（不掺）低纯度（掺了）
冷暖冷不冷/暖不暖色温倾向冷（偏蓝）暖（偏红黄）
轻重轻不轻/重不重视觉重量轻（明度高）重（明度低）
进退往前跳/往后缩空间感前进色（暖、艳）后退色（冷、灰）
面积多不多/少不少用多少多（主色）少（点缀）
节奏密不密/疏不疏排列方式密集稀疏
质感滑不滑/糙不糙表面肌理光滑（亮面）粗糙（哑光）

色彩三要素

🎨 色相 — 是什么颜色
红 · 橙 · 黄 · 绿 · 蓝 · 紫
💡 明度 — 亮不亮
暗（加黑）亮（加白）
🧪 纯度 — 纯不纯
低纯度（灰）高纯度（鲜）

三大色彩关系

同一种色
同类色 · 统一柔和高级
近似色
邻近色 · 和谐舒服自然
反相色
对比色 · 强烈醒目刺激

三层设计目标

🔍 识别层
这是什么颜色？
确保可识别
🔗 关系层
放一起怎么样？
搭配可阅读
❤️ 情感层
让人什么感觉？
塑造品牌情绪

9个设计调节维度

冷暖 ❄️ → 🔥 轻重 轻 → 重 进退 前进 → 后退 面积 主色 → 点缀 节奏 密集 → 疏朗 质感 光滑 → 粗糙 色相偏移 红 ↔ 蓝 明度对比 亮暗跨度 纯度变化 鲜活 ↔ 沉稳
色彩 = 什么颜色 + 亮不亮 + 纯不纯 + 怎么配 + 什么感觉
让色彩选择从“凭感觉”走向“有依据” · 感觉不稳定，依据可复用
🎯 17vis 变量色系统 | 从主观 → 可执行的设计资产

logo

为创作者 17vis 守护知识产权，转载必须保留完整出处信息 (侵权必究)

© 2026 17vis.com All Rights Reserved.

版权所有，侵权必究。首发于 Logo商标_品牌VI规范视觉设计-上海翼起品牌设计公司17VIS-APEX WINGS BRAND DESIGN (https://www.17vis.com) - 17vis色彩构成：让色彩从“凭感觉”走向“有依据”。 (https://www.17vis.com/17vis%e8%89%b2%e5%bd%a9%e6%9e%84%e6%88%90%ef%bc%9a%e8%ae%a9%e8%89%b2%e5%bd%a9%e4%bb%8e%e5%87%ad%e6%84%9f%e8%a7%89%e8%b5%b0%e5%90%91%e6%9c%89%e4%be%9d%e6%8d%ae/)
Legal Notice: Protected. Source: https://www.17vis.com/17vis%e8%89%b2%e5%bd%a9%e6%9e%84%e6%88%90%ef%bc%9a%e8%ae%a9%e8%89%b2%e5%bd%a9%e4%bb%8e%e5%87%ad%e6%84%9f%e8%a7%89%e8%b5%b0%e5%90%91%e6%9c%89%e4%be%9d%e6%8d%ae/
Copyright 2026 Logo商标_品牌VI规范视觉设计-上海翼起品牌设计公司17VIS-APEX WINGS BRAND DESIGN. Original: https://www.17vis.com/17vis%e8%89%b2%e5%bd%a9%e6%9e%84%e6%88%90%ef%bc%9a%e8%ae%a9%e8%89%b2%e5%bd%a9%e4%bb%8e%e5%87%ad%e6%84%9f%e8%a7%89%e8%b5%b0%e5%90%91%e6%9c%89%e4%be%9d%e6%8d%ae/
Fingerprint: 521cdfe34ceffb069e805a3d08309e9a
‍‌​​‌​‌​‌​‌​‌‌​