gmnch.com — 色彩与虎纹秩序的内容库

色虎·色彩信号

把虎纹里的斑块密度、明暗反差与边缘节奏转译成可用的高对比配色。这个分类持续收集颜色之间的关系,而不是单独摆出色号;每条信号会说明色彩应该在画面里占多大面积、出现在什么位置,以及它需要怎样的背景衬托。

已更新 16 组信号 每期含 3 组对比 附面积标注
色虎取色单

适合先保存一份的配色短样本

  • 虎橙与暖黑的视觉界线
  • 低饱和纸色如何衬出亮色
  • 斑块式半圆图形的秩序样板
申请接收取色单

示例文案,供浏览者理解色虎的内容形态

主编精选

先看这张色虎工作样张

色虎色彩信号主视觉:虎纹与色块组合
Color Signal 01

为版面注入前倾的虎纹配色序

「色虎」整理这一张示意,是为了说明斑块式色彩在真实画面里的摆放顺序。将最深的两块颜色置于对角线两端,橙色作为中间跳跃点,你会在阅读时先聚焦虎橙、再顺着深色找到边界,最后落在背景纸色上。

跟着颜色顺序读 适用:封面定调、主页首屏、海报层级
分类导航

本期色彩信号条目

索取完整色卡
色虎配色样本:双主色背景与画面中的色彩面积
01

双主色与背景色的面积分配

当朱红、暖棕与纸白同时出现时,真正决定耐看程度的是面积落差。让其中一色占据 58% 以上成为底,另一色只在标题字与色带里出现。

双色组合
色虎虎纹密到疏排列的斑块节奏图
02

用密到疏的斑块节奏牵引视线

浏览画面时,密集的色点会先被注意到。松开一点间隔,视线就会自然滑向下一块颜色;这是虎纹给出的天然引导结构。

视觉引导
色虎色彩信号里文字断行与色带排布案例
03

色虎断行:让标题顺着色带切割

标题不一定要压在色块上方。断行后让短句落在亮色标尺里,次句进入底色区域,两者之间便形成短促的读视线索。

文字编排
色虎黑与亮明度对比的视觉层级测试
04

黑与亮的明度校准

虎纹的高对比并不是黑与橙强行并列,而是黑先让出亮区,绿色与橙在亮区出口处碰头。这套明度级差可直接用于组件层级排序。

明度对比
色虎画面主色位置与视觉焦点的示意素材
05

把主色放在有意图的位置

观察虎纹里的第一块亮色总会靠近身形转折处。画面里的高饱和色放在动态边缘时,会带来更强的力量感而不是撑满全版。

焦点控制
色虎安静深色背景中的高饱和色彩信号
06

从信号到安静背景

稳健的画面常常是大片安静底、一小段虎橙条带。放在底部或角落都能制造信号,避免每一步都叫用户注意按钮。

背景关系
1 2 3 ··· 8
场景拆分

色虎信号可以这样进入工作

色虎高对比配色看板与界面设计样本
界面视觉 截稿 45 秒套用

高对比看板:虎纹移到界面外层

将虎原纹粗分四层:底色、次要区、强调色、点缀线。沿这四层把深墨米白和虎橙安排到现有 UI 卡片中,信息主次会自然分开。

展开色阶
色虎线下物料与页边留白处理图形
海报与印刷 2 色印刷友好

印刷物:虎纹节奏放进去留白

把印刷页面当作一只虎的轮廓:页边是底色,章节标题使用短促橙线。减少填满的冲动后,开本和留白重获秩序。

展开版位
色虎小声回复

你可能正在犹豫几个问题

不只。色彩信号里记录的是“颜色关系”:范围、数量、底色、点缀。它会在海报里表现为虎纹色带,在网页里表现为模块间距与按钮色,在拍摄道具里表现为橙色衬布与深色表面的位置关系。你需要的不是某个色号,而是一组能保持平衡的关系。

恰恰相反。色虎内容更重视主色的克制使用。真正的强对比来自虎纹那种“大块深色里出现一小条亮色”的呼吸感。文章与样本里反复修改的,是面积和比例;如果你拿到样张后发现橙色挤占了太多位置,直接缩小它,信号往往更有效。

可以。色虎内页尽量把步骤写清楚:第一步先找底色,第二步放一块同色系深色,第三步加入虎橙细线,剩下不做多余动作。按栏目的说明试做一张色卡,你会看到明暗一拉开,画面立刻有了聚焦处。

普通色卡告诉你“什么颜色能配在一起”,色虎的色彩信号还会告诉你“哪块颜色应该更大、哪块应该靠近标题、哪块需要推开一点”。页面中提供的是整组可见关系,不是孤立好看的颜色。把它们看成迷你构图说明书更合适。
色虎 · 色彩信号简报

把本期虎纹配色发到你的邮箱

提交邮件后,你会收到一份约 3 页的 PDF 与 TIFF色位图;包含本期 5 组信号色的色号、面积占比及两句使用建议。

返回本期条目 回到色虎首页查看更多