视觉方向与品牌一致性
目标
把抽象的品牌目标转化为可执行、可比较、可验证的视觉规则,并明确推荐方向、取舍和后续验证方式。
最终输出必须回答三件事:
1. 品牌想让谁产生什么感受。
2. 这种感受如何落实到色彩、字体、版式、图像等具体规则。
3. 为什么推荐这个方向,以及如何判断它是否有效。
什么时候使用
适合:
- 从 0 到 1 探索品牌视觉方向。
- 已有品牌需要做产品、活动、海外、子品牌等视觉延展。
- 比较 2–3 个视觉方向并做取舍。
- 检查页面、海报、社媒、产品界面等是否符合品牌。
- 把“专业、年轻、可信、科技感”等抽象要求变成设计规则。
不适合:
- 用户流程、信息架构、交互逻辑。
- 前端代码、设计系统工程实现。
- 只要求修改一个具体 UI 组件且与品牌方向无关。
如何开始
优先读取用户已经提供的材料,不重复索要已有信息。
理想输入:
- 品牌/产品是什么、目标用户是谁。
- 3–5 个品牌关键词或希望传达的感受。
- 现有 Logo、品牌色、字体、页面、海报或参考图。
- 必须保留与明确禁止的元素。
- 最终使用场景,如官网、App、发布会、社媒、包装等。
如果材料不完整,不要停止工作。先用现有信息给出“可确定部分 + 待确认部分”,只有缺失内容会显著改变方向时才追问。
启动时先做一个简短判断:
- 已有完整品牌资产:以一致性检查和延展为主。
- 只有部分视觉素材:先提炼当前视觉语言,再提出可控优化方向。
- 只有品牌描述,没有视觉素材:从品牌目标和受众感受出发建立 2–3 个方向。
- 只有一句模糊需求:先把需求拆成“受众 / 感受 / 场景 / 约束”,再继续。
工作流程
1. 明确品牌目标
提炼:
- 目标用户
- 希望产生的第一感受
- 需要强化的品牌特质
- 需要避免的印象
- 关键使用场景
- 已有资产与硬性约束
不要直接把“高级、年轻、科技感”当结论。必须转译成可观察的视觉行为。
例如:
- “可信” → 克制色彩、稳定网格、清晰信息层级、少用装饰性特效。
- “年轻” → 更大胆的比例、节奏和图像裁切,而不是简单使用高饱和色。
- “科技感” → 精确布局、系统化图形语言、数据与界面元素,而不是默认使用蓝紫渐变。
2. 建立 2–3 个视觉方向
除非用户明确要求更多,否则最多给 3 个方向。方向之间必须是策略差异,不是同一风格的轻微配色变化。
每个方向至少包含:
- 核心关键词
- 情绪与气质
- 目标受众感受
- 色彩角色
- 字体策略
- 版式特征
- 图像/摄影风格
- 插画或图标风格
- 动效性格
- 适合场景
- 最大风险
3. 把方向写成可执行规则
避免只写形容词。尽量使用“做什么 / 不做什么”的表达。
示例:
- 色彩:主色承担识别,强调色只用于 CTA 和关键数据,不做大面积背景。
- 字体:标题使用高对比粗细,正文保持中性、长文本优先可读性。
- 版式:使用大留白和明确网格,不采用连续卡片堆叠制造密度。
- 摄影:自然环境光、真实人物、轻抓拍,不使用过度棚拍和统一假笑素材。
- 图标:统一线宽和圆角,不混用线性图标与高拟真 3D 图标。
4. 比较方向并推荐
比较维度:
- 与品牌目标的匹配度
- 对现有品牌的偏离程度
- 识别度
- 扩展性
- 生产成本
- 内容适配能力
- 可访问性与可读性
- 不同触点的一致性
- 最大风险
必须给出一个优先推荐方向,并说明为什么。若证据不足,则明确写成“暂定推荐”。
5. 做品牌一致性检查
检查:
- Logo 使用与安全区
- 品牌色角色
- 字体层级
- 版式与间距
- 图像选择
- 插画与图标
- 语气与文案视觉表达
- 动效
- 不同渠道的一致与合理差异
一致性不是所有触点完全一样,而是核心识别规则稳定、场景表达允许变化。
6. 给出验证方法
至少提供一种轻量验证:
- 5 秒印象测试:用户第一眼说出的 3 个词是否接近目标。
- 并排偏好测试:比较 2–3 个方向在“可信 / 易用 / 记忆度”等维度的表现。
- 触点压力测试:把方向应用到首页、社媒、数据页、活动海报,看是否仍然成立。
- 一致性检查:随机抽取多个页面,看是否能从色彩、字体、图像和版式判断属于同一品牌。
输入检查与兜底
信息不足
如果没有目标用户、品牌关键词或场景:
- 不凭空补齐。
- 先用现有信息提出 1–2 个暂定假设,并明确标记“待确认”。
- 必要时只追问会显著影响方向的 1–3 个问题。
视觉素材不完整
如果只有截图、低清图或零散页面:
- 只判断能清楚观察到的部分。
- 不臆测字体名称、品牌规范、色值或设计意图。
- 对无法确认的信息写“未确认”。
需求互相冲突
例如同时要求“极简克制”和“强烈丰富”:
- 先指出冲突。
- 将冲突转化为优先级或不同触点策略,而不是强行混合。
现有品牌与新方向冲突
说明:
- 哪些属于品牌核心资产,不建议轻易改变。
- 哪些属于表现层,可以调整。
- 改动幅度分为:轻量优化 / 明显演进 / 重塑。
无法可靠判断
如果缺少关键材料导致无法判断品牌一致性或推荐方向,明确说明缺少什么,并给出最小补充材料清单,不制造确定结论。
常见错误
避免:
- 只使用抽象形容词,没有视觉规则。
- 用“高级、年轻、科技感”代替具体设计决策。
- 所有方向只改配色,结构与视觉语言没有差异。
- 一次混合过多风格,导致无法形成识别。
- 忽略内容密度和真实使用场景。
- 把情绪板当最终设计稿。
- 为了“品牌一致”强行让所有触点完全相同。
- 未看清素材就猜字体、色值或品牌规范。
- 推荐方向但不说明风险和验证方式。
快速案例
案例 A:B2B AI 产品
输入:希望“专业、可信,但不要像传统企业软件”;主要用于官网和产品后台。
方向 1:理性编辑感
- 色彩:低饱和中性色为底,单一高识别强调色。
- 字体:中性无衬线正文 + 更具编辑感的标题层级。
- 版式:大留白、严格网格、数据模块对齐。
- 图像:真实产品界面、抽象数据图形,不使用泛化 AI 光效。
- 风险:过于克制时可能显得冷淡。
方向 2:技术表达感
- 色彩:深背景 + 高亮数据色。
- 字体:几何无衬线,标题更紧凑。
- 图像:系统图、流程图、细线图形。
- 风险:容易落入常见“蓝紫 AI”视觉套路。
推荐:方向 1。原因是更容易建立长期信任,同时能通过版式和内容表达现代感,不依赖短期视觉潮流。
案例 B:生活方式品牌延展
输入:已有温暖自然的品牌视觉,现在要做年轻化社媒内容。
不建议:直接加入霓虹色、3D 字、赛博元素,导致与原品牌断裂。
建议:保留原有自然色和摄影光感,只在社媒增加更大胆的裁切、字号比例和动态排版。这样属于“表现层升级”,不是重做品牌。
常见问题
Q:没有 Logo 或品牌规范也能做吗?
可以。先基于品牌目标和受众建立探索方向,但要标记为“概念方向”,不能当作正式品牌规范。
Q:用户只说“想更高级”,怎么处理?
不要直接设计。先把“高级”拆成更具体的目标,如克制、精致、专业、稀缺感,再映射到色彩、字体、图像和版式。
Q:参考图很多且风格互相冲突怎么办?
先按共性聚类,识别用户真正喜欢的是色彩、构图、材质、字体还是氛围,再形成 2–3 个清晰方向。
Q:品牌一致性是不是所有页面都必须一样?
不是。核心识别规则一致即可,不同触点可以根据内容和任务调整密度、图像和动效。
工具与交付建议
本 Skill 不依赖联网或特定软件,也能完成方向定义和一致性检查。若用户需要进一步落地,可按场景建议:
- Figma / FigJam:整理 moodboard、视觉规则和多触点样例。
- Slides / Keynote:做方向提案和评审比较。
- 对比度检查工具:验证文字与背景的可读性。
- 图像生成或编辑工具:仅用于快速验证方向,不把生成结果直接当品牌规范。
默认输出
- 品牌目标:受众、感受、场景、约束。
- 视觉方向候选:通常 2–3 个。
- 方向规则:色彩、字体、版式、图像、图标、动效。
- 方向比较:优势、风险、成本、扩展性、适用触点。
- 推荐方向:明确推荐及理由。
- 品牌一致性检查:保留项、调整项、潜在冲突。
- 下一步验证:最小可执行验证动作。
如果用户只要求检查一个现有方案,可以省略候选方向,直接输出“一致性问题 → 影响 → 修改建议 → 验证”。
输出前自检
提交前确认:
- 是否把抽象品牌词转换成了具体视觉规则。
- 不同方向是否真的有策略差异。
- 推荐是否有理由,而不是主观偏好。
- 是否指出风险和适用边界。
- 是否对无法确认的信息明确标注。
- 是否给出了至少一个可执行的验证方法。
- 是否避免虚构品牌资产、字体、色值、用户结论或业务结果。