Color_Scheme
Color Scheme
我偏好的配色方案整体上可以分为两类：一类是偏东方审美、国风气质的克制配色；另一类是偏赛博朋克、科技感和竞技感的高对比暗色配色。
这些配色大多遵循一个相对稳定的比例结构：主体色约占 70%，用于页面、背景或棋盘的主要视觉区域；第一配色约占 20%，用于强调整体气质和主要视觉风格；第二配色约占 10%，用于点缀、对比或强化主题。在部分科技风方案中，还会额外加入少量高亮功能色，用于交互提示和视觉焦点。
方案一：月白 · 藏蓝 · 银
配色构成
| 角色 | 颜色 | HEX | 占比 |
|---|---|---|---|
| 主体色 | 月白 | #E2ECE9 | 70% |
| 配色一 | 藏蓝 | #16345C | 20% |
| 配色二 | 银 | #E1E1E1 | 10% |
视觉关键词
清冷、克制、文人、现代国风。
风格说明
以月白为主体，藏蓝增强沉稳秩序，银色辅以冷感与现代感。整体清浅、安静，具留白与文人气质。适合偏现代国风、冷静克制的视觉设计，以低饱和度营造克制的高级感（又名“寒潭孤剑”）。
推荐排版
| 类别 | 推荐字体 |
|---|---|
| 中文标题 | 冬青明朝体 或宋体-简 (Medium) |
| 中文正文 | 苹方-简 (Regular) |
| 西文标题 | New York |
| 西文正文 | SF Pro (Inter) |
*PM 视点*：用苹果原生 New York 配明朝体，能拉出极高的文学高级感。
方案二：月白 · 竹青 · 墨黑
配色构成
| 角色 | 颜色 | HEX | 占比 |
|---|---|---|---|
| 主体色 | 月白 | #E2ECE9 | 70% |
| 配色一 | 竹青 | #457053 | 20% |
| 配色二 | 墨黑 | #1C1C1C | 10% |
视觉关键词
雅致、自然、书卷气、东方美学。
风格说明
以月白为主体，融入竹青的自然雅致与墨黑的沉稳书卷气。整体呈现出隐逸、清雅、不张扬的东方园林/书斋意象。适合国风界面、棋类空间、文化产品及安静的个人品牌视觉（又名“竹林隐逸”）。
推荐排版
| 类别 | 推荐字体 |
|---|---|
| 中文标题 | 思源宋体 (Bold) |
| 中文正文 | 苹方-简 (Light) |
| 西文标题 | Source Serif 4 |
| 西文正文 | SF Pro Text 或 Work Sans |
*PM 视点*：竹青色需要呼吸感。正文用 苹方-Light 能展现如竹叶般的轻盈。
方案三：灰白 · 枯茶 · 熟褐
配色构成
| 角色 | 颜色 | HEX | 占比 |
|---|---|---|---|
| 主体色 | 灰白 | #DCDCDC | 70% |
| 配色一 | 枯茶 | #71462E | 20% |
| 配色二 | 熟褐 | #4D3224 | 10% |
视觉关键词
厚重、沉稳、古朴、木质感。
风格说明
以灰白为主体，枯茶与熟褐注入木质与泥土的旧器物气息。整体厚重、古朴，极具历史沉淀与风沙感。适合武侠、古风历史、茶文化、木质空间等沉稳叙事感的视觉设计（又名“大漠孤烟”）。
推荐排版
| 类别 | 推荐字体 |
|---|---|
| 中文标题 | 筑紫明朝 或思源宋体 (SemiBold) |
| 中文正文 | 思源黑体 (Regular) |
| 西文标题 | Cormorant Garamond |
| 西文正文 | Satoshi |
*PM 视点*：枯茶与熟褐极具质感，西文标题换成极其优雅的 Cormorant，能瞬间拉高客单价感。
方案四：灰白 · 鸦青 · 绛红
配色构成
| 角色 | 颜色 | HEX | 占比 |
|---|---|---|---|
| 主体色 | 灰白 | #DCDCDC | 70% |
| 配色一 | 鸦青 | #40494D | 20% |
| 配色二 | 绛红 | #7A1F27 | 10% |
视觉关键词
冷峻、锋利、对抗感、竞技感。
风格说明
以灰白为缓冲底色，鸦青带来如兵器、夜色的金属冷感，绛红则起血色与警示的点睛之效。整体冷峻锋利，充满对抗与紧张感。适合竞技、对战、策略或强调锋利冲突的视觉场景（又名“羁旅刀客”）。
推荐排版
| 类别 | 推荐字体 |
|---|---|
| 中文标题 | 苹方-简 (Heavy)(高字重无衬线) |
| 中文正文 | 思源黑体 (Light) |
| 西文标题 | Clash Display |
| 西文正文 | General Sans |
*PM 视点*：放弃姚体，改用大字重的现代黑体。鸦青与绛红的撞色非常现代，字体也要走摩登现代风。
方案五：米白 · 碧玉绿 · 暗鎏金
配色构成
| 角色 | 颜色 | HEX | 占比 |
|---|---|---|---|
| 主体色 | 米白 | #F9F1DC | 70% |
| 配色一 | 碧玉绿 | #2E6851 | 20% |
| 配色二 | 暗鎏金 | #B89453 | 10% |
视觉关键词
温润、贵气、雅致、世家感。
风格说明
以温暖温润的米白为主，碧玉绿注入清贵气质，暗鎏金低调点缀出奢华与精致。联想自玉器、锦缎与世家礼制，整体温润内敛。适合温文尔雅、显贵气、富含东方高级感的文化场景（又名“世家公子”）。
推荐排版
| 类别 | 推荐字体 |
|---|---|
| 中文标题 | 方正清刻本悦宋 |
| 中文正文 | 苹方-简 (Regular) |
| 西文标题 | Boska |
| 西文正文 | Work Sans |
*PM 视点*：用人文气息更温润的清刻本悦宋替代姚体，与暗鎏金的奢华感完美契合。
方案六：暗夜科技蓝 · 霓虹靛蓝 · 霓虹红 · 荧光绿
配色构成
| 角色 | 颜色 | HEX / 表达方式 | 占比 |
|---|---|---|---|
| 主体色 | 深太空蓝 / 暗夜灰蓝 | #0B0F19、#0F172A、rgba(15,23,42,0.8) | 70% |
| 配色一 | 霓虹靛蓝 / 科技蓝 | #4F6EF7、rgba(79,110,247,x) | 20% |
| 配色二 | 霓虹红 / 极光红 | #EF4444、#DC2626 | 7% |
| 配色三 | 荧光绿 / 能量绿 | #22C55E | 3% |
视觉关键词
赛博朋克、科技感、霓虹、竞技感、未来感、高对比。
主体色说明
主体色用于页面或棋盘背景，占整体视觉面积的 70%。底色采用极暗的灰蓝色 #0B0F19，并在表层叠加 80% 不透明度的深石板蓝 #0F172A，也就是 rgba(15,23,42,0.8) 的线性渐变。
同时，背景中可以加入由中心向外扩散的科技蓝微弱径向渐变光晕，用来制造深邃、冷静、未来化的空间感。
这一部分的主要作用是构成整个界面的暗色基底，为后续的霓虹蓝、霓虹红和荧光绿提供承载空间。深色背景能够显著增强发光效果，使整体画面更接近赛博朋克和未来棋盘的视觉风格。
配色一说明
配色一是核心科技蓝或霓虹靛蓝，占整体视觉面积的 20%。主要色值为 #4F6EF7，也可以根据不同层级使用 rgba(79,110,247,x) 的不同透明度。
在具体应用中，棋盘线条可以使用 rgba(79,110,247,0.25) 的半透明霓虹蓝。黑棋子可以采用从 #1E293B 到 #3B82F6，再到 #4F6EF7 的渐变，形成一种科技石材质，并辅以 #4F6EF7 的强力外发光。
棋盘星位可以直接使用 #4F6EF7 作为纯霓虹色。棋盘边框则可以使用 40% 不透明度的蓝色霓虹描边，并搭配相应的发光阴影。
这一颜色是整个赛博朋克方案的主调，承担冷色科技感、网格感和未来感的表达。
配色二说明
配色二是霓虹红或极光红，占整体视觉面积的 7%。主要色值为 #EF4444 和 #DC2626。
在棋盘设计中，这一颜色可以用于白棋子。白棋子并不是传统意义上的纯白，而是由 #FFFFFF 向 #DC2626 和 #EF4444 渐变的红色发光体，并配合强烈的红色外发光，例如 rgba(239,68,68,0.8) 的发光阴影。
这一颜色的作用是制造对立感。它与科技蓝形成鲜明的冷暖对比，使棋盘上的双方阵营更加明确，也让局势变化具有更强的视觉张力。
配色三说明
配色三是荧光绿或能量绿，占整体视觉面积的 3%。主要色值为 #22C55E。
这一颜色不用于大面积铺陈，而是用于关键功能提示。例如上一步落子位置的呼吸指示圆点，可以使用 #22C55E，并搭配高强度绿色外发光。鼠标悬停在空位上时，也可以使用这一颜色作为临时提示符或脉冲提示光环。
荧光绿的主要作用是吸引用户视线，标记当前交互、关键状态或下一步行动。因为它在整体蓝红对抗的画面中非常突出，所以应当少量使用，避免破坏整体平衡。
风格说明
基于暗色基底与高对比霓虹发光，展现强烈的未来科技感。深太空蓝构筑背景，霓虹靛蓝确立秩序，霓虹红凸显阵营对抗，荧光绿起交互提示。适合赛博朋克棋盘、游戏UI及数据可视化界面。
推荐排版
| 类别 | 推荐字体 |
|---|---|
| 中文标题 | 苹方-简 (Semibold) |
| 中文正文 | 苹方-简 (Regular) |
| 西文标题 | SF Pro Display |
| 西文正文 | Inter |
*PM 视点*：拒绝宋体。科技感必须纯粹，SF Pro 与 苹方 的组合在暗黑模式（Dark Mode）下发光像素最清晰。
建议排版与风格搭配
| 配色方案 | 推荐中文标题 | 推荐中文正文 | 推荐西文标题 | 推荐西文正文 | 优化逻辑（PM 视点） |
|---|---|---|---|---|---|
| 方案一：月白 · 藏蓝 · 银 (书卷气/学院风) | 冬青明朝体 或宋体-简 (Medium) | 苹方-简 (Regular) | New York | SF Pro (Inter) | 用苹果原生 New York 配明朝体，能拉出极高的文学高级感。 |
| 方案二：月白 · 竹青 · 墨黑 (东方雅致/自然) | 思源宋体 (Bold) | 苹方-简 (Light) | Source Serif 4 | SF Pro Text 或 Work Sans | 竹青色需要呼吸感。正文用 苹方-Light 能展现如竹叶般的轻盈。 |
| 方案三：灰白 · 枯茶 · 熟褐 (大地色/轻奢人文) | 筑紫明朝 或思源宋体 (SemiBold) | 思源黑体 (Regular) | Cormorant Garamond | Satoshi | 枯茶与熟褐极具质感，西文标题换成极其优雅的 Cormorant，能瞬间拉高客单价感。 |
| 方案四：灰白 · 鸦青 · 绛红 (戏剧冲突/先锋) | 苹方-简 (Heavy)(高字重无衬线) | 思源黑体 (Light) | Clash Display | General Sans | 放弃姚体，改用大字重的现代黑体。鸦青与绛红的撞色非常现代，字体也要走摩登现代风。 |
| 方案五：米白 · 碧玉绿 · 暗鎏金 (宫廷东方/高奢) | 方正清刻本悦宋 | 苹方-简 (Regular) | Boska | Work Sans | 用人文气息更温润的清刻本悦宋替代姚体，与暗鎏金的奢华感完美契合。 |
| 方案六：暗夜科技蓝 · 霓虹类 (赛博/未来科技) | 苹方-简 (Semibold) | 苹方-简 (Regular) | SF Pro Display | Inter | 拒绝宋体。科技感必须纯粹，SF Pro 与 苹方 的组合在暗黑模式（Dark Mode）下发光像素最清晰。 |
总体偏好总结
从这些配色方案可以看出，我喜欢的配色并不是高饱和、杂乱或过度装饰的类型，而是更偏向于以下几种气质：
克制与留白
无论是月白、灰白还是米白，主体色都偏低饱和、偏安静。这说明我更喜欢有呼吸感的画面，不喜欢过于拥挤和刺激的视觉表达。
东方审美与文化感
月白、竹青、墨黑、枯茶、熟褐、鸦青、绛红、碧玉绿、暗鎏金等颜色，都带有明显的东方文化意象。这些颜色适合表达文人气、书卷气、武侠感、古朴感和传统美学。
冷静、沉稳和秩序感
藏蓝、鸦青、墨黑、深太空蓝等颜色都具有较强的稳定感，能够让画面显得冷静、克制、有秩序。这类颜色也适合棋类、策略类和思考型产品。
点到为止的强调色
无论是银色、绛红、暗鎏金，还是霓虹红、荧光绿，它们都不是大面积使用，而是作为局部强调色存在。这种方式可以让画面有重点，但不会显得浮夸。
两种主要方向
我的配色偏好可以概括为两个方向：
- 东方克制型： 以月白、灰白、米白为背景，搭配藏蓝、竹青、墨黑、枯茶、熟褐、鸦青、绛红、碧玉绿、暗鎏金等颜色，形成清雅、沉稳、古朴或贵气的视觉风格。
- 暗色科技型： 以深太空蓝和暗夜灰蓝为背景，搭配霓虹靛蓝、霓虹红和荧光绿，形成赛博朋克、未来感、竞技感和强交互感的视觉风格。