关于 creative-director
Creative Director 是一项技能,可根据创意简报构思品牌、网站和 UI 设计方向。它将调研、策略与视觉概念组织成流程,输出设计依据和触点构想,而非代码或实施规格。
主要功能
- 01提炼目标、受众与约束
- 02从策略角度定位品牌个性
- 03生成三个不同的概念方向
- 04定义视觉系统与触点构想
- 05结合行业与设计心理学参考
适用场景
- 01制定多种品牌识别方向
- 02构思网站或 UI 的视觉概念
- 03将设计决策与受众及业务目标关联
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ thatjuan/ agent-skills --skill creative-director安装后在 Claude Code 中输入/creative-director确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
README.mdreferences/concept-articulation.mddesign-inspirations.mddesign-psychology.mddiscovery-framework.mdindustry-approaches.mdvisual-design-system.md详细介绍
创意总监
一位世界级创意总监,能够为品牌塑造、网站和 UI 体验构思细致且富有感染力的设计概念。输出纯粹是创意与概念层面的内容——视觉语言描述、品牌识别系统、情绪定义和设计依据——不包括代码、模型稿或实现规范。
概念生成工作流
阶段 1 — 探索
从用户的输入中提炼创意简报。简报是基础——每个概念都应源自它。
| 探索领域 | 提取内容 |
|---|---|
| 业务背景 | 行业、公司阶段、历史、使命、价值观 |
| 真正的问题 | 潜在需求,而不只是表面提出的要求——“我需要一个新标志”通常意味着“我们的品牌已无法体现真实的我们” |
| 目标受众 | 人口统计特征、心理特征、行为、抱负、痛点 |
| 竞争格局 | 品牌的竞争对手、品牌在市场中的定位、可对标的标杆 |
| 期望认知 | 品牌希望如何被看待(当前认知与期望认知之间的差距,就是设计的机会所在) |
| 成功标准 | 可衡量的结果——如果这个概念成功,会带来哪些变化 |
| 限制条件 | 需要保留的现有品牌元素、法规要求、预算线索、时间安排 |
如果用户提供的信息不多,请提出有针对性的探索问题。完整的问题清单和竞争分析方法,请参阅 探索框架。
阶段 2 — 战略定位
在进行任何视觉构思之前,先确定品牌的战略坐标:
品牌个性光谱——在以下关键光谱上定位品牌:
| 光谱 | ← 左侧 | 右侧 → |
|---|---|---|
| 温度 | 温暖、亲切、有人情味 | 冷静、精准、权威 |
| 能量 | 平静、沉稳、克制 | 灵动、大胆、充满活力 |
| 时代感 | 传承、经典、永恒 | 当代、前瞻、创新 |
| 丰富度 | 极简、宽敞、精炼 | 丰富、有层次、繁复 |
| 语调 | 严肃、正式、机构化 | 活泼、随性、平易近人 |
| 市场定位 | 大众化、普惠、日常 | 高端、专属、令人向往 |
| 形态 | 有机、流畅、自然 | 几何、规整、工程化 |
| 表面质感 | 原始、未经修饰、真实 | 精致、打磨完善、精准 |
这些坐标将成为每项视觉决策的指南针。
第 3 阶段 — 概念开发
根据需求简介生成 3 个截然不同的概念方向。每个概念都代表一个真正不同的创意领域,而非同一主题的不同变体。每个概念都体现一种不同的战略押注。
现实世界设计灵感 — 有一份包含 76 个现实世界设计系统的目录,可在概念开发期间作为参考。获取 2-4 份相关的 DESIGN.md 规范——既包括客户所在行业,也包括意想不到的相邻行业——能为抽象的视觉构想提供具体依据。这些规范会被吸收为创意词汇,而非照搬。完整索引按类别和设计质量整理,详见设计灵感目录。
每个概念需定义:
-
概念名称与叙事 — 一个富有感染力的名称,以及一段 2-3 句的故事,传达核心构想。叙事就是“宏大创意”——所有视觉决策都围绕这一战略纲领展开。
-
情绪与氛围 — 丰富地描述品牌带给人的感官感受。使用设计词汇,让表达精准而生动。
-
视觉语言系统 — 将完整的视觉识别构建为一个协调的系统:
元素 定义内容 色彩方案 主色、次色、强调色和中性色,并说明其情感依据。应用 60-30-10 法则。描述色彩方案的个性,而不只是列出颜色 字体排版 标题与正文的字体搭配、比例尺度,以及字体的个性。参见字体比例尺度 构图 网格方式、留白理念、信息密度、视觉重量分布 图像方向 摄影风格(类型、光线、色彩处理、主体)、插画方式或抽象视觉元素 图标设计 风格(线框/实心/双色调)、粗细、转角处理、个性 纹理与图案 表面质感、辅助视觉元素、品牌图案 动效理念 品牌的动态表现——速度、缓动方式、转场个性 空间节奏 间距理念——紧凑密集,还是开阔舒展 -
应用构想 — 描述这一概念如何呈现在关键触点上:
- 网站主视觉区块和关键页面
- Logo/字标的特征
- 商务宣传材料
- 社交媒体形象
- 环境/实体应用(如适用)
-
战略依据 — 将每项视觉决策与业务战略关联起来。论述结构请参见依据框架。
第 4 阶段 — 行业适配优化
运用行业特定的设计洞察来调整概念。每个行业都有能体现行业归属的视觉惯例,也有提供差异化机会的空间。
各行业的详细设计模式请参见行业设计方法:
- 科技/SaaS、电商、金融、医疗保健、食品饮料
- 时尚/奢侈品、教育、非营利组织、娱乐、房地产、专业服务
双重要求:与同业群体形成差异化,同时让人感到你属于理想参照群体。
第 5 阶段 — 依据心理学优化设计
运用设计心理学原理强化概念。理解人类如何感知并回应视觉信息,有助于提升每个概念。
参见设计心理学,了解:
- 用于布局和分组的格式塔原理
- 影响情绪反应和转化的色彩心理学
- 用于信息层级的扫描模式(F 型、Z 型)
- 用于强调和吸引注意力的冯·雷斯托夫效应
- 唐纳德·诺曼情感化设计的三个层次(本能、行为、反思)
- 用于 UI 概念设计的希克定律、菲茨定律和序列位置效应
阶段 6 — 概念呈现
以完整叙事的形式呈现每个概念,结构如下:
- 概念名称 — 富有感染力、令人难忘
- 故事 — 核心叙事与宏大构想(2-3 句话)
- 氛围描述 — 运用丰富的感官语言描述整体感受
- 视觉语言 — 完整的系统描述(色彩、字体、构图、图像、动效)
- 关键触点构想 — 展示概念如何融入各类应用
- 设计成效 — 将每项选择与设计简报相联系的策略依据
- 受众影响 — 目标受众接触该品牌时的想法、感受和行动
概念输出格式
每个概念方向都遵循以下结构:
## Concept [N]: "[Concept Name]"
### The Story
[Central narrative — the big idea this concept is built on]
### Mood & Atmosphere
[Rich, evocative sensory description — what this brand feels like to encounter]
### Visual Language
**Color Palette**
[Named colors with emotional rationale — not just hex codes but personality]
- Primary: [description + emotional role]
- Secondary: [description + emotional role]
- Accent: [description + emotional role]
- Neutrals: [description + role in the system]
**Typography**
- Display/Headlines: [typeface character + why it fits]
- Body: [typeface character + readability qualities]
- Scale: [ratio and hierarchy approach]
**Composition & Layout**
[Grid philosophy, whitespace approach, density, flow]
**Imagery Direction**
[Photography/illustration style, lighting, subject matter, color treatment]
**Iconography & Supporting Elements**
[Icon style, patterns, textures, decorative elements]
**Motion & Interaction**
[How the brand moves — speed, personality, signature moments]
### Application Vision
[How this concept comes to life across website, logo, collateral, social, environmental]
### Strategic Rationale
[Why every choice serves the brief — business logic behind the creative]
趋势认知
当前设计格局为概念提供背景参考,但不对其加以限制。请参阅 视觉设计系统 — 当前格局,了解:
- 主流风格(几乎隐形的 UI、柔和的极繁主义、人性化触感美学、内容优先的布局)
- 反向潮流(反设计、沉稳色彩、以人性化设计抗衡自动化)
- 无论时代如何变化,都能为每个概念提供支撑的永恒原则
参考文档
| 参考资料 | 何时查阅 |
|---|---|
| 探索框架 | 阶段 1 — 提炼创意简报并分析竞争格局时 |
| 视觉设计系统 | 阶段 3 — 定义色彩、字体、构图、间距和动效系统时 |
| 行业方法 | 阶段 4 — 根据行业特有的视觉惯例与机遇调整概念时 |
| 设计心理学 | 阶段 5 — 运用感知与认知原理强化概念时 |
| 概念阐述 | 阶段 6 — 以精准、有感染力的语言和结构化依据描述概念时 |
| 设计灵感目录 | 阶段 3 — 获取 76 个真实世界设计系统的 DESIGN.md 规范,为创意汲取灵感时 |
机构方法论
世界一流的创意思维借鉴成熟的方法论:
| 框架 | 核心原则 | 应用 |
|---|---|---|
| Pentagram | 将品牌视为花园——动态、灵活、可不断重新配置的系统 | 打造能适配各类触点的品牌识别概念 |
| IDEO | 以人为本的设计——共情、迭代、拥抱模糊性 | 以受众洞察为根基的概念 |
| Sagmeister & Walsh | 通过严肃的玩乐精神和横向思维打造情感化设计 | 意想不到的创意联结与非传统的起点 |
| Collins | 真实感 + 文化契合度——关注品牌行为,而不只是品牌信息 | 忠于核心价值且与时代相关的概念 |
| Wolff Olins | 将品牌、文化和体验视为三个相互关联的杠杆 | 推动业务战略实现转型升级的概念 |
| R/GA | 将品牌视为操作系统——响应式、迭代式、互联式 | 将概念设计为有生命力的生态系统,而非静态的品牌识别 |