Design Vocabulary设计词汇 · 样本集 01

VOCABULARY / 词条

三分法

Rule of Thirds

加入比较 +

一条构图经验法则:把画面想象成被两条等距横线与两条等距竖线分成的九宫格,把重要元素放在这些线上或它们的交点处,而不是正中央。

示意图 · 编辑插画,尚无可操作示例
一张构图示意图:一个横向画幅被两条横线与两条竖线分成九块,一条地平线落在下方那条横线上,一个深色圆形主体落在左上交点处,四个交点以小圆圈标出。
一张构图示意图:一个横向画幅被两条横线与两条竖线分成九块,一条地平线落在下方那条横线上,一个深色圆形主体落在左上交点处,四个交点以小圆圈标出。

识别特征

  • 画面被两横两竖等距分成九块
  • 重要元素落在分割线上或四个交点附近
  • 地平线一类的长边落在某条横线上,而不是居中

概念边界

这是一条经验法则,不是规律:它描述的是一种常见且稳妥的取景习惯,而不是关于人如何观看的实证结论。本词条只讨论它作为构图起点的用法,不主张偏离它会让画面变差。它与视觉层级不同:三分法说的是把元素放在画面的哪个位置,视觉层级说的是元素之间谁更重要——位置只是造成层级的手段之一,尺寸、对比与留白同样有效。在界面中它的适用面比在摄影中窄得多:界面元素的位置往往由阅读顺序、可点击区域与响应式断点决定,而不是由画幅。

什么时候考虑它

  • 需要为一张图像或一个画幅决定元素的摆放位置
  • 画面中有一个明确的主体,构图需要一个稳妥的起点
  • 多人拍摄或制作同一组素材,需要一致的取景约定

什么时候慎用

  • 把它当作必须遵守的规则,居中或对称本身就是意图时也照改不误
  • 用它决定界面元素的位置,而这些位置其实由阅读顺序与断点决定
  • 画幅会被裁切成多种比例,固定的交点位置不再成立

取舍

一条简单的位置约定让构图有了可讨论、可复述的起点,代价是它只关心画面内的几何位置:它不告诉你哪个元素应该是主体,也不适应画幅被裁切成不同比例的情况。

条件规则 · 编辑建议

当图像会在多种比例的容器中被裁切显示必须标出必须保留的主体安全区,而不是只记录它落在哪个交点上。
当构图意图本身是居中、对称或正面直视建议保留这一意图;三分法是起点而非要求,不必为符合它而改变成立的构图。

相关词条

视觉层级 ↗相关但不同 · 需要让某个元素先被看到

三分法只决定位置,视觉层级决定轻重;位置是造成层级的手段之一,但尺寸与对比通常更有效。

焦点律 ↗可以配合 · 画面中已经确定了一个主体

焦点回答"哪个元素最先抓住注意力",三分法回答"把它放在画面的什么位置"。

自适应多面板布局 ↗条件冲突 · 同一张图像要在多种画幅与断点下呈现

交点的位置随画幅变化而移动,响应式场景下应指定安全区域而不是固定的几何点。

来源与支持范围

Wikipedia · Rule of thirds ↗

该条目把三分法明确称为一条用于设计、影片、绘画与摄影等视觉作品构图的经验法则(rule of thumb),并说明该准则主张把画面想象成被两条等距横线与两条等距竖线分成九等份,重要元素沿这些线放置;条目还记录交点有时被称作 power point 或 crash point。本词条的定义与"经验法则"的定位据此转述。

检索日期:2026-09-16 · 快照待确认

定义参考以上来源;数字界面示例、选择建议、条件关系及配方由本样例编辑,尚未经用户研究验证。

类型扩展与实现说明

本词条尚无可操作示例;插画为编辑示意,展示九宫格与交点的位置关系,不代表任何摄影或界面的实测结论。应用到产品前仍须为会被裁切的图像标出主体安全区。

{
  "evidenceType": "长期沿用的构图经验法则,来源文献即以 rule of thumb 称之,而非实证的知觉规律",
  "limit": "本词条不主张遵循三分法会让画面更好,也不提供任何关于注视行为的测量数据;它只记录这一构图约定及其适用边界。"
}
完整 Agent 条目 JSON
{
  "id": "rule-of-thirds",
  "type": "principle",
  "name": {
    "zh": "三分法",
    "en": "Rule of Thirds"
  },
  "aliases": [
    "Thirds Grid",
    "Power Points",
    "三分构图",
    "井字构图"
  ],
  "granularity": "component",
  "intents": [
    "organize-content",
    "express-brand"
  ],
  "tags": [
    "构图",
    "取景",
    "九宫格",
    "视觉重心",
    "经验法则"
  ],
  "definition": "一条构图经验法则:把画面想象成被两条等距横线与两条等距竖线分成的九宫格,把重要元素放在这些线上或它们的交点处,而不是正中央。",
  "boundary": "这是一条经验法则,不是规律:它描述的是一种常见且稳妥的取景习惯,而不是关于人如何观看的实证结论。本词条只讨论它作为构图起点的用法,不主张偏离它会让画面变差。它与视觉层级不同:三分法说的是把元素放在画面的哪个位置,视觉层级说的是元素之间谁更重要——位置只是造成层级的手段之一,尺寸、对比与留白同样有效。在界面中它的适用面比在摄影中窄得多:界面元素的位置往往由阅读顺序、可点击区域与响应式断点决定,而不是由画幅。",
  "signature": [
    "画面被两横两竖等距分成九块",
    "重要元素落在分割线上或四个交点附近",
    "地平线一类的长边落在某条横线上,而不是居中"
  ],
  "when": [
    "需要为一张图像或一个画幅决定元素的摆放位置",
    "画面中有一个明确的主体,构图需要一个稳妥的起点",
    "多人拍摄或制作同一组素材,需要一致的取景约定"
  ],
  "when_not": [
    "把它当作必须遵守的规则,居中或对称本身就是意图时也照改不误",
    "用它决定界面元素的位置,而这些位置其实由阅读顺序与断点决定",
    "画幅会被裁切成多种比例,固定的交点位置不再成立"
  ],
  "tradeoff": "一条简单的位置约定让构图有了可讨论、可复述的起点,代价是它只关心画面内的几何位置:它不告诉你哪个元素应该是主体,也不适应画幅被裁切成不同比例的情况。",
  "comparison": {
    "focus": "决定主体在画面中的位置",
    "mechanism": "九宫格的分割线与交点作为摆放参考",
    "cost": "只管画面内的几何,不适应裁切与层级判断"
  },
  "sources": [
    {
      "id": "thirds-wikipedia",
      "title": "Wikipedia · Rule of thirds",
      "url": "https://en.wikipedia.org/wiki/Rule_of_thirds",
      "claim": "该条目把三分法明确称为一条用于设计、影片、绘画与摄影等视觉作品构图的经验法则(rule of thumb),并说明该准则主张把画面想象成被两条等距横线与两条等距竖线分成九等份,重要元素沿这些线放置;条目还记录交点有时被称作 power point 或 crash point。本词条的定义与\"经验法则\"的定位据此转述。",
      "checkedAt": "2026-09-16",
      "archive": {
        "lookupUrl": "https://web.archive.org/web/20260916*/https://en.wikipedia.org/wiki/Rule_of_thirds",
        "status": "unconfirmed",
        "checkedAt": "2026-09-16T17:39:03.667Z",
        "error": "status-request-failed",
        "jobId": "spn2-820a1e3e403b8af74fa3d1f79829b59474a92ad1"
      }
    }
  ],
  "relations": [
    {
      "target": "visual-hierarchy",
      "kind": "related",
      "condition": "需要让某个元素先被看到",
      "reason": "三分法只决定位置,视觉层级决定轻重;位置是造成层级的手段之一,但尺寸与对比通常更有效。",
      "basis": "editorial"
    },
    {
      "target": "focal-point",
      "kind": "composes_with",
      "condition": "画面中已经确定了一个主体",
      "reason": "焦点回答\"哪个元素最先抓住注意力\",三分法回答\"把它放在画面的什么位置\"。",
      "basis": "editorial"
    },
    {
      "target": "adaptive-multipane",
      "kind": "conflicts_when",
      "condition": "同一张图像要在多种画幅与断点下呈现",
      "reason": "交点的位置随画幅变化而移动,响应式场景下应指定安全区域而不是固定的几何点。",
      "basis": "editorial"
    }
  ],
  "rules": [
    {
      "when": "图像会在多种比例的容器中被裁切显示",
      "instruction": "标出必须保留的主体安全区,而不是只记录它落在哪个交点上。",
      "strength": "must",
      "basis": "editorial"
    },
    {
      "when": "构图意图本身是居中、对称或正面直视",
      "instruction": "保留这一意图;三分法是起点而非要求,不必为符合它而改变成立的构图。",
      "strength": "recommend",
      "basis": "editorial"
    }
  ],
  "principle": {
    "evidenceType": "长期沿用的构图经验法则,来源文献即以 rule of thumb 称之,而非实证的知觉规律",
    "limit": "本词条不主张遵循三分法会让画面更好,也不提供任何关于注视行为的测量数据;它只记录这一构图约定及其适用边界。"
  },
  "demo": null,
  "version": "0.1.0",
  "editorialStatus": "drafted",
  "requirements": [],
  "demoCapabilities": [],
  "implementationNote": "本词条尚无可操作示例;插画为编辑示意,展示九宫格与交点的位置关系,不代表任何摄影或界面的实测结论。应用到产品前仍须为会被裁切的图像标出主体安全区。",
  "image": {
    "src": "/images/rule-of-thirds.webp",
    "alt": "一张构图示意图:一个横向画幅被两条横线与两条竖线分成九块,一条地平线落在下方那条横线上,一个深色圆形主体落在左上交点处,四个交点以小圆圈标出。"
  },
  "searchTerms": [
    "composition",
    "framing",
    "thirds grid",
    "focal placement",
    "rule of thumb"
  ]
}