7.10 Canvas Design Skill - 视觉艺术创作
概述
Canvas Design Skill 是一个用于创建高质量视觉艺术作品的工具，输出 .png 和 .pdf 格式的设计作品。它通过设计哲学方法论来指导创作过程，强调原创性和博物馆级的工艺水准。
适用场景
当用户要求创建以下内容时使用此 Skill：
- 海报设计
- 艺术作品
- 视觉设计
- 其他静态视觉作品
核心理念
创作原创视觉设计，绝不复制现有艺术家的作品以避免版权问题。每件作品都应该看起来像是一位顶尖专家花费无数小时精心打磨的杰作。
创作流程
Canvas Design 采用两步创作流程：
+------------------------+ +------------------------+
| Step 1 | --> | Step 2 |
| 设计哲学创作 | | 画布表达 |
+------------------------+ +------------------------+
| 输出: .md 文件 | | 输出: .pdf 或 .png |
| 创建美学运动宣言 | | 将哲学视觉化表达 |
| 强调视觉表达 | | 博物馆级工艺品质 |
+------------------------+ +------------------------+Step 1: 设计哲学创作
核心理解
- 输入：用户的微妙提示或指令作为基础，但不限制创意自由
- 输出：一个设计哲学/美学运动
- 下一步：用视觉方式表达这个哲学——90% 视觉设计，10% 必要文字
如何生成视觉哲学
1. 命名运动（1-2 个词）
创造性地命名你的美学运动：
| 示例 | 风格暗示 |
|---|---|
| "Brutalist Joy" | 粗犷主义 + 愉悦感 |
| "Chromatic Silence" | 色彩 + 静谧 |
| "Metabolist Dreams" | 新陈代谢派 + 梦幻 |
| "Geometric Silence" | 几何 + 安静 |
| "Analog Meditation" | 模拟 + 冥想 |
2. 阐述哲学（4-6 段）
哲学应通过以下维度表达视觉本质：
- 空间与形式：如何使用空间和形状
- 色彩与材质：调色板和纹理选择
- 比例与节奏：元素的大小关系和重复模式
- 构图与平衡：视觉重量的分布
- 视觉层次：引导观者视线的方式
关键指南
| 原则 | 说明 |
|---|---|
| 避免冗余 | 每个设计方面只提一次 |
| 强调工艺 | 反复强调作品应展现精湛工艺 |
| 留出创意空间 | 美学方向具体，但简洁到可以做出解释性选择 |
哲学示例
"Concrete Poetry"（混凝土诗歌）
哲学：通过纪念碑式形式和大胆几何进行沟通。
视觉表达：大色块、雕塑般的字体（巨大的单词、微小的标签）、粗犷主义空间划分、波兰海报能量与柯布西耶的结合。通过视觉重量和空间张力表达想法，而非解释。文字稀少而有力——从不是段落，只有融入视觉建筑的必要词汇。每个元素都以大师级工匠的精确度放置。
"Chromatic Language"（色彩语言）
哲学：色彩作为主要信息系统。
视觉表达：几何精确度，色彩区域创造意义。字体极简——小号无衬线标签让色彩场域进行沟通。约瑟夫·阿尔伯斯的色彩交互与数据可视化的结合。信息通过空间和色彩编码。文字只用于锚定色彩已经展示的内容。精心校准的色彩成果。
"Analog Meditation"（模拟冥想）
哲学：通过纹理和呼吸空间进行安静的视觉沉思。
视觉表达：纸张纹理、墨水渗透、广阔的负空间。摄影和插图占主导。字体轻声细语（小、克制、服务于视觉）。日本摄影书美学。图像在页面上呼吸。文字稀疏出现——短语，从不是解释性段落。每个构图都以冥想练习的专注来平衡。
Step 2: 画布创作
推导微妙参考
在创建画布之前，识别原始请求中的微妙概念线索：
核心原则：主题是嵌入艺术中的微妙、小众参考——不总是字面的，始终是精致的。熟悉该主题的人应该能直觉感受到它，而其他人只是体验一幅精湛的抽象构图。
类比：像爵士音乐家引用另一首歌——只有知道的人才会注意到，但每个人都欣赏音乐。
画布创作指南
核心原则
+-------------------+-------------------+-------------------+
| 视觉优先 | 精致工艺 | 系统化美学 |
+-------------------+-------------------+-------------------+
| 90% 视觉设计 | 博物馆品质 | 重复图案 |
| 10% 必要文字 | 杂志水准 | 完美形状 |
| 空间表达想法 | 精心打磨每细节 | 有限调色板 |
+-------------------+-------------------+-------------------+文字处理
文字始终是极简和视觉优先的，但让上下文指导规模：
| 场景 | 文字风格 |
|---|---|
| 朋克场馆海报 | 更大、更激进的字体 |
| 极简陶艺工作室标识 | 轻声细语的标签 |
| 抽象艺术 | 将字体作为艺术的一部分 |
非谈判原则：
- 没有任何元素超出页面边界
- 没有元素重叠
- 所有元素都有呼吸空间和清晰分离
- 适当的边距
字体资源
Skill 包含丰富的字体库（./canvas-fonts 目录）：
无衬线字体：
- Big Shoulders（Bold, Regular）
- Bricolage Grotesque（Bold, Regular）
- Geist Mono（Bold, Regular）
衬线字体：
- Crimson Pro（Bold, Italic, Regular）
- IBM Plex Serif（Bold, BoldItalic, Italic, Regular）
- Gloock（Regular）
等宽字体：
- DM Mono
- IBM Plex Mono
- Geist Mono
展示字体：
- Arsenal SC
- Boldonse
- Erica One
质量检查清单
在输出最终作品前，确保：
- [ ] 看起来像花费了无数小时创作
- [ ] 由顶尖专家精心打磨的每个细节
- [ ] 构图、间距、色彩选择、字体——一切都展现专家级工艺
- [ ] 没有重叠，格式完美
- [ ] 可以向人展示以证明专业水准
- [ ] 不可否认的印象深刻
精炼步骤
最终打磨
关键：用户已经说过"还不够完美。必须是pristine的，是工艺的杰作，仿佛即将在博物馆展出。"
重要：精炼作品时，避免添加更多图形；而是精炼已创建的内容，使其极其清晰，完全尊重设计哲学和极简主义原则。
不要问"我应该添加什么有趣的滤镜或重构什么字体？"而是问：
"如何让已经存在的内容更像一件艺术品？"
进行第二遍。回到代码，进一步精炼/打磨，使其成为哲学设计的杰作。
多页选项
当要求创建多页时：
- 沿着相同设计哲学创建更多创意页面
- 但每页又有独特之处
- 将页面打包在同一个 .pdf 或多个 .png 中
- 把第一页视为等待填充的整本咖啡桌书的单页
- 让后续页面成为原作的独特变奏和回忆
- 以非常有品味的方式几乎讲述一个故事
- 发挥完全的创意自由
输出格式
| 文件类型 | 用途 |
|---|---|
| .md | 设计哲学文档 |
| 最终艺术作品（单页或多页） | |
| .png | 最终艺术作品（单个或多个） |
实际应用示例
示例 1：科技公司年度报告封面
设计哲学："Digital Organics"
- 融合数字精确与有机流动
- 使用渐变网格和流体形状
- 极简字体作为锚点
- 色彩：深蓝到青色的过渡
画布表达：
- 中央大面积流体渐变
- 角落微小的公司名称
- 白色细线作为结构元素
- 整体感觉：科技与自然的和谐
示例 2：独立音乐节海报
设计哲学："Sonic Geometry"
- 声波转化为几何形式
- 高对比度色块
- 字体作为视觉节奏元素
- 色彩：黑、白、一种荧光色
画布表达：
- 重复的几何形状代表声波
- 大胆的事件名称融入图案
- 日期和地点作为微小标签
- 整体感觉：能量与精确的平衡
总结
Canvas Design Skill 提供了一套完整的视觉艺术创作方法论：
两步流程：
- 创建设计哲学（.md）
- 视觉表达（.pdf/.png）
核心原则：
- 90% 视觉，10% 文字
- 博物馆级工艺品质
- 精心打磨每个细节
- 微妙参考而非直白表达
质量标准：
- 看起来像花费无数小时
- 顶尖专家级工艺
- 没有重叠，格式完美
- 可在博物馆展出的水准
这个 Skill 将 Claude 转变为一个视觉艺术家，能够创作出不仅美观，而且具有深层概念意义的设计作品。