每个设计师在设计上都使用文字、形状、图像/插图、颜色、纹理和其他设计元素。其中一些元素在设计中结合在一起。例如，要制作主按钮，我们使用文本、颜色和形状。虽然我们在设计上使用了相同的元素，为什么设计看起来彼此不同？不同的是正确使用这些元素，并更好地与所有这些组成。很好地利用这些元素可以做出更好的设计。设计原则在这里发挥着至关重要的作用。这些原则告诉我们如何组织、整理、装饰这些元素。如果我们知道设计原则，我们将能够区分好的设计与坏的设计。我将在这里描述一些最重要的原则。

层次结构

层次结构是当一个元素在设计中与其他元素相比显得更重要时。另一方面，视觉层次结构是一种在视觉重要性上排列设计元素的方法。

如何在设计中建立层次结构

层次结构是一个安排概念。它通过定义设计元素的重要性来确定。它可以使用适当的大小，重量，形状，颜色，白色空间，和对齐建立。标题是设计元素中最重要的部分，因此它应该比子标题和段落更大、更大胆。为了使 CTA 更加可识别，我们可以将形状与按钮文本相结合。请参阅下面的蓝色收据如何在其网站标题上建立层次结构的图像。

蓝色收据根据元素的重要性组织其网站内容。

1. 它们的标题比段落文本更重要。他们使用不同的重量和大小，使它更大，更大胆。
2. 此段在此处不太突出。通过使用不同的尺寸，它们使得它不那么重要。
3. 主按钮最突出，不同于这里的其他元素。圆形和蓝色的使用使其更加突出。

强调

强调定义了吸引用户注意的界面中的焦点。它可能是设计的图像、按钮或内容。此概念用于区分有关设计的最重要的信息。

如何强调设计元素

使用线条、形状和颜色，我们可以强调来自其他元素的元素。此技术还用于创建元素层次结构。

查看下图;盒子上有很多青苹果。但这里有一个苹果是红色的。你的眼睛不是先盯着红苹果吗？你为什么先看到红苹果？

图片来源网络

因为红色的看起来和所有其他苹果都大不相同。颜色使这里不同，这就是强调技术。我们可以在视觉设计中使用类似的技术。

在我们之前的示例中，标题文本大于其他元素。但再次看到图像，如果你仔细看，你可以看到在标题文本，他们使用的黑色和蓝色。通过使用不同的颜色，它们强调蓝色文本。

视觉平衡

平衡是任何构图中设计元素（如颜色、空间或视觉重量）的分布。与任何其他设计原则，平衡在设计中做出良好的构图起着至关重要的作用。

我们在设计中结合了许多元素，如文字、形状、图像、颜色等。为了在视觉上进行完美的设计，应平衡这些元素的使用。设计中有四种平衡。它们是：

• 对称平衡
• 不对称平衡
• 径向平衡
• 马赛克平衡

对称和不对称平衡主要用于 UI 设计。我们可以看到径向平衡主要用于创造性的布局设计。

对称平衡是一种视觉平衡，设计构图与中心点的距离均等。

看看蓝色收据如何对称地平衡他们的头。元素与中心点的距离相同。对称平衡发生时，你有两个相同的侧面的设计与中心点，所以如果你削减一半的设计，左右是彼此的镜像。要被认为是完全对称的，设计需要有同样加权的视觉效果在两侧。

不对称平衡是设计元素在构图两侧的不平等分布。

不对称布局的设计更具挑战性。在不对称的平衡中，元素大小不相等，位置不固定。

对齐

在设计中，对齐是组织设计元素的一种技术。它帮助我们制作易于阅读和视觉上有吸引力的设计。设计中有两种类型的对齐：这些是边缘对齐和中心对齐。

边缘对齐有四种类型的对齐：

• 左对齐
• 右对齐
• 顶部对齐
• 底部对齐

边缘对齐用于在任何元素的边缘组织元素。

查看蓝色收据如何使用边缘对齐。他们在这里使用左对齐和右对齐。它们的内容是左对齐的，图像在右对齐中。

中心对齐有两种类型的对齐：

• 水平中心对齐
• 垂直中心对齐

中心对齐用于在任何元素的假想中轴上组织元素。对齐很重要，因为它有助于我们设计视觉有序和有吸引力的界面。

结论

我在这里描述了四个重要的设计原则。考虑到这些原则，现在您可以区分好设计和坏设计。查看更多设计，并尝试查找设计师使用这些原则的位置。

作者：Sah Newaj Mazumder