# Typographic Composition

> Create artistic typographic compositions that treat type as a visual medium for expression and communication. Use this skill when users want to create visual designs where typography is the primary artistic element.

- Skill: `lisapullman/typographic-composition` (Agent Skill)
- Install (CLI): `npx skillmds@latest add lisapullman/typographic-composition`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lisapullman/typographic-composition/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: LisaPullman (https://skillmd.com/u/lisapullman)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/lisapullman/typographic-composition

---


These are instructions for creating typographic compositions where type itself becomes the visual art form, focusing on the expressive potential of letterforms, spacing, and arrangement.

## DEFAULT STYLE & OUTPUT

**��������������⚠��������������️ 除非用户明确指定其他风格，否则一律默认使用「字体建�筑 (Type Architecture)」风格生成排版构图。**

**默认输出格式：PNG**（除非用户明确要求 PDF、�矢量格式或动画）。

**默认画布尺寸：1800×2400 px**（�竖版海报比例，���适合����排版����实验）。

**��������������⚠��������������️ ��� � � 默认配色：����������������单色或����限����双色系统，����突出����字形����本身**。

### ����� ��� ��� � ��� � � 默认美学：字体建�筑 (Type Architecture)

Philosophy: Treating letterforms as architectural elements and visual building blocks.
Visual expression: Exploring the intrinsic beauty of type through scale, repetition, negative space, and compositional arrangement.

**�������核心视觉语言**：
- 将字母������视��为几何形状和空间��占有者
- ��� ��� � � 通过字重、宽度和风格创造视觉��节�奏
- ��� �利用字间�距、行间�距和排列方式创造��节�奏感
- ����� ��� ���� ��� � ��探索正����反��空间������之间的����������张力
- ����� ��� ������ ��� � ����突出单��个字形、�����笔��画或����结构的����美感

### ����� ��� ��� � ��� � � 默认配色方案（建�筑师的调色板）

| 元素           | ����� ��� ��� � ��� � � 描述                     | Hex        |
| -------------- | -------------------------- | ---------- |
| **画布背景**   | ����� ��� ��� ��� � � 纯����白或����纯����黑             | `#ffffff` / `#000000` |
| **主要字形**   | ����� ��� ��� ��� ��� � � �纯����黑或����纯����白             | `#000000` / `#ffffff` |
| **次要字形**   | 中�������灰（��当����在白����底上使用）        | `#7f8c8d`  |
| **强调字形**   | ����� ��� ��� ��� � � 选择����一��种�鲜�����艳��������色          | 视具体����情����况而����定 |
| **网格/参考线**| ����� ��� ��� ��� ��� � � �极���淡���������灰（仅����在������需要时显示） | `#f0f0f0`  |

**配色使用规则**：
1. ����� ��� ���� ��� � ��首选单色方案（黑白）以最大����程度����突出����字形��������������结构
2. ���� ��� ��� �� � � 如需使用色������彩，����限����制在����一����至两种�颜色
3. ����� ��� ��� � ��� � � 色������彩使用应����有明确的����������功能（������强调、分组或����������指引视线）
4. ���� ��� ����� �� � ��避免使用������彩������来�������弥补����������设计������不足
5. ���� ��� ��� �� � � 在彩����色方案中保持足����够的������对比度

## COMPOSITION PRINCIPLES

### ����� ��� ��� ��� � � �核心原则
1. ���� ��� ��� �� � � 字形即建�筑：��把每����个字母������看作����有����独��特����形����状、����重量和������空间��关系的����体
2. ���� ��� ��� ��� �� � � �尺����度比例：����极��端����的尺����������度对����比����能产生强����大的视觉�����冲击
3. ���� ��� ��� ��� �� � � �空间������操作：��正����空间（字形本身）和反����空间（字形之间和周�围的����空间）������同样重要
4. ���� ��� ��� ���� �� � � ��重量对����比：����通过不同����字重创造����视觉����������张力和������节���奏感
5. ���� ��� ��� ������ �� � � ����排列����实验：������突破常规����水平/�������垂直排列，����探索对角������线、曲������线或������自由����������放置
6. ���� ��� ��� ������ �� � � ����重复与����变化：����通过有������规律的����������重复创造����������节���奏感，������通过�细����微变化�避免单调
7. ���� ��� ��� �������� �� � � ������读性与��������������识��平�������衡：������在纯����艺术表����达和必要��������������识��读之间�找����到�适����当平�������衡点

### ���� ��� ��� �� � � 字体选择指导

#### ����� ��� ��� ��� ��� � � �无�����衬线体 (Sans Serif)
- ���� ��� ��� �� � � 特征：����������现代、中������立、几何感强
- ���� ��� ��� �� � � �适用场景：����构����主义、极简主义、������ technische ä����thetik
- ���� ��� ��� � �� � � 推�荐字体：Helvetica、Futura、Geist、Inter
- ���� ��� ��� �� � � 表达特质：�秩序、效率、������前卫性

#### ���� ��� ��� �� � � 有�����衬线体 (Serif)
- ���� ��� ��� �� � � 特征：传统、����������������雅、����������������有人文感
- ���� ��� ��� �� � � �适用场景：����������������典������、学术������、����������������印�刷������美学
- ���� ��� ��� � �� � � 推�荐字体：Times New Roman、Garamond、Bodoni、Playfair Display
- ���� ��� ��� �� � � 表达特质：传统、权威、����������������永�恒性

#### ���� ��� ��� ��� �� � � �等����宽��体 (Monospace)
- ���� ��� ��� �� � � 特征：机�械、����������代码感、������均�匀��������������
- ���� ��� ��� �� � � �适用场景：����������技术、����������������极限������主义、����������������概念������艺术
- ���� ��� ��� � �� � � 推�荐字体：Courier New、Fira Code、Space Mono
- ���� ��� ��� �� � � 表达特质：精确性、技术性、����������������重复性

#### ���� ��� ��� ��� �� � � �手写体/�������笔���迹体 (Script/Handwritten)
- ���� ��� ��� �� � � 特征：人文、����������������流动性、����������������个人�������触感
- ���� ��� ��� �� � � �适用场景：个����人化、����������������艺术������表达、����������������情感������传�递
- ���� ��� ��� � �� � � 推�荐字体：Brush Script、Pacifico、������ Allura
- ���� ��� ��� �� � � 表达特质：温度、流动性、����������������人文关�怀

#### ���� ��� ��� ��� �� � � �装�饰体/������展�览体 (Display/Decorative)
- ���� ��� ��� �� � � 特征：������个性强、����������������������戏������性、����������������������特殊目的
- ���� ��� ��� �� � � �适用场景：����������������特����殊主题、����������������品牌������标识、����������������������短����������������语�������冲击
- ���� ��� ��� � �� � � 推�荐字体：��依������具体����������������需����求而����定
- ���� ��� ��� �� � � 表达特质：����������������独特性、����������������������记�忆点、����������������������即时������识��别

### ���� ��� ��� � �� � � 排版参数实验

#### ���� ��� ��� ��� �� � � �字������大小 (Scale)
- ���� ��� ��� � �� � � 极大字号：��可����占画布����������的������50-80%（单����个字母������作为主������视觉）
- ���� ��� ��� � �� � � 极小字号：������仅��������作�������纹理或������背景������元素存在
- ���� ��� ��� � �� � � 渐变尺寸：������在同����一构图中使用�����跨度����大的������字号创造����������透视感

#### ���� ��� ��� ��� �� � � �字������重������ (Weight)
- ���� ��� ��� ������ �� � � ����对����比：������将ExtraLight与Black或UltraBold����������相�������邻��放置
- ���� ��� ��� ��� �� � � �渐变重量：������在一������句话中逐����渐增加或�减小������字重
- ���� ��� ��� ���� �� � � ��重量作为����������视觉����������节���奏：������规������律地交替使用不同������字重

#### ���� ��� ��� ��� �� � � �字������间�距 (Tracking/Letter-spacing)
- ���� ��� ��� ��� �� � � �紧�凑排列：������负����值字间�距创造������紧密的������字�块感
- ���� ��� ��� �������� �� � � ������放松：������正����值字间�距让������字母������有������呼吸������空间
- ���� ��� ��� ��� �� � � �极端间�距：������极��大������正����值������创造�������悬浮感或����������节���奏感

#### ���� ��� ��� �� � � 行间�距 (Leading/Line-height)
- ���� ��� ��� ��� �� � � �紧密排列：������行间�距小����于字高创造������紧����密的������文本�块
- ���� ��� ��� ���� �� � � �舒���适�阅读：������行间�距为1.4-1.6倍字高
- ���� ��� ��� ��� �� � � �松散排列：������行间�距大����于2.0创造�������漂浮感

#### ���� ��� ��� ��� �� � � �对�����齐方式 (Alignment)
- ���� ��� ��� ��� �� � � �左对�����齐：������最����常见和�����������������阅读友好
- ���� ��� ��� ��� �� � � �居中对�����齐：������创造����������正式感和�����������������仪式������感
- ���� ��� ��� ��� �� � � �右对�����齐：������较少使用但可������创造����������������张力
- ���� ��� ��� ��� �� � � �两端对�����齐：������创造����������������整�齐的������边��������但可能产生������不������自然的������字间�距
- ���� ��� ��� �������� �� � � ������对�����齐：������在特����殊������构图中创造������动态������平�������衡

### ���� ��� ��� �� � � 特殊技�巧

#### ���� ��� ��� ��� �� � � �字形������分解
- ���� ��� ��� ����� �� � � ��笔������画分离：������将字母������的������组成�������笔������画分������离显示
- ���� ��� ��� ��� �� � � �结构������highlight：������仅��显示字母������的������某������部分（����如仅������显示������横�������竖�������笔������画）
- ���� ��� ��� ��� �� � � �负����空间�������聚�焦：������通过�������������������������遮�罩仅��显示字母������之间的������空间

#### ���� ��� ��� ��� �� � � �物理������材料����������������模�拟
- ���� ��� ��� ��� �� � � �印�刷������不��������������均：������模�拟������旧版印�刷机的������不������均������墨��分布
- ���� ��� ��� ���� �� � � �纸张�������纹理：������在字形������周�围�添加�������纸张�������纹理效果
- ���� ��� ��� ������ �� � � ����金属������压印：������模�拟�������凹������印或�������凸������印效果
- ���� ��� ��� ������� �� � � ����橡皮������图章：������模�拟������不������均������压������力和������边���������磨�损

#### ���� ��� ��� ��� �� � � �数字��������变形
- ���� ��� ��� ���� �� � � ��几何������变形：������拉伸、������压�扁、�������倾�斜或�����������扭曲字形
- ���� ��� ��� ��������� �� � � ������碎片化：������将字母������分������离后重新������组合
- ���� ��� ��� ���� �� � � ��重�叠������与������透明度：������通过������透明������度创造�������层次感
- ���� ��� ��� �������� �� � � ������光照������效果：�������添加�������阴����������������ow、������高������光或������ rim ������ ����光

## TEXT CONTENT STRATEGIES

### ���� ��� ��� � �� � � 内容选择
- ���� ��� ��� ���� �� � � ��单个字母：������探索������特������定字形������的��������������无限可能性
- ���� ��� ��� ���� �� � � ��特������殊组合：������如「��ㄣ」、「?」等������特殊符号
- ���� ��� ��� ���� �� � � ��数字：������特别是具有������视觉������兴趣的������数字（如8、0、3、6）
- ���� ��� ��� ���� �� � � ��重复������模式：������如「 moonlight 」中������的������o的重复
- ���� ��� ��� ���� �� � � ��对����称������单词：������如「flower」逆�������拼仍是「rewolf」
- ���� ��� ��� ���� �� � � ��视觉������双关：������如「看」字本������身就像��������个������眼睛

#### ���� ��� ��� ��� �� � � �语言考量
- ���� ��� ��� ��� �� � � �中文汉字：������������天然�适合������此类������实验（������方�块������字结构）
- ���� ��� ��� ��� �� � � �拉丁������字母：������最����通用但需����������更多������创造������性处理
- ���� ��� ��� ���������� �� � � ��������混合使��用：������在同����一构图中探索不同������文字系统的������对����比
- ���� ��� ��� ������ �� � � ����符号和������数字：������提供������纯����几何������形状的������选择

## OUTPUT SPECIFICATIONS

**默认输出**：单页高清�������晰度PNG文件（1800×2400px）
**可选输出**：
- PDF（�������适合印���刷和����高清���晰度需����求）
- SVG（�������适合需要���缩放和������后期编辑的场景）
- 多页系列：������探索同����一主题的������不同������变������化（如��A-Z系列）

**文件命名**：使用���描述性名称，如 `typo-study-A.png` 或 `letterform-experiment.png`

**创建流程**：
1. ���� ��� ��� ���� �� � � ��选择�������核心文字内容和������表达目����标
2. ���� ��� ��� ���� �� � � ��选择�������适����当的������字体家族
3. ���� ��� ��� ���� �� � � ��确定������主导������视觉������概念（������比例、������重量、������空间等）
4. ���� ��� ��� ���� �� � � ��建立������基本������构图������网格或�������框架
5. ���� ��� ��� ���� �� � � ��实验������字形������的������不同������处理方式
6. ���� ��� ��� ���� �� � � ��调整������排版参数（������大小、������重量、������间�距等）
7. ���� ��� ��� ����� �� � � ��添加������特殊技�巧（如���适用）
8. ���� ��� ��� ���� �� � � ��平�������衡������艺术������表达与必要����������������识��读性
9. ���� ��� ��� ����� �� � � ��审查������构图������的������视觉������平�������衡和�������焦点������引导
10. ���� ��� ��� ���� �� � � ��导出为指定格式

---
