January 1, 2020

平面设计三大构成：点线面的视觉魔法

学设计的人，一定听过"三大构成"—— 平面构成、色彩构成、立体构成。

这是现代设计教育的基础，源自德国的包豪斯（Bauhaus）。 可以说，没有三大构成，就没有现代设计。

很多人觉得："点线面？小学生都知道，有什么好学的？"

但真正的高手都懂——最复杂的设计，往往是由最简单的元素构成的。

点、线、面，就是设计的"原子"。 所有的视觉作品，拆解到最后，都是点线面的组合。

这篇文章，我们就从最基础的点线面开始，聊聊平面构成的核心逻辑。

什么是平面构成？

在讲具体内容之前，我们先搞清楚：平面构成到底是什么？它为什么重要？

平面构成 = 视觉的"语法"

如果说色彩是设计的"词汇"，那平面构成就是设计的"语法"。

词汇再丰富，语法不对，说出来的话就不通顺。 同样，颜色再好看，构成不对，画面就会乱、会散、会没重点。

平面构成研究的是：

• 怎么把视觉元素组织起来？
• 怎么让画面有秩序、有层次？
• 怎么引导用户的视线？
• 怎么传递情绪和感觉？

它是所有视觉设计的基础——

• 平面设计要用
• UI 设计要用
• 网页设计要用
• 品牌设计要用
• 甚至建筑、服装，也离不开构成的原理

包豪斯与构成的起源

说到构成，就不得不提包豪斯。

1919 年，格罗皮乌斯（Walter Gropius）在德国魏玛创立了包豪斯学校。 这是现代设计的摇篮。

在包豪斯之前，设计更多是"艺术"——靠感觉、靠天赋、靠经验。 包豪斯把设计变成了"科学"——可以拆解、可以学习、可以传授。

他们把复杂的视觉现象，拆解成最基本的元素：

• 点
• 线
• 面
• 形
• 色
• 光

然后研究这些元素的组合规律。 这就是"构成"的起源。

一百多年过去了，包豪斯的理念依然影响着今天的设计。 我们今天学的三大构成，就是从包豪斯传承下来的。

学习构成到底在学什么？

学构成，不是学"怎么画点线面"。 而是学——怎么用点线面来"说话"。

同样的几个点，放在不同的位置，给人的感觉完全不一样：

• 居中的点 → 稳定、庄重
• 偏左的点 → 活泼、有动感
• 角落的点 → 压抑、紧张
• 一大一小两个点 → 有主次、有节奏

这就是构成的语言。

学构成，就是学这套视觉语言的"语法"和"词汇"。 学会了，你就能有意识地用画面来传递信息、表达情感。

点：最小的视觉单位

我们从最小的元素——点，开始讲。

什么是"点"？

从几何上说，点只有位置，没有大小。 但在设计里，点是有大小、有形状、有颜色的。

怎么判断一个元素是不是"点"？ 不是看它的绝对大小，而是看它和周围环境的比例。

比如：

• 夜空中的星星 → 是点
• 墙上的一颗钉子 → 是点
• 人站在旷野里 → 是点
• 但如果把人脸放大，眼睛就成了"面"

点的本质：

• 它是视觉的"最小单位"
• 它是画面的"焦点"
• 它能吸引视线，形成视觉张力

点的视觉特性

1. 吸引注意力 点是画面中最容易被注意到的元素。 一个点放在那里，你的视线会不由自主地被它吸引过去。

这就是为什么——

• 重要的信息要做成"点"的形态
• 海报的标题往往是一个视觉"点"
• 按钮也是界面上的"点"

2. 形成视觉张力 点放在画面的不同位置，会产生不同的"力"。

• 点在中心 → 稳定、平静、庄重
• 点偏上 → 上升、轻盈、积极
• 点偏下 → 下沉、稳重、压抑
• 点在角落 → 紧张、局促、不安

这个"力"，是我们大脑想象出来的，不是真的存在。 但它确实会影响我们的感受。

3. 点的大小和数量

• 一个点 → 孤独、焦点
• 两个点 → 关系、张力、连接（你会不自觉地在两点之间连线）
• 三个点 → 三角形、面感
• 很多点 → 群体、纹理、面

点越多，点的"个性"就越弱，"群体"的感觉就越强。 大量的点聚在一起，就会变成"面"，或者形成"纹理"。

点的排列方式

点的排列方式不同，给人的感觉也完全不同。

1. 有序排列

• 等间距的点 → 秩序、规律、稳定
• 有规律变化的点（大小渐变、位置渐变）→ 节奏、韵律、方向感

2. 无序排列

• 随机散布的点 → 自由、活泼、混乱
• 疏密变化的点 → 有层次、有重点、有张力

3. 错觉现象 点的排列还会产生有趣的视觉错觉。 比如：

• 同样大小的点，被大的东西包围就显得小，被小的东西包围就显得大
• 排列整齐的点，加上一些干扰线，看起来就歪了

这些错觉，是视觉的"bug"，但也是设计可以利用的"特效"。

点在设计中的应用

点在设计中，用处非常多。

1. 作为视觉焦点

• Logo 里的圆点
• 标题旁边的小圆点
• 界面上的通知红点
• 用一个点来吸引注意力，强调重点

2. 作为装饰元素

• 背景里的波点
• 渐变的圆点
• 用点来做纹理和装饰
• 增加画面的细节和层次感

3. 作为信息的可视化

• 图表里的数据点
• 地图上的标记点
• 时间轴上的节点
• 用点来表示位置、数量、状态

4. 形成节奏和韵律

• 大小变化的点 → 节奏感
• 疏密变化的点 → 层次感
• 连续的点 → 引导视线的流动

不要小看一个点。 用好了，一个点就能撑起整个画面。

线：点的运动轨迹

点动成线。 线，是点运动留下的轨迹。

什么是"线"？

线的本质是"长度"远大于"宽度"。 和点一样，线也是相对的——

• 一根针放在桌子上 → 是线
• 但如果把针放大，它就变成了"圆柱体"（立体的面）

线的作用：

• 连接：把东西连起来
• 分割：把画面分开
• 引导：引导视线的流动
• 表达：传递情绪和感觉

线的种类与性格

不同的线，有不同的"性格"。

1. 直线

• 水平线：平静、稳定、广阔、地平线的感觉
• 垂直线：挺拔、庄严、向上、力量感
• 斜线：动感、活力、不稳定、有方向感
• 直线整体给人的感觉：理性、坚硬、直接、男性化

2. 曲线

• 圆弧：圆润、柔和、饱满
• 自由曲线：优雅、流动、自然、有机
• 波浪线：韵律、节奏、流动感
• 曲线整体给人的感觉：感性、柔软、优雅、女性化

3. 特殊的线

• 虚线：间接、断续、辅助、不确定
• 粗线：力量、厚重、突出
• 细线：精致、细腻、微弱
• 折线：锋利、尖锐、有棱角

线的视觉特性

1. 引导视线 线最大的作用，就是引导视线。

你的视线会不自觉地沿着线走——

• 一条水平线，你的视线会从左看到右
• 一条斜线，你的视线会从上看到下
• 一个螺旋线，你的视线会被吸到中心

这就是"视觉引导"—— 不用说话，用线就能把用户的注意力引到你想让他看的地方。

2. 分割画面 线可以把一个画面，分成好几个区域。

• 垂直线 → 左右分
• 水平线 → 上下分
• 曲线 → 更自由的分割

分割之后，每个区域可以放不同的内容。 有了分割，画面就有了秩序和层次。

3. 表达情绪 不同的线，传递不同的情绪。

• 直线 → 冷静、理性
• 曲线 → 温柔、感性
• 粗线 → 力量、霸气
• 细线 → 精致、细腻
• 斜线 → 动感、紧张
• 乱线 → 混乱、烦躁

甚至，线的"速度感"也不一样——

• 水平线最慢
• 斜线最快
• 曲线有弹性

线在设计中的应用

1. 分隔内容

• 分割线：把不同的内容分开
• 边框：把内容框起来
• 栅格线：建立秩序（虽然用户看不到，但它在背后起作用）

2. 引导视线

• 时间轴：一条线串起所有内容
• 流程图：箭头线引导流程
• 页面里的视觉引导线：把用户视线引向 CTA 按钮

3. 营造风格

• 细线风：精致、高端、极简
• 粗线风：力量、潮流、街头
• 曲线风：优雅、柔美、女性化
• 直线风：理性、科技、极简

4. 图标和插画

• 线性图标：用线条画的图标，简洁、轻盈
• 线稿插画：只用线条的插画，有手绘感
• 描边风格：有轮廓线的风格

线是设计里最常用的元素之一。 用好了线，你的设计就有了"骨架"和"气质"。

面：线的移动形成面

线动成面。 面，是线移动留下的轨迹。

什么是"面"？

面有长度和宽度，但没有厚度（在平面里）。 它是二维的，有形状、有大小、有颜色、有质感。

面的作用：

• 承载内容
• 分割空间
• 建立层次
• 表达情绪

如果说点是"星星"，线是"骨架"，那面就是"皮肤"——它占据了画面的大部分面积。

面的种类与性格

1. 几何形

• 圆形：圆满、柔和、完整、温暖
• 方形：稳重、方正、可靠、秩序
• 三角形：稳定、锐利、方向感
• 几何形整体：理性、秩序、简洁、现代

2. 有机形

• 不规则的、自然的形状
• 比如：云朵、树叶、水滴、鹅卵石
• 感觉：自然、温暖、柔软、有生命力

3. 偶然形

• 不小心弄出来的、随机的形状
• 比如：泼墨、撕纸、水渍、烟雾
• 感觉：自然、随性、艺术感、不可预测

4. 面的"正负" 一个有趣的概念：正负形（图底关系）。

• 黑色的部分是"图"（正形）
• 白色的部分是"底"（负形）

但有时候，正负形是可以转换的—— 你盯着黑色看，黑色是图，白色是底； 你盯着白色看，白色是图，黑色是底。

最经典的例子就是"鲁宾之杯"—— 你看到的是一个杯子，还是两个人脸的侧面？

正负形用得好，会非常巧妙，让人回味无穷。

面的视觉特性

1. 面积感 面的大小，直接影响它的分量。

• 大的面 → 分量重、存在感强、视觉焦点
• 小的面 → 分量轻、点缀、辅助

同样一个形状，放大了和缩小了，给人的感觉完全不一样。

2. 形状感 不同形状的面，有不同的性格。 我们刚才已经讲过了——圆的软，方的硬，三角的锐。

3. 质感 面不只是平的，它还可以有质感。

• 光滑的面 → 精致、科技、冷
• 粗糙的面 → 自然、温暖、有温度
• 磨砂的面 → 高级、含蓄、有质感

质感，是面的"皮肤"，能让设计从"平"变"立体"。

面在设计中的应用

1. 背景

• 纯色背景
• 渐变背景
• 有纹理的背景
• 背景是最大的"面"，决定了整个画面的基调

2. 卡片和容器

• UI 里的卡片
• 海报里的内容框
• 用"面"来承载内容，把信息分组

3. 图形元素

• 几何图形装饰
• 色块分割画面
• 用形状来营造风格

4. 留白也是"面" 很多人容易忽略——留白也是面，而且是非常重要的面。

• 白色的背景，就是一个大的面
• 它给画面提供了呼吸感
• 它衬托了其他元素

不会用留白的设计师，不是好设计师。

点线面的组合关系

点、线、面，不是孤立的。 它们组合在一起，才能形成完整的画面。

点线面的层级关系

一个画面里，点线面通常是这样的关系：

• 点：最上层，最醒目，是焦点
• 线：中间层，是骨架，是引导
• 面：最下层，是背景，是承载

就像一座房子——

• 面是墙和地板（承载）
• 线是钢筋和梁柱（骨架）
• 点是灯和装饰（焦点）

当然，这不是绝对的。 有时候面也可以成为焦点，点也可以是背景。 但大部分情况下，这个层级关系是成立的。

点线面的转换

点线面不是固定的，它们可以互相转换。

• 很多点排在一起 → 变成线
• 很多线排在一起 → 变成面
• 面缩小了 → 变成点
• 点放大了 → 变成面

这种转换，在设计里非常常见。

比如：

• 一排文字，远看是"线"，近看每个字都是"点"
• 一面砖墙，远看是"面"，近看每块砖都是"面"
• 一片星空，远看是"面"，近看每颗星都是"点"

好的设计，近看有细节，远看有整体—— 这就是点线面不同层级的共同作用。

案例：蒙德里安的格子画

我们之前在色彩里提到过蒙德里安。 现在从构成的角度，再看看他的画。

蒙德里安的画，就是点线面的教科书——

• 黑色的水平线和垂直线 → 线（骨架）
• 白色和彩色的方块 → 面（色块）
• 有时候，小色块就像"点"

他用最简单的元素，创造了最有秩序的美。 每一条线的位置，每一块色的大小，都经过精心的计算。

这就是构成的魅力—— 不需要复杂的东西，只用点线面，就能做出传世的作品。

平面构成的基本形式

点线面是元素，那这些元素怎么排列组合呢？ 这就是"构成形式"要研究的问题。

1. 重复构成

什么是重复？ 同一个元素，重复出现。

特点：

• 秩序感强
• 整齐划一
• 有节奏感
• 容易形成统一的视觉风格

例子：

• 墙纸的花纹
• 地砖的排列
• 图标系统（同样的风格重复出现）
• 栅格系统（重复的列和行）

重复是最简单、最常用的构成形式。 但要注意：重复太多了，会单调、会无聊。

2. 渐变构成

什么是渐变？ 元素按照一定的规律，逐渐变化。

• 大小渐变
• 位置渐变
• 颜色渐变
• 形状渐变
• 方向渐变

特点：

• 有节奏感
• 有韵律感
• 有方向感
• 容易引导视线

例子：

• 由大到小的圆 → 空间感、纵深感
• 颜色从深到浅 → 层次感
• 形状慢慢变化 → 生长感、流动感

渐变更高级，也更有美感。

3. 特异构成

什么是特异？ 大部分元素都是一样的，只有一两个是不一样的。

特点：

• 对比强烈
• 那个"不一样"的，会非常突出
• 一下子就能抓住注意力
• 有"万绿丛中一点红"的感觉

例子：

• 一排黑色的圆里，有一个红色的 → 红色的就是焦点
• 一排正着的图标里，有一个倒着的 → 倒着的就很突出
• 一群人里，只有一个人抬头 → 你一眼就会看到他

特异是强调重点的好方法。 想让用户看哪里，就让哪里"不一样"。

4. 对比构成

什么是对比？ 元素之间有明显的差异，形成对比。

对比的维度：

• 大小对比
• 形状对比
• 颜色对比
• 方向对比
• 疏密对比
• 虚实对比
• 明暗对比

特点：

• 有冲突，有张力
• 画面生动，不平淡
• 层次分明，重点突出

没有对比，就没有设计。 这句话有点绝对，但很有道理。 全是一样大、一样颜色、一样形状的东西，那不是设计，那是清单。

好的设计，一定有对比—— 有大有小，有深有浅，有疏有密，有虚有实。

5. 发射构成

什么是发射？ 元素从一个中心（或者几个中心）向外发散，或者向内聚集。

特点：

• 有强烈的焦点
• 有动感和方向感
• 有空间感和纵深感
• 很有视觉冲击力

例子：

• 太阳的光芒
• 自行车的辐条
• 靶子的圆环
• 烟花的爆炸

发射的视觉冲击力很强，适合用在需要吸引眼球的地方。

6. 密集构成

什么是密集？ 元素在某些地方很密集，在另一些地方很稀疏。

特点：

• 有疏密的节奏
• 有层次感
• 密集的地方就是视觉焦点
• 很自然，很有机

例子：

• 人群（有的地方人多，有的地方人少）
• 星星（有的地方密，有的地方疏）
• 粒子效果

密集构成比重复构成更自然，更有生命力。

7. 空间构成

什么是空间？ 在二维的平面上，表现出三维的空间感。

怎么营造空间感？

• 大小变化：近大远小
• 重叠：前面的挡住后面的
• 透视：线条向远处汇聚
• 明暗：亮的靠前，暗的靠后
• 模糊：清晰的靠前，模糊的靠后
• 颜色：暖色调靠前，冷色调靠后

特点：

• 有纵深感
• 层次丰富
• 更真实，更有代入感

平面设计虽然是二维的，但好的设计一定有"空间感"—— 不是平的，而是有层次、有前后、有深度的。

8. 肌理构成

什么是肌理？ 就是表面的纹理、质感。

比如：

• 木头的纹理
• 布料的质感
• 纸张的纤维
• 金属的光泽
• 水的波纹

特点：

• 增加细节和真实感
• 提升品质感
• 让画面不"平"
• 传递触感（虽然摸不到，但视觉上能感受到）

肌理，是设计的"皮肤"—— 好的肌理会让设计变得"高级"，变得"有温度"。

形式美法则：好设计的底层规律

说了这么多构成形式，它们背后有没有共同的规律？

有的。 这些规律，叫做"形式美法则"。

1. 对称与均衡

对称

• 左右对称、上下对称、中心对称
• 特点：稳定、庄重、整齐、完美
• 缺点：太对称了会呆板、无聊

均衡

• 不是完全对称，但视觉重量是平衡的
• 左边一个大的，右边一个小的但位置靠外 → 视觉上平衡
• 特点：稳定中带着变化，更活泼，更自然

好的设计，不一定是对称的，但一定是均衡的。 就像天平——两边的东西不一样重，但秤是平的。

2. 对比与调和

对比

• 差异越大，对比越强
• 对比强 → 有冲击力、有活力
• 对比弱 → 平淡、无聊

调和

• 元素之间有共同点，协调统一
• 调和好 → 和谐、舒服、统一
• 太调和 → 单调、没个性

好的设计，是对比和调和的平衡——

• 既有对比，又不混乱
• 既和谐，又不平淡

就像做菜—— 调和是"同样的食材和口味"，对比是"酸甜苦辣的搭配"。 只有调和没有对比，太淡；只有对比没有调和，太乱。

3. 节奏与韵律

节奏

• 有规律的重复和变化
• 比如：大小大小、长短长短、疏密疏密
• 节奏是"规律"

韵律

• 节奏的变化和流动
• 比如：渐强渐弱、渐快渐慢
• 韵律是"感觉"

有节奏有韵律的设计，看起来就像音乐一样—— 有快有慢，有高有低，有起有伏。

用户看的时候，视线会跟着节奏走，非常舒服。

4. 比例与尺度

比例

• 部分和部分、部分和整体之间的大小关系
• 好的比例，看起来就是舒服

最经典的比例就是黄金分割（1:1.618）。 还有斐波那契数列、根号矩形等等。

尺度

• 元素的大小是否合适
• 比如：按钮不能太小（点不到），也不能太大（太蠢）
• 标题不能太小（看不见），也不能太大（太夸张）

比例和尺度，是设计最基础的"分寸感"。 多一分太多，少一分太少。 刚刚好，才是最好的。

5. 变化与统一

这是形式美法则的总纲。

变化

• 元素各不相同，有多样性
• 没有变化 → 单调、无聊

统一

• 元素之间有联系，有整体感
• 没有统一 → 混乱、零散

好的设计，是变化中求统一，统一中求变化。

• 全变了 → 乱
• 全不变 → 呆
• 既有变化，又有统一 → 既有意思，又有秩序

怎么做到？

• 形状不同，颜色统一
• 颜色不同，大小统一
• 大小不同，风格统一

总有一个统一的因素，把变化的元素串起来。

这就是设计最难，也最有魅力的地方。

平面构成在 UI/UX 中的应用

很多人觉得，平面构成是"平面设计"的东西，和 UI/UX 没关系。

错了。 UI 设计本质上，就是"屏幕上的平面设计"。 构成的原理，在 UI 里同样适用。

栅格系统：秩序的基础

UI 设计里的栅格系统，就是重复构成 + 比例原则的应用。

• 重复的列 → 秩序感
• 统一的间距 → 节奏感
• 合理的比例 → 舒适感

有了栅格，页面就有了"隐形的骨架"—— 所有元素都对齐在栅格上，自然就整齐了。

视觉层级：对比和层级

UI 里的视觉层级，就是对比原则的应用。

• 标题大、粗、深 → 对比强 → 层级高
• 正文中等 → 对比中等 → 层级中
• 注释小、浅 → 对比弱 → 层级低

通过字号、字重、颜色的对比，建立清晰的层级。 用户扫一眼，就知道什么重要，什么不重要。

留白：呼吸的空间

UI 里的留白，就是"负形"和"空间感"的应用。

留白不是"空的地方"—— 它是设计的一部分。

• 元素周围有留白 → 元素更突出
• 段落之间有留白 → 更易读
• 页面有足够留白 → 更高级、更透气

不会用留白的设计师，做出来的界面永远是"挤"的、"乱"的。

视觉引导：线和方向

UI 里的视觉引导，就是"线"的引导作用的应用。

• 一条时间轴 → 引导用户从上往下看
• 左图右文 → 引导用户从左看到右，最后落在右边的按钮上
• 卡片的排列 → 引导用户的浏览路径

好的 UI，不用说话，就能引导用户完成操作。 这就是"线"的魔力。

按钮：点的应用

按钮，就是界面上的"点"。

• 它是焦点
• 它吸引注意力
• 它是用户操作的目标

为什么按钮要做成圆角矩形？ 为什么按钮要有颜色？ 为什么按钮要和其他元素不一样？

都是为了让它成为一个"点"—— 一个用户一眼就能看到、一眼就想点的点。

经典案例分析

案例一：康定斯基——把音乐画成画

瓦西里·康定斯基（Wassily Kandinsky），是抽象艺术的先驱，也是包豪斯的老师。

他最厉害的地方是——他认为绘画和音乐是相通的。

• 颜色 = 音色
• 形状 = 音符
• 构图 = 旋律

他的画，就是用点线面和颜色"演奏"出来的音乐。

他的构成特点：

1. 点线面的交响

• 画面里有各种点、各种线、各种面
• 它们组合在一起，形成丰富的层次
• 就像交响乐——有高音、有低音、有弦乐、有管乐

2. 动感和节奏

• 斜线、曲线 → 动感
• 元素的大小变化、疏密变化 → 节奏
• 看着他的画，你能感觉到"运动"和"声音"

3. 情感的表达

• 不同的形状和颜色，传递不同的情绪
• 有的画很热烈，有的画很平静
• 有的画很混乱，有的画很有序

康定斯基告诉我们： 抽象的点线面，也能表达强烈的情感。 不一定非要画具体的东西。

案例二：原研哉的无印良品海报——"空"的构成

原研哉为无印良品做的"地平线"系列海报，是极简构成的典范。

画面里有什么？

• 天空（上半部分的面）
• 大地（下半部分的面）
• 地平线（中间的线）
• 小小的 logo（点）

就这么简单。

但就是这么简单的构成，传达出了非常丰富的感觉——

• 空
• 广阔
• 宁静
• 自然
• 无限

它的构成好在哪里？

1. 极致的简洁

• 元素少到不能再少
• 但每一个元素都在它该在的位置

2. 完美的比例

• 天和地的比例，刚刚好
• 不偏不倚，不挤不空

3. 大量的留白

• 大面积的"空"
• 给用户留下了想象的空间

4. 点的画龙点睛

• 那个小小的 logo，就是画面的"点"
• 没有它，画面就真的"空"了
• 有了它，画面就有了"焦点"和"归属"

这就是构成的最高境界——少即是多。 元素越少，每个元素的分量就越重。

案例三：索尔·巴斯——极简电影海报大师

索尔·巴斯（Saul Bass），是平面设计史上的传奇人物。 他最擅长用最简单的图形，讲最完整的故事。

他做过很多经典的电影海报——

• 《精神病患者》
• 《金臂人》
• 《西北偏北》
• ……

他的设计特点：

1. 极简的图形

• 只用简单的几何形状
• 没有多余的细节
• 但你一眼就能看懂是什么

2. 强烈的对比

• 黑和白
• 大和小
• 疏和密
• 对比强烈，记忆点强

3. 用图形讲故事

• 不是简单地"画一个东西"
• 而是用图形来传达电影的氛围和主题
• 看到海报，你就能感受到电影的感觉

索尔·巴斯的设计告诉我们： 好的设计，不是画得有多像，而是传得有多准。

用最简单的元素，传递最准确的感觉——这才是真功夫。

怎么练习构成能力？

构成能力不是天生的，是练出来的。

给你几个练习方法：

练习一：形状减法

找一张复杂的图片（比如照片），然后把它简化——

• 只用点、线、面
• 只用黑白
• 尽量少的元素
• 但要保留原图的感觉和主体

这个练习，可以锻炼你——

• 提炼核心信息的能力
• 抽象思维能力
• 用最少元素表达最多信息的能力

练习二：纯文字排版

找一段文字（比如一篇文章的标题 + 摘要），然后做排版——

• 只用文字，不能加图片和装饰
• 只能用一种字体
• 靠字号、字重、间距、对齐来做出层次和美感

这个练习，可以锻炼你——

• 排版能力
• 层级意识
• 节奏控制

很多大师都说，纯文字排版是最难的。 因为你没有东西可以"作弊"—— 好不好看，全看排版的功力。

练习三：正负形游戏

用一个简单的形状（比如圆、方、三角），做正负形的练习——

• 黑色是图，白色是底
• 试着让白色的负形也变成一个有意思的形状
• 黑白都能看，都有意义

这个练习，可以锻炼你——

• 图形思维
• 负形意识
• 巧妙的创意能力

练习四：九宫格构图

拿一张白纸（或者 Figma 画框），分成九宫格。 然后用最简单的元素（点、线、面），在里面做构图——

• 每种构成形式都试试（重复、渐变、特异、对比……）
• 每种情绪都试试（开心、悲伤、平静、紧张……）

不用画得很复杂，小小一个格子就行。 这个练习，主要是练你的"构成感"和"画面感"。

练得多了，你看到一个画面，本能地就知道—— "这个元素应该放这里" "这里太空了，那里太挤了" "这里需要一个对比"

这种感觉，就是设计师的"直觉"。

---

写在最后

三大构成，是设计的基本功。

但很多人学完了，就忘了—— 觉得"这些东西太基础了，没用"。

但实际上，越是高手，越重视基础。 因为他们知道—— 所有复杂的技巧，拆解到最后，都是最基础的东西。 所有精彩的创意，落到实处，都是点线面的排列组合。

点、线、面，看起来很简单。 但它们的组合，可以千变万化，可以创造出无限的可能。

就像——

• 音乐只有 7 个音符，但可以写出无数的旋律
• 文字只有几千个，但可以写出无数的文章
• 化学元素只有一百多种，但组成了整个物质世界

设计也是一样。 学好了点线面，你就掌握了视觉世界的"元素周期表"。 剩下的，就是怎么组合、怎么运用、怎么表达。

这条路很长。 但每走一步，你都会看到不一样的风景。

愿我们都能在点线面的世界里，找到属于自己的秩序和美。