设计构成——构图简介

设计中元素的排列对用户感知和与之交互的方式有着深远的影响。这就是为什么构图对于设计师来说是一个如此重要的概念。

为进一步探索设计组合奠定坚实的基础至关重要。一旦您了解了基础知识，您就可以扩展您的专业知识，成为创作作品的大师，让用户兴奋并让他们再次光顾。

设计构成

设计组合是文本、图像和其他 UI 元素在页面上排列、对齐和编译的方式。当构图做得好时，设计既美观又高效。 

作为设计师，我们通过应用设计原则来掌握构图。其中包括对比度、平衡、空白、层次结构、重复和节奏等。

构图也可以称为布局、设计或艺术品。

构图的用途

构图是一种结合元素来讲述故事的艺术方式。它适用于任何安排有意识思维的艺术媒介，包括音乐、写作、建筑、美术和设计。

2D构图

2D构图位于一个平面上——它们有长度和宽度，但没有深度。它们是从一个角度观看的，不需要侧视图。例如，房屋的蓝图将是2D构图。它们常见于绘画、摄影、计算机图形以及挂毯和彩色玻璃窗等工艺品中。

3D 构图

顾名思义，3D 对象具有三个维度：高度、宽度和深度。它们存在于三维空间中，即使在二维显示器上描绘时也是如此。在产品设计中，您最有可能在 3D 产品视图或说明性组件中看到它们。 

3D 场景合成

3D 场景是一些最复杂的设计组合形式。它们在 3D 场景中组合多个 3D 对象。因此，它们在透视和 2D 场景中不存在的对象之间的关系方面提出了额外的挑战。 

空间是 3D 构图中的关键元素。在创建 3D 合成时，重要的是要考虑对象如何从多个角度出现在该空间中，以及整体整体的位置。值得庆幸的是，我们被现实世界中的 3D 构图所包围，我们可以从中获得灵感。

叙事作文

叙事构图讲述了一个故事。就像一本小说，它有一个背景、人物和一个情节，随着用户的解读而展开。

叙事作品中的每一个元素都是有意的——没有什么是随机的。每一块都在那里为情节添加信息并向前推进。它甚至可以包括编码参考，为查看它的人增加额外的深度和兴趣。

一张图片胜过千言万语。依靠图像、视频和形状来帮助用户完成他们的旅程。

视觉构图

处理构图的一种方法是围绕突出的视觉元素构建它。他们将注意力吸引到构图中的特定焦点。与可以轻松分解为其基本元素的正式构图不同，视觉构图应该显得完整且不可分割。

正式构图

正式构图是最重要的 2D 构图类型，也可能是最难真正擅长的。它从基本的几何形状开始——正方形、圆形、三角形等——以传达意义或信息的方式排列。 

许多伟大的设计、摄影和美术作品都表现出对形式构图的强烈感觉和理解。

网页设计组成

好的构图需要坚实的基础。它使您可以吸引用户，帮助他们找到所需的信息，并传达您的信息。

我们都遇到过结构不佳的网站。我们无法找到我们正在寻找的信息并且迫不及待地离开的网站。坚实的构图可以防止您的设计分崩离析，为用户创造更愉快的体验。

构图应该易于理解

创建设计不佳的网站没有单一的公式。它们可能杂乱无章、杂乱无章、令人困惑，或者只是对用户不友好。糟糕的构图会让用户感到沮丧，并让他们再也不想回到该网站。

虽然一个糟糕的网站没有单一的公式，但有一种常见的方法可以创建一个好的组合：

1、选择一种格式。

2、使用网格。

3、组元素。

4、定义元素之间的交互。

最后，这是不正确的做法。

1、选择风格。

2、添加网格。

3、挤压网格内的所有内容（或完全忽略网格）。

好的构图可以让你控制叙事，更重要的是，控制用户旅程。

构图应该传达一段旅程

网页设计中构图的目的是影响用户旅程。想想用户将如何与您的设计进行交互——您希望他们立即注意到哪些元素，哪些元素不那么重要。规模和视觉层次是您安排元素以发出焦点信号的最佳朋友。

以自然地将用户引导到最重要部分的方式放置元素，例如示例中的 CTA 按钮。

本文内容为转载