图形与资料方法 · 让色彩服务于图形层级
红蓝配色与单色检查
本练习以红 #C94840 表示菌盖、蓝 #405EA8 表示蓝莓、深蓝 #182D40 用于文字。撤掉颜色之后仍要检查轮廓;主色不能代替版本证据。
先决定画面由红色还是蓝色占主导,再安排另一色的面积。两色都占一半时,可能让两个元素竞争。PRA-003以红主体和背景负形表达层级,PRA-006移除这条色彩线索。
直接答案
红蓝配色与单色检查
本练习以红 #C94840 表示菌盖、蓝 #405EA8 表示蓝莓、深蓝 #182D40 用于文字。撤掉颜色之后仍要检查轮廓;主色不能代替版本证据。
按顺序完成
可复用的操作步骤
- 确定主色面积
- 区分图形与正文颜色
- 导出单色稿
- 查看反白与深浅底
- 记录删改后的结构
主色和辅助色分工
先决定画面由红色还是蓝色占主导,再安排另一色的面积。两色都占一半时,可能让两个元素竞争。PRA-003以红主体和背景负形表达层级,PRA-006移除这条色彩线索。
图标与正文区别
W3C的WCAG 2.2非文本对比说明对识别界面控件、状态及理解内容所需图形提出至少3:1的相邻色对比要求;特定呈现必不可少的图形有适用例外。本站配色练习不等于已完成无障碍验收,正文颜色也应独立检查;不能只因为是标识就把可操作控件的对比问题全部略去。
单色与反白不是滤镜
单色稿要检查相邻部分是否黏连;反白稿要检查留白是否变成填色后过厚。必要时重新安排间隙,并记录它是用途变体,避免声称只是自动换色而没有结构变化。
别从颜色推断品牌史
截图可能因屏幕、压缩和背景而改变颜色观感;红色也不是唯一品牌身份凭据。要谈“老版红色logo”,需要同时确认原图来源与版本范围。颜色对照本身只回答画面问题。
资料透明度
本指南参考与资料性质
- 本站原创练习与版本记录 资料可追溯
- 记录发布方
- 蘑蓝图形笔记
- 访问日期
- 2026-10-02
- 支持范围
- 原创图形、练习编号、改动记录
来源 URL 格式不安全,已省略链接;仅接受 HTTP(S) 来源。
- W3C:WCAG 2.2非文本对比说明 资料可追溯
- 记录发布方
- W3C WAI
- 访问日期
- 2026-10-02
- 支持范围
- 有意义界面图形的对比要求及适用范围
常见问题