技能 · 视觉设计
品牌色可读性:主色好看但字看不清
品牌主色用于文字/按钮时,先算对比度,再决定加白底/描边/换深色,不牺牲可读性。
适用边界:适合官网/海报/小程序/电商详情;品牌规范与无障碍冲突时优先保证信息可读。
怎么做
- 列品牌主色/辅助色和实际使用场景(正文/按钮/标签)。
- 算文字与背景对比度,正文≥4.5、大字号≥3。
- 不达标就给方案:深色文字/白底/加粗/换色,不只调透明度。
- 在真实尺寸/屏幕复核,更新品牌使用规则。
交付前检查
- 正文/按钮文字对比度达标或有替代方案。
- 没有用浅品牌色做小字正文。
- 规则写进品牌/组件文档。
可复制提示词
你是品牌视觉审查员。输入:【品牌色】=____;【使用场景】=____;【背景】=____。请给对比度检查、可用/禁用组合、修正方案和品牌规则建议。不要承诺无障碍认证。
相关工具
配套模板
同类技能
电商主图信息层级:3 层排版不改产品
把主图拆成背景、主体、卖点三层,按注视顺序排布,让买家在缩略图尺寸下先看到产品再看卖点。
查看 →海报配色:从品牌色推出 4 个可落地颜色
从已有品牌色出发,推导出主色、辅助色、背景色和强调色四个角色,避免整张海报用到五六个饱和色。
查看 →图标提示词:一句话锁定符号与风格
把图标的符号、风格、线条和背景写成一段可复用的提示词,让同一套图标在不同批次里保持统一。
查看 →更新时间:2026-10-29 · 步骤是通用做法,平台/客户规则以实际页面为准;不承诺排名、过稿或收益。
跨库学习路径
按共同关键词匹配,不是随机推荐;从任务到提示词/教程/项目继续走。