Week 04 · Fundamentals of Composition构图基础
Multiple Contrasts多重对比
在这一部分，我们将深入探索如何在设计中结合多种视觉对比与多种形式。这是更加现实的构图方式，展示了如何在设计中将不同的视觉元素和对比相互混合，创造更丰富、复杂的视觉效果。
1. 多重形式与对比的结合
组合形式与尺度（Scale + Form）
首先，让我们从形式和尺度的简单组合开始。通过将两种不同的形状和尺寸放在一起，我们可以创造出更具视觉吸引力的效果。
- 不同形式：两个不同形状、不同物体，尺寸上也存在差异。
- 视觉效果：这种简单的组合已经比单一元素更具视觉趣味性。
加入纹理（Form + Scale + Texture）
在之前的基础上，我们进一步加入了纹理元素。通过尺度、形状和纹理的结合，构图变得更加立体，产生了更强的视觉对比。
- 对比效果：形状和纹理的结合增加了层次感和视觉深度，使得整体设计更具吸引力。
增加元素的多样性，通常会让构图变得更具视觉冲击力。
2. 方向与空间的加入
加入方向元素
随着我们加入方向元素，构图的张力和动感逐渐增强。通过引入三角形，我们在已有的尺度、形状和纹理的基础上，加入了强烈的对角线方向感。
- 方向性：不同形状的布局让构图具有了明确的视觉引导性，尤其是对角线方向的运用，使得观众的视线被引导在不同形状之间穿梭。
加入空间元素（Form + Weight + Space）
当我们开始将空间加入其中时，构图变得更加生动，形状开始与背景互动，形成了有趣的前景与背景对比。元素不再是平铺直叙的排列，而是通过空间的拉伸与压缩，增加了视觉张力。
| 元素 | 效果 |
|---|---|
| 角度 | 三角形的角度指向圆形 |
| 紧张感 | 正方形接近边缘，产生视觉张力 |
| 色调对比 | 各形状的色调值差异明显 |
- 空间与构图：这些形状与背景的互动，使得每个形状都显得更加突出。
加入尺度变化
通过调整尺度，我们能够进一步减少构图的平面感，使得设计看起来更有深度和层次。尺度的变化和色调对比相结合，增加了空间感和视觉的前后推拉感。
3. 综合构图的进一步发展
加入方向与更多空间对比
在将所有元素结合后，我们的构图变得更加复杂和丰富。通过加强方向性、加入白色空间以及调整尺度，整体的视觉活动性显著增强。
- 方向性：强烈的对角线推动观众的视线，创造了一种动态的流动感。
- 空间感：通过白色空间的利用，使得构图不至于显得过于拥挤，同时增加了设计的呼吸感。
此时，设计元素之间的对比关系使得构图变得更加活跃和丰富。
4. 通过微小调整控制构图的精细度
当构图中元素过多时，可能会导致视觉上的噪音，使得设计显得过于拥挤或杂乱。此时，我们可以通过一些微调来控制视觉的层次感与元素间的关系。
微调实例
例如，可以通过缩小黑色正方形的尺度并增加白色三角形的尺度，来引导观众的视线向下，创造更多的白色空间。这一变化能显著影响观众如何解读和感受构图。
| 调整 | 效果 |
|---|---|
| 缩小黑色正方形 | 增加下方的白色空间 |
| 放大白色三角形 | 三角形变得更加突出 |
- 微小变化：看似简单的调整，却能带来不同的视觉效果，帮助设计更加有序、清晰。
进一步调整层次感
通过将浮动元素（如圆形与正方形）相互叠加，我们开始在构图中制造更多的深度感。层叠元素不仅增加了视觉复杂度，还为构图带来了张力和动感。
- 张力感：通过相互层叠的形状，产生了前后景深的对比，同时也激发了观众的视觉探索。
5. 最终调整：减少尺度与重叠
简化构图
在某些情况下，减少尺度或去除重叠可以使构图变得更加简洁和图形化。通过减少元素之间的互动，我们获得了更平面化的构图效果。
- 平面感：这种简化后的构图，给人一种二维平面的感觉，虽然仍然使用相同的元素，但去除重叠后，设计的视觉效果变得更加直观。
| 元素变化 | 效果 |
|---|---|
| 减少尺度 | 构图变得更简洁 |
| 减少重叠 | 增强视觉清晰度 |
- 设计感：尽管构图变得更加平面化，但每个元素之间的关系仍然具有趣味性，特别是两个圆形的关系，使得视线能够在白色空间之间跳跃。
总结
在设计中，理解如何将多重形式与多种视觉对比结合起来，是构图的核心。通过调整元素的尺度、方向、纹理和空间等，可以实现既复杂又和谐的视觉效果。而通过微小的调整，我们能够优化构图，控制视觉焦点，从而提升整体设计的表现力。
在实际创作中，多加思考和调整每个元素之间的关系，能有效帮助我们在复杂构图中找到平衡与美感。