---
title: 构图与视觉重点
url: https://doc.liz6.com/general-education/visual-foundations/07-composition-and-emphasis
locale: zh
area: general-education
tags:
- 通识入门
- 视觉基础
date: 2026-09-10
modified: 2026-09-10
description: 同一张照片，换一个裁切，主角可能就变了。同一组物体，把它们挤到一侧，或给它们留出空白，画面的稳定、紧凑或疏朗感也可能改变。
---

# 构图与视觉重点

同一张照片，换一个裁切，主角可能就变了。同一组物体，把它们挤到一侧，或给它们留出空白，画面的稳定、紧凑或疏朗感也可能改变。

**构图是在画面范围内安排关系，让所选内容更清楚地服务表达。** 开始调整前，先用一句话说出意图，例如“突出花瓶的形状”，或“让人看见几个物体之间的关系”。

## 先看整体，再找局部

把画面缩小，细节会减少，大块明暗、颜色与空白更容易被看见。这能帮助你检查：希望突出的对象是否仍然能辨认？有没有另一个大块或强烈边缘抢走了注意？

这里的“视觉重量”是一种描述：面积、对比、位置、细节等会影响某部分显得多有分量。它不是把像素称重，也没有一个简单公式能算出所有人的观看顺序。

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 210" width="400" height="210" role="img" aria-labelledby="vf-7-wide-title" data-diagram-layout="wide" data-diagram-theme="native">
<title id="vf-7-wide-title">A 保留三个物体，B 紧裁花瓶。不同取景保留不同信息。</title>
<defs>
<radialGradient id="vf-7-wide-ball" cx="30%" cy="25%" r="80%">
<stop stop-color="#eee"/>
<stop offset=".5" stop-color="#aaa"/>
<stop offset="1" stop-color="#3f3f3f"/>
</radialGradient>
</defs>
<rect width="100%" height="100%" fill="#e8e4dc"/>
<g transform="translate(0 0) scale(1)">
<defs>
<clipPath id="vf-7-wide-cut-0">
<rect x="10" y="15" width="180" height="158"/>
</clipPath>
</defs>
<g clip-path="url(#vf-7-wide-cut-0)">
<rect x="10" y="15" width="180" height="158" fill="#ddd3bf"/>
<g transform="translate(-12 10) scale(.82)">
<g transform="translate(100 0) scale(1 1) translate(-100 0)">
<path d="M78 32H122V63C122 81 154 91 149 124L139 158H61L51 124C46 91 78 81 78 63Z" fill="#536a78"/>
</g>
<rect x="152" y="100" width="40" height="40" fill="#b7733e"/>
<circle cx="198" cy="155" r="22" fill="#f3eee4"/>
</g>
</g>
<text x="100" y="198" text-anchor="middle" font-family="sans-serif" font-size="22" fill="#34302a">A</text>
</g>
<g transform="translate(200 0) scale(1)">
<defs>
<clipPath id="vf-7-wide-cut-1">
<rect x="10" y="15" width="180" height="158"/>
</clipPath>
</defs>
<g clip-path="url(#vf-7-wide-cut-1)">
<rect x="10" y="15" width="180" height="158" fill="#ddd3bf"/>
<g transform="translate(-36 -22) scale(1.25)">
<g transform="translate(100 0) scale(1 1) translate(-100 0)">
<path d="M78 32H122V63C122 81 154 91 149 124L139 158H61L51 124C46 91 78 81 78 63Z" fill="#536a78"/>
</g>
<rect x="152" y="100" width="40" height="40" fill="#b7733e"/>
<circle cx="198" cy="155" r="22" fill="#f3eee4"/>
</g>
</g>
<text x="100" y="198" text-anchor="middle" font-family="sans-serif" font-size="22" fill="#34302a">B</text>
</g>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 525" width="250" height="525" role="img" aria-labelledby="vf-7-compact-title" data-diagram-layout="compact" data-diagram-theme="native">
<title id="vf-7-compact-title">A 保留三个物体，B 紧裁花瓶。不同取景保留不同信息。</title>
<defs>
<radialGradient id="vf-7-compact-ball" cx="30%" cy="25%" r="80%">
<stop stop-color="#eee"/>
<stop offset=".5" stop-color="#aaa"/>
<stop offset="1" stop-color="#3f3f3f"/>
</radialGradient>
</defs>
<rect width="100%" height="100%" fill="#e8e4dc"/>
<g transform="translate(0 0) scale(1.25)">
<defs>
<clipPath id="vf-7-compact-cut-0">
<rect x="10" y="15" width="180" height="158"/>
</clipPath>
</defs>
<g clip-path="url(#vf-7-compact-cut-0)">
<rect x="10" y="15" width="180" height="158" fill="#ddd3bf"/>
<g transform="translate(-12 10) scale(.82)">
<g transform="translate(100 0) scale(1 1) translate(-100 0)">
<path d="M78 32H122V63C122 81 154 91 149 124L139 158H61L51 124C46 91 78 81 78 63Z" fill="#536a78"/>
</g>
<rect x="152" y="100" width="40" height="40" fill="#b7733e"/>
<circle cx="198" cy="155" r="22" fill="#f3eee4"/>
</g>
</g>
<text x="100" y="198" text-anchor="middle" font-family="sans-serif" font-size="22" fill="#34302a">A</text>
</g>
<g transform="translate(0 262.5) scale(1.25)">
<defs>
<clipPath id="vf-7-compact-cut-1">
<rect x="10" y="15" width="180" height="158"/>
</clipPath>
</defs>
<g clip-path="url(#vf-7-compact-cut-1)">
<rect x="10" y="15" width="180" height="158" fill="#ddd3bf"/>
<g transform="translate(-36 -22) scale(1.25)">
<g transform="translate(100 0) scale(1 1) translate(-100 0)">
<path d="M78 32H122V63C122 81 154 91 149 124L139 158H61L51 124C46 91 78 81 78 63Z" fill="#536a78"/>
</g>
<rect x="152" y="100" width="40" height="40" fill="#b7733e"/>
<circle cx="198" cy="155" r="22" fill="#f3eee4"/>
</g>
</g>
<text x="100" y="198" text-anchor="middle" font-family="sans-serif" font-size="22" fill="#34302a">B</text>
</g>
</svg>

A 保留三个物体的完整关系，B 让花瓶占据更大画面。两者可以服务不同意图。比较时说清你保留了什么，也说清你牺牲了什么。

## 画框也是一次选择

画框决定哪些东西进入图像，哪些被切掉。裁掉一片空白，可能让主体更紧凑；裁掉物体的重要转折，也可能让它难以辨认。

图中两条边刚好相碰，有时会让前后关系含混。你可以把它们明显分开，或让遮挡更明确。但“边不能碰”不是禁令：要看相碰是否妨碍当前表达。

## 比较取景，而不是套一个比例

下面的素材形状、颜色与内部比例固定。切换取景范围后，再用滑杆改变整组素材与画框的位置关系。

**同一组素材，改变画框**

素材的颜色和内部比例不变。完整画面、较近取景与紧裁切改变可见范围；滑杆平移整组素材，比较对象与画框的距离。画面不输出构图优劣评分。


“紧裁花瓶”使花瓶更大，却削弱了盒子和球之间的完整联系。你若要说明静物的布置关系，这可能损失太多信息；你若要强调瓶身形状，则可能愿意接受这种取舍。

这个实验只做平面缩放与裁切。真实摄影中，移动相机还会改变透视；不能把它们当成完全相同的操作。

## 留白、重复与方向怎样参与？

第三篇的负形，在构图中就是可以主动安排的空间。对象周围的空白会影响它与画框、与其他对象之间的距离关系。留白多不自动等于高级，留白少也不自动等于拥挤；关键在于这种安排是否支持你的意图。

重复的形状能形成节奏，重复中的一次变化可以成为强调。边线和排列方向可以建议观看路线，但图上画的一支箭头不等于记录到了真实眼动。

三分法、对称和对角线都是可尝试的组织方式。它们没有必然好看的保证：先比较完整画面，再决定某条辅助线是否真的帮上了忙。

## 完整示范：同一只小船，可以讲哪两种不同的故事？

雾山湖面上，一只橙褐小船偏左，右侧留有大片水面，左下方有深色石岸。

AI 生成观察素材。请用画面线索作具体比较；精确几何关系以文中的自绘图为准。


这张图里，小船偏左，右侧保留大片水面；远山的对比比近处石岸弱。现在先选意图，再改画面。如果目标是“湖面的空旷”，小船可以成为尺度参照；如果目标是“介绍小船本身”，它的尺寸、材质和轮廓就更重要。

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 520" width="640" height="520" data-vf-case="7" data-diagram-layout="wide" data-diagram-theme="native" role="img" aria-labelledby="case-7-wide-title">
<title id="case-7-wide-title">同一湖面场景：A 留出水面，B 收紧画框，C 船挤向右边，D 前景变重。</title>
<rect width="100%" height="100%" fill="#f6f4ef"/>
<g transform="translate(0 0)">
<defs>
<clipPath id="case-7-wide-0">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-wide-0)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">A</text>
</g>
<g transform="translate(320 0)">
<defs>
<clipPath id="case-7-wide-1">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-wide-1)">
<g transform="translate(-113 -93) scale(1.65)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
</g>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">B</text>
</g>
<g transform="translate(0 260)">
<defs>
<clipPath id="case-7-wide-2">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-wide-2)">
<g transform="translate(112 0)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
</g>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">C</text>
</g>
<g transform="translate(320 260)">
<defs>
<clipPath id="case-7-wide-3">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-wide-3)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
<path d="M10 228V116Q60 112 100 184L150 228Z" fill="#29373c"/>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">D</text>
</g>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 1040" width="320" height="1040" data-vf-case="7" data-diagram-layout="compact" data-diagram-theme="native" role="img" aria-labelledby="case-7-compact-title">
<title id="case-7-compact-title">同一湖面场景：A 留出水面，B 收紧画框，C 船挤向右边，D 前景变重。</title>
<rect width="100%" height="100%" fill="#f6f4ef"/>
<g transform="translate(0 0)">
<defs>
<clipPath id="case-7-compact-0">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-compact-0)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">A</text>
</g>
<g transform="translate(0 260)">
<defs>
<clipPath id="case-7-compact-1">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-compact-1)">
<g transform="translate(-113 -93) scale(1.65)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
</g>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">B</text>
</g>
<g transform="translate(0 520)">
<defs>
<clipPath id="case-7-compact-2">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-compact-2)">
<g transform="translate(112 0)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
</g>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">C</text>
</g>
<g transform="translate(0 780)">
<defs>
<clipPath id="case-7-compact-3">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-7-compact-3)">
<rect x="-1000" y="-1000" width="3000" height="3000" fill="#dce4e2"/>
<path d="M-1000 106H2000V2000H-1000Z" fill="#9caeb5"/>
<path d="M-1000 107L40 50L101 89L188 40L300 95L600 40V111H-1000Z" fill="#8999a2"/>
<path d="M10 228V183Q28 159 51 192L91 228Z" fill="#3f4d50"/>
<path d="M105 165Q147 171 181 158L168 178Q124 188 113 177Z" fill="#b46a39"/>
<path d="M110 165Q140 151 180 158" fill="none" stroke="#694c3d" stroke-width="4"/>
<path d="M10 228V116Q60 112 100 184L150 228Z" fill="#29373c"/>
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">D</text>
</g>
</svg>

**A：让环境成为内容。** 船不需要占据最多面积。较大的水面让人比较船与环境的尺度，船色与水面的差别又保留了一个可辨认的对象。留白在这里承载距离和空间，并非等待填满的空洞。

**B：靠近以后，信息也变了。** 船在画框里的比例增大，环境减少。如果目的是介绍船，这可能有帮助；若要表达空旷，它又可能删掉重要信息。裁切没有产生新的物体细节，只是把现有信息放大到更显眼的位置。

**C：检查朝向与画框。** 把船挤到右侧，船前方空间变少，画面可能更紧。留出前方空间是一个常用起点，因为对象的朝向与可见空间可以形成联系；但需要受阻、逼仄或即将离开的感觉时，也可能有意反过来做。不能把“主体一定留在左三分之一”当作答案。

**D：检查你没打算强调的部分。** 左下角深色前景变大以后，可能与小船争抢。不要只盯着主角调整：边角的高反差、亮点、强斜线和大面积深色同样会改变画面的重量。可以裁掉一部分石岸、减小其明暗差，或让它成为有意的第二层信息。

## 从选择到修改：五步做一张构图草案

1. **把意图写成可比较的话。** “好看一点”很难指导修改；“先看见船，再感觉到右侧空旷的水面”就可以拿两张图比较。
2. **用小图先定大块。** 只保留船、水、山、岸四组，先不画水纹。比较横幅、竖幅或更紧的画框；画框比例会改变空间分配，不只是改变图片文件尺寸。
3. **选一两个主要强调手段。** 可以用局部色差配合留白，也可以用面积和位置。让每个对象都同时变大、变亮、变鲜艳，会把层级抹平。
4. **检查边缘、接触与相切。** 船头是否刚好碰到画框？一条岸线是否恰好擦过船缘，让两个形状粘在一起？要么清楚分开，要么形成明确遮挡，避免无意的模糊关系。
5. **回到缩略图看取舍。** 先说新方案增加了什么信息，再说删掉了什么。若删掉的正好是表达目的所需的东西，就恢复它，不必为遵守构图口诀而保留修改。

## 对称、平衡与节奏，并不是三个装饰词

对称让左右形状具有清楚对应，常适合需要稳定、仪式感或正面展示的对象；不对称也可以通过不同面积、明暗和位置形成平衡。一个小而反差强的对象，可能与较大但较柔和的区域形成关系。这里的“重量”是描述画面时的比喻，不是能拿面积直接计算出的物理力矩。

重复可以把零散对象组织成一组。想象一排等距的小船：相似的形状与间隔先建立节奏；其中一只改变方向、颜色或间距时，这个变化更容易被注意到。若所有小船的大小、颜色、方向都不同，原来的重复关系就弱了。由此可见，强调往往需要周围先建立某种共同条件。

这些原则也能用于排版：一致的正文、重复的留白和相近的卡片样式建立基准，标题或关键图才有清楚的差别。系列到这里完成的是一套观察与修改方法，不要求你交一张结业作品。

## 换成五张展品卡：重点怎样依赖周围？

五张卡片的面积和间距相同。目标是突出正中第三张。A 把第一张设为橙色，B 只把橙色分配给第三张，C 给每张不同颜色。哪张最直接符合目标？C 是否一定不好？

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 520" width="640" height="520" data-vf-case="practice-7" data-diagram-layout="wide" data-diagram-theme="native" role="img" aria-labelledby="case-practice-7-wide-title">
<title id="case-practice-7-wide-title">换成五张展品卡：重点怎样依赖周围？</title>
<rect width="100%" height="100%" fill="#f6f4ef"/>
<g transform="translate(0 0)">
<defs>
<clipPath id="case-practice-7-wide-0">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-practice-7-wide-0)">
<rect x="10" y="8" width="300" height="220" fill="#e9e6dc" />
<rect x="43" y="78" width="30" height="74" fill="#b7613d" />
<rect x="89" y="78" width="30" height="74" fill="#556e75" />
<rect x="135" y="78" width="30" height="74" fill="#556e75" />
<rect x="181" y="78" width="30" height="74" fill="#556e75" />
<rect x="227" y="78" width="30" height="74" fill="#556e75" />
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">A</text>
</g>
<g transform="translate(320 0)">
<defs>
<clipPath id="case-practice-7-wide-1">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-practice-7-wide-1)">
<rect x="10" y="8" width="300" height="220" fill="#e9e6dc" />
<rect x="43" y="78" width="30" height="74" fill="#556e75" />
<rect x="89" y="78" width="30" height="74" fill="#556e75" />
<rect x="135" y="78" width="30" height="74" fill="#b7613d" />
<rect x="181" y="78" width="30" height="74" fill="#556e75" />
<rect x="227" y="78" width="30" height="74" fill="#556e75" />
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">B</text>
</g>
<g transform="translate(0 260)">
<defs>
<clipPath id="case-practice-7-wide-2">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-practice-7-wide-2)">
<rect x="10" y="8" width="300" height="220" fill="#e9e6dc" />
<rect x="43" y="78" width="30" height="74" fill="#b7613d" />
<rect x="89" y="78" width="30" height="74" fill="#7f889d" />
<rect x="135" y="78" width="30" height="74" fill="#868050" />
<rect x="181" y="78" width="30" height="74" fill="#ad5875" />
<rect x="227" y="78" width="30" height="74" fill="#597c70" />
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">C</text>
</g>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 780" width="320" height="780" data-vf-case="practice-7" data-diagram-layout="compact" data-diagram-theme="native" role="img" aria-labelledby="case-practice-7-compact-title">
<title id="case-practice-7-compact-title">换成五张展品卡：重点怎样依赖周围？</title>
<rect width="100%" height="100%" fill="#f6f4ef"/>
<g transform="translate(0 0)">
<defs>
<clipPath id="case-practice-7-compact-0">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-practice-7-compact-0)">
<rect x="10" y="8" width="300" height="220" fill="#e9e6dc" />
<rect x="43" y="78" width="30" height="74" fill="#b7613d" />
<rect x="89" y="78" width="30" height="74" fill="#556e75" />
<rect x="135" y="78" width="30" height="74" fill="#556e75" />
<rect x="181" y="78" width="30" height="74" fill="#556e75" />
<rect x="227" y="78" width="30" height="74" fill="#556e75" />
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">A</text>
</g>
<g transform="translate(0 260)">
<defs>
<clipPath id="case-practice-7-compact-1">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-practice-7-compact-1)">
<rect x="10" y="8" width="300" height="220" fill="#e9e6dc" />
<rect x="43" y="78" width="30" height="74" fill="#556e75" />
<rect x="89" y="78" width="30" height="74" fill="#556e75" />
<rect x="135" y="78" width="30" height="74" fill="#b7613d" />
<rect x="181" y="78" width="30" height="74" fill="#556e75" />
<rect x="227" y="78" width="30" height="74" fill="#556e75" />
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">B</text>
</g>
<g transform="translate(0 520)">
<defs>
<clipPath id="case-practice-7-compact-2">
<rect x="10" y="8" width="300" height="220" rx="3"/>
</clipPath>
</defs>
<g clip-path="url(#case-practice-7-compact-2)">
<rect x="10" y="8" width="300" height="220" fill="#e9e6dc" />
<rect x="43" y="78" width="30" height="74" fill="#b7613d" />
<rect x="89" y="78" width="30" height="74" fill="#7f889d" />
<rect x="135" y="78" width="30" height="74" fill="#868050" />
<rect x="181" y="78" width="30" height="74" fill="#ad5875" />
<rect x="227" y="78" width="30" height="74" fill="#597c70" />
</g>
<text x="160" y="251" text-anchor="middle" font-size="21" font-family="sans-serif" fill="#555">C</text>
</g>
</svg>

<details data-vf-practice="7"><summary>先判断，再展开图解</summary>

B 利用周围四张的一致性，让第三张的色差更有针对性；面积和位置没有改动。A 也能建立重点，但强调的是第一张。C 削弱了“重复中的一次变化”，却可能适合展示五个并列类别。判断依据是当前要强调一个还是区分多个，不能把所有多彩排布都判为错误。

</details>

## 最后两个短自检

**情境一：** 主体放到了三分线交点上，但画面边缘一个很亮的物体更吸引你的注意。还需要调整吗？

<details><summary>展开参考思路</summary><p>如果目标是强调主体，就值得检查。位置只是因素之一；试着减少边缘物体的对比、调整裁切或改变两者的尺度关系，再看整体。符合辅助线不等于表达已经清楚。</p></details>

**情境二：** 一次修改同时移动主体、改变背景颜色并裁掉半张图，结果更合意。你能断定是哪一步起了作用吗？

<details><summary>展开参考思路</summary><p>不能直接归因。可以保留原图，分别只改位置、颜色或裁切，再并排比较。创作时可以综合调整，但学习某种关系时，一次少改几个因素更容易看清原因。</p></details>

这套入门方法到这里可以串起来使用：比较明暗，辨认体积，核对形状，寻找空间线索，描述颜色，再检查它们在整个画面中的分工。无需另做一张完整作品来证明学完；能在一张新图中指出关系、解释一个合理修改，就是有用的进步。

可选实践：对同一张照片尝试两种裁切，各用一句话说明重点。保留原图以便回看，不必追求某个唯一“正确构图”。

延伸阅读：[Getty：设计原则](https://www.getty.edu/education/teachers/building_lessons/formal_analysis2.html)、[Getty：用取景、位置和光照分析照片](https://www.getty.edu/education/teachers/classroom_resources/curricula/esl2/esl2_lesson05.html)。
