算法海报设计哲学

技能文档

---
name: algorithmic-poster-philosophy
title: 算法海报设计哲学
category: 内容创作
description: 基于算法设计哲学生成极简风格 SVG 海报，先构建设计体系再渲染可视化作品。当用户提到海报、视觉设计、品牌视觉、排版系统、极简风格、设计哲学、美学方案，或说"帮我做张海报"时触发。触发词：海报设计、极简海报、品牌视觉、设计哲学。
---

# 算法海报设计哲学生成器

## 概述

本技能将海报设计任务从：
- "生成一个设计"

转化为：
- "创建一套设计哲学，并将其可视化表达"

哲学先行。
视觉输出只是体系的表达形式。

**输出方式**：
- 设计哲学 → 以结构化 Markdown 内联输出
- 海报 → 通过内置渲染工具生成 SVG 海报（绝不用文字描述，始终直接渲染）

---

# 技能工作流

## 步骤1 — 构建算法设计哲学

在生成任何视觉输出之前，先以结构化 Markdown 构建一套设计哲学。

撰写 4–6 段内容，涵盖以下五个维度：

### 1. 概念（核心理念）
定义核心美学思想。

- 避免模糊的艺术化表述
- 保持抽象但可执行
- 必须可转化为设计行为

### 2. 视觉逻辑
将概念转化为布局逻辑：

- 网格 vs 非网格体系
- 信息密度（极简 / 密集）
- 留白策略

### 3. 体系行为
描述设计的行为模式：

- 层级（主要 / 次要 / 辅助）
- 对齐 vs 偏离
- 节奏、重复、偏移

### 4. 参数化思维
将设计转化为变量：

- 字号比例（如 标题 : 副标题 : 元信息 = 10 : 3 : 1）
- 对齐规则（如 左对齐 + 1 处刻意打破）
- 边距比例（如 上边距 = 画布高度的 15%）
- 色彩数量（建议 ≤ 2）
- 活跃元素数量（建议 ≤ 5）

避免结果导向的描述（如 "酷炫风格"）。
聚焦可控参数。

### 5. 涌现效果
说明体系执行后产生的效果：

- 视觉感受
- 感知结构
- 情绪基调

---

## 关键准则（哲学阶段）

- 避免冗余
- 每句话都必须可转化为设计规则
- 不使用纯装饰性或空洞的语言
- 同时以设计师和系统构建者的视角思考

---

## 步骤2 — 视觉表达（SVG 海报渲染）

基于设计哲学，调用内置渲染工具生成内联 SVG 海报。

**绝不用文字描述海报。始终直接渲染。**

---

### SVG 海报规格

- 格式：SVG
- 宽高比：3:4（推荐 `viewBox="0 0 600 800"`）
- 背景：仅白色或近黑色
- 字体：通过 SVG 内 `<style>@import url('https://fonts.googleapis.com/css2?family=...')</style>` 加载
- 渲染方式：通过内置渲染工具内联输出

---

### 设计规则（源自设计哲学）

#### 信息策略
- 自动精简内容 — 仅保留必要文字
- 最多 3 个信息区块（标题 / 副标题 / 元信息）
- 移除一切不服务于层级的元素

#### 布局体系
- 使用严格对齐或刻意的单一偏离（依据哲学设定）
- 保持强烈的纵向阅读流
- 充裕留白 — 让负空间承载分量

#### 字体体系
- 清晰层级：标题（大）/ 副标题（中）/ 元信息（小）
- 限制 1–2 种字体
- 精致的间距控制 — 刻意使用 `letter-spacing` 和 `line-height`

#### 色彩体系
- 黑 / 白 / 灰度 或低饱和度色板
- 最多 2 种颜色（不含黑/白）
- 色彩必须服务于层级，而非装饰

#### 元素控制
- 仅保留最少元素（画布上 ≤ 5 个活跃元素）
- 不使用装饰性图标、插图或花饰
- 设计依赖布局、字体和空间 — 而非图形
- 细线或几何线条仅在强化结构时允许使用

---

# 进阶原则

## 概念嵌入

用户的核心概念不得直接写在海报上。

而是将其嵌入到：
- 结构与网格逻辑
- 间距节奏
- 字体对齐或偏离

理解为："体系内部的隐藏参照 — 可感知，不可阅读。"

---

## 受控混沌

变化是允许的，但始终在约束之内。

这不是随机。
这是在定义体系内有意识地设计变化。

---

## 工匠标准

输出必须呈现：

- 平衡且刻意
- 经过多次迭代打磨
- 极简 — 无任何可移除之物

如同一位资深设计师花了一周时间完成的海报。

---

# 输出格式

## 1 — 设计哲学
以结构化 Markdown 内联输出（4–6 段，遵循上述五维度结构）。

## 2 — 海报
通过内置渲染工具直接生成 SVG。
宽高比 3:4。字体驱动。无装饰元素。
海报是体系的可视化 — 而非其摘要。

---

# 完整示例

## 输入
> "帮我做一张关于'沉默'主题的极简海报"

## 哲学输出（内联 Markdown）

**概念**：沉默不是声音的缺失 — 它是信号之间的空间。设计将留白视为主要元素，文字作为侵入。

**视觉逻辑**：近乎空白的网格。一个主导的字体锚点。所有次要信息推向边缘。密度趋近于零。

**体系行为**：单一主元素居中或恰好偏移一个网格单位。次要文字以 8% 不透明度或减轻字重呈现 — 存在但退隐。无辅助元素。

**参数化思维**：标题字号 = 画布高度的 11%。四周边距 = 18%。次要文字 = 标题字号 × 0.18。色彩数量 = 1（白底黑字）。活跃元素 = 2。

**涌现效果**：观者体验到静谧。目光找到一个点后随之停留。意义在未被展示之处积累。

## 海报输出
→ 内置渲染工具生成 600×800 SVG：
单个大字靠近纵向中心，略微左偏。右下角一行小字元信息。无规则线、无边框。纯粹的字体沉默。

---

# 核心原则

不要只生成一张海报。

始终生成：
→ 一套哲学体系
→ 然后通过内置渲染工具将其表达为 SVG 作品

使用说明

# 算法海报设计哲学

基于算法设计哲学生成极简风格 SVG 海报，先构建设计体系再渲染可视化作品。

## 使用

```
帮我做一张关于"沉默"主题的极简海报
```

```
为我的品牌设计一套视觉方案，风格极简
```

## 工作原理

技能分两步工作：

1. **构建哲学体系** — 从概念、视觉逻辑、体系行为、参数化思维、涌现效果五个维度建立设计哲学
2. **渲染 SVG 海报** — 将哲学体系转化为 3:4 比例的极简 SVG 海报，字体驱动，无装饰元素

如何安装此技能？

访问技能市场，点击「安装」按钮，按提示将技能包放入 AI 编程助手的 skills 目录即可。