技能 · 视觉设计

品牌色可读性:主色好看但字看不清

品牌主色用于文字/按钮时,先算对比度,再决定加白底/描边/换深色,不牺牲可读性。

视觉设计进阶设计品牌运营前端开发
适用边界:适合官网/海报/小程序/电商详情;品牌规范与无障碍冲突时优先保证信息可读。

怎么做

  1. 列品牌主色/辅助色和实际使用场景(正文/按钮/标签)。
  2. 算文字与背景对比度,正文≥4.5、大字号≥3。
  3. 不达标就给方案:深色文字/白底/加粗/换色,不只调透明度。
  4. 在真实尺寸/屏幕复核,更新品牌使用规则。

交付前检查

可复制提示词

你是品牌视觉审查员。输入:【品牌色】=____;【使用场景】=____;【背景】=____。请给对比度检查、可用/禁用组合、修正方案和品牌规则建议。不要承诺无障碍认证。

相关工具

图标提示词

打开即用

打开 →

宣传图提示词

打开即用

打开 →

AI 设计一条龙

把这项技能放进完整流程

继续 →

配套模板

图片/PDF 交付检查表

下载/填写,不用从空白开始

打开 →

模板中心

下载/填写,不用从空白开始

打开 →

同类技能

电商主图信息层级:3 层排版不改产品

把主图拆成背景、主体、卖点三层,按注视顺序排布,让买家在缩略图尺寸下先看到产品再看卖点。

查看 →

海报配色:从品牌色推出 4 个可落地颜色

从已有品牌色出发,推导出主色、辅助色、背景色和强调色四个角色,避免整张海报用到五六个饱和色。

查看 →

图标提示词:一句话锁定符号与风格

把图标的符号、风格、线条和背景写成一段可复用的提示词,让同一套图标在不同批次里保持统一。

查看 →
更新时间:2026-10-29 · 步骤是通用做法,平台/客户规则以实际页面为准;不承诺排名、过稿或收益。

跨库学习路径

按共同关键词匹配,不是随机推荐;从任务到提示词/教程/项目继续走。

提示词

品牌色对比度 brief:可用/禁用组合

把品牌色做成可执行的文字/按钮用色规则。

共同关键词:可读性、按钮文字

继续 →
教程

品牌色可读性:按钮/正文对比度

检查品牌主色用于文字/按钮时是否可读,给替代方案。

共同关键词:品牌色、对比度

继续 →
项目

给品牌/设计团队做品牌色可读性审查

品牌色对比度表 + 可用/禁用组合 + 修正色

共同关键词:可读性、对比度

继续 →