# Design Principles - 设计原理与法则

## 目录
- 构图法则
- 字体排印
- 视觉层次
- 质感与细节
- 常见误区

## 概览
本参考文档提供顶级平面设计的核心原理与法则，为提示词工程提供理论支撑。

## 核心内容

### 构图法则

#### 三分法 (Rule of Thirds)
- **定义**：将画面分为9个等分区域，重要元素放置在交叉点上
- **应用场景**：摄影、海报、网页布局
- **顶级应用**：
  - 主视觉元素放置在1/3或2/3位置
  - 辅助元素沿分割线分布
  - 避免中心对称，创造动态感

#### 黄金比例 (Golden Ratio)
- **定义**：1:1.618的比例关系，符合自然美学
- **应用场景**：品牌标志、版式设计、Logo
- **顶级应用**：
  - 主视觉与背景的面积比例
  - 字号层级按黄金比例递减
  - 螺旋布局引导视觉路径

#### 网格系统 (Grid System)
- **定义**：基于列与行的结构化布局系统
- **应用场景**：杂志、画册、网页设计
- **顶级应用**：
  - 12列网格系统（可灵活组合为2/3/4/6列）
  - 对齐一致性（左对齐/居中/右对齐）
  - 间距模块化（使用8pt/16pt/24pt倍数）

#### 中心对称 (Central Symmetry)
- **定义**：元素围绕中心点对称分布
- **应用场景**：奢侈品广告、官方声明、仪式感场景
- **顶级应用**：
  - 绝对中心对齐
  - 元素镜像对称
  - 强调权威与平衡感

#### 动态对角 (Dynamic Diagonal)
- **定义**：沿对角线方向布局元素，创造运动感
- **应用场景**：体育、时尚、动感广告
- **顶级应用**：
  - 主视觉沿对角线分布
  - 视线引导从左上到右下
  - 创造速度与力量感

#### 负空间 (Negative Space)
- **定义**：主动留白的空白区域
- **应用场景**：极简设计、奢侈品、高端品牌
- **顶级应用**：
  - 负空间占比30%-50%
  - 负空间形成暗示形状（如Apple标志）
  - 呼吸感与高级感的来源

### 字体排印

#### 字体族选择
- **衬线体 (Serif)**：经典、权威、传统
  - 应用：奢侈品、出版业、文化品牌
  - 示例：Didot, Bodoni, Garamond
- **无衬线体 (Sans-serif)**：现代、简洁、科技
  - 应用：科技公司、新消费品牌、时尚
  - 示例：Helvetica, Futura, Gotham
- **手写体 (Script)**：个性、温暖、艺术
  - 应用：生活方式品牌、手工艺品、情感表达
  - 示例：Brush Script, Sign Painter
- **几何体 (Geometric)**：结构感、未来感、理性
  - 应用：建筑、科技、极简品牌
  - 示例：Geometric Sans, Avant Garde

#### 字重层级
- **Light (100-300)**：优雅、精致、背景信息
- **Regular (400)**：正文、标准阅读
- **Medium (500)**：副标题、重要信息
- **Bold (700+)**：标题、强调、视觉锚点
- **顶级应用**：建立3-4层清晰层级，避免过多字重

#### 字号比例
- **黄金比例缩放**：标题:副标题:正文 = 1.618:1:0.618
- **模块化比例**：基于4pt/6pt/8pt倍数
- **顶级应用**：
  - 标题 ≥ 48pt
  - 副标题 24-36pt
  - 正文 12-16pt
  - 辅助文字 8-10pt

#### 字间距与行间距
- **字间距 (Tracking)**：
  - 大字号（≥48pt）：-50 到 -100
  - 正文字号（12-16pt）：0 到 +50
  - 小字号（≤10pt）：+50 到 +100
- **行间距 (Leading)**：字号的1.2-1.8倍
- **顶级应用**：
  - 标题紧缩（字间距-50到-100）
  - 正文舒适（行间距1.5-1.8倍字号）
  - 确保可读性与美感平衡

#### 对齐与韵律
- **左对齐**：现代、易读、标准
- **居中对齐**：经典、仪式感、平衡
- **右对齐**：独特、创意、非常规
- **韵律**：重复元素的间隔与节奏
- **顶级应用**：
  - 全局对齐一致性
  - 韵律感通过元素重复创造
  - 避免无规律的对齐变化

### 视觉层次

#### 尺寸层级
- **主视觉**：占据画面40%-60%面积
- **次视觉**：占据画面20%-30%面积
- **辅助元素**：占据画面10%-20%面积
- **顶级应用**：清晰的三层尺寸结构，避免竞争性元素

#### 颜色对比
- **亮度对比**：主元素与背景亮度差 ≥ 70%
- **饱和度对比**：主元素饱和度 ≥ 辅助元素饱和度 × 1.5
- **色相对比**：主色与辅助色色相距离 ≥ 60°
- **顶级应用**：
  - 主视觉使用最高对比度
  - 辅助元素降低对比度
  - 确保主视觉第一时间被识别

#### 位置权重
- **左上角**：最高视觉权重（人眼自然落点）
- **中心**：高视觉权重（对称聚焦）
- **右上角**：中高视觉权重（行动号召）
- **底部**：低视觉权重（补充信息）
- **顶级应用**：重要信息按权重分布位置

#### 纹理与细节
- **纹理层级**：
  - 主视觉：高细节、精细纹理
  - 次视觉：中细节、适度纹理
  - 背景：低细节、纯净渐变
- **细节密度**：主视觉细节密度 ≥ 次视觉 × 2
- **顶级应用**：通过纹理密度创造视觉深度

### 质感与细节

#### 光影处理
- **自然光**：柔和、真实、温暖
- **影棚光**：可控、高对比、专业
- **动态光**：运动感、戏剧性、情感化
- **顶级应用**：
  - 一致的光源方向
  - 适当的光比（3:1到5:1）
  - 光影强化立体感

#### 表面材质
- **哑光**：高级、内敛、低调
- **光泽**：科技、未来、前卫
- **金属**：奢华、坚固、品质
- **纸张纹理**：自然、手工、温暖
- **顶级应用**：材质与品牌调性一致

#### 印刷质感
- **UV coating**：局部高光、触感
- **烫金/烫银**：奢华、品质、仪式感
- **凹凸印**：触感、层次、精致
- **丝网印刷**：色彩鲜艳、厚重、手工感
- **顶级应用**：在提示词中描述印刷质感以提升最终输出

### 常见误区

#### 构图误区
- 过度拥挤：缺少呼吸空间
- 多焦点：视觉竞争导致混乱
- 对称滥用：缺乏动态感
- 负空间浪费：未主动利用负空间

#### 字体误区
- 字体过多：超过3种字体族
- 字号混乱：无清晰层级
- 字间距错误：过紧或过松
- 对齐不一：缺乏一致性

#### 色彩误区
- 饱和度过高：廉价感
- 对比度不足：可读性差
- 色彩过多：超过4种主色
- 忽略色彩心理学：色彩与情感不匹配

## 示例

### 示例1：奢侈品海报构图
```
Composition: Golden Ratio + Minimalist
Focal Point: Upper-right intersection (1/3 from top, 2/3 from left)
Negative Space: 45% (lower-left area)
Layout: Asymmetric balance with intentional emptiness
Visual Flow: Diagonal from top-right to bottom-left
```

### 示例2：科技品牌字体排印
```
Typography:
- Headline: Geometric Sans, Bold 72pt, tracking -100
- Subhead: Geometric Sans, Medium 36pt, tracking -50
- Body: Sans-serif, Regular 16pt, tracking 0, leading 1.6x
- Accent: Geometric Sans, Light 12pt, all caps, letter-spacing +100
Hierarchy: 4.5 : 2.25 : 1 : 0.75 (golden ratio based)
```

### 示例3：生活方式品牌视觉层次
```
Visual Hierarchy:
- Primary Element (Product): Central, 50% area, highest contrast, fine texture
- Secondary Element (Lifestyle Scene): Surrounding, 30% area, medium contrast, medium texture
- Tertiary Element (Text): Top-left, 10% area, high contrast, clean typography
- Background: Bottom area, 10% area, low contrast, soft gradient, minimal texture
Texture Density: Primary > Secondary > Background = 2 : 1.5 : 1
```

## 约束与注意事项
- 每个提示词选择2-3个核心构图法则，避免堆砌
- 字体族数量不超过3种，确保一致性
- 视觉层次必须清晰，避免竞争性元素
- 质感描述具体化，避免模糊表达
- 所有设计决策必须服务于品牌DNA