图形与资料方法 · 让色彩服务于图形层级

红蓝配色与单色检查

本练习以红 #C94840 表示菌盖、蓝 #405EA8 表示蓝莓、深蓝 #182D40 用于文字。撤掉颜色之后仍要检查轮廓;主色不能代替版本证据。

先决定画面由红色还是蓝色占主导,再安排另一色的面积。两色都占一半时,可能让两个元素竞争。PRA-003以红主体和背景负形表达层级,PRA-006移除这条色彩线索。

方法指南 · 日期未记录

直接答案

红蓝配色与单色检查

本练习以红 #C94840 表示菌盖、蓝 #405EA8 表示蓝莓、深蓝 #182D40 用于文字。撤掉颜色之后仍要检查轮廓;主色不能代替版本证据。

按顺序完成

可复用的操作步骤

  1. 确定主色面积
  2. 区分图形与正文颜色
  3. 导出单色稿
  4. 查看反白与深浅底
  5. 记录删改后的结构

主色和辅助色分工

先决定画面由红色还是蓝色占主导,再安排另一色的面积。两色都占一半时,可能让两个元素竞争。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
    支持范围
    有意义界面图形的对比要求及适用范围
    查看来源

常见问题

阅读过程中的常见问题

这里的图片是某个平台的老版logo吗?

不是。六张PRA图均为本站原创练习。完整短语目前尚无足够第一手材料证明它指向同一平台或设计方;本站不把网传图标成官方旧版。

PRA编号能表示品牌启用年份吗?

不能。PRA-001到006只是本站方案编号,用于对应SVG、配色与改动记录。它们没有第三方品牌时间含义,也没有伪造设计发布日期。