对称创造平衡，平衡在设计中创造和谐、秩序和美学上令人愉悦的结果。它在自然界中无处不在，这可能就是我们为什么会觉得它如此美丽的原因。对称是数学的基本原理之一形态论这是一种人类行为理论，该理论认为，我们的大脑会自然地为我们看到和遇到的事物创造秩序和完整性。
然而，对称会让人厌烦。不对称是对对称的打破，如果使用得当，会让事情变得更有趣。我们也会讲到不对称。
设计师如何将对称作为一种工具?在本指南中，我们将把对称作为设计的一部分，涵盖对称的基本概念、一些对称技术、技巧和最佳实践，并讨论几个体现对称的网站。
类型的对称
对称有三种类型:反射对称(双侧对称)、旋转对称(径向对称)和平移对称。每一种都可以在设计中用来创造强烈的兴趣点和视觉稳定性。
反射对称
反射对称也被称为双边对称。这就是“镜像”效应，或者当一个物体在一个平面上被反射，从而创建另一个自身的实例。
我们想到的最常见的反射类型，也是我们在自然界中最常见的反射类型，是水平反射(蝴蝶，人体)，中轴是垂直的。
反射对称可以呈现在任何方向上:垂直的、对角线的，以及两者之间的任何方向。
旋转对称
旋转对称(或径向对称)是指物体围绕某一点沿某一方向旋转。
从花朵的花瓣到水母的顶部视图，自然界的一切都存在旋转对称。在艺术和设计中，旋转对称可以用来描绘运动或速度。
即使在静态介质上，旋转对称也能传递动作。
平移对称
平移对称是指一个物体被重新定位到另一个位置，同时保持其大致或确切的方向。在下面的例子中，我们以相同的间隔移动了一个对象几次。为了保持平移对称，这些间隔不一定是相等的;它们只需要成比例。
平移对称可以用来创建图案，比如平铺的网站背景和重复的设计元素。它也可以有策略地使用，更深刻地创造运动和速度的感觉，就像旋转对称。
不对称
不对称就是不对称。不对称也可以表示一个物体打破了预定义的对称模式，或设计元素的不平衡。不对称可以作为一种设计工具，在一组相似的元素中创建兴趣点和组织视觉层次。
它创造了一种无序，这种无序可以让人们注意到设计的某些要点区别．在自然界中，我们可以在树枝、云和动物的皮毛上看到不对称。
我们可能会觉得不对称很吸引人，因为它能给原本井然有序的设计带来视觉上的复杂性和变化。
不对称与对称
视觉上不对称的物体比对称的物体更重。因此，对称对于图案、背景、总体布局、内容和其他任何视觉上被动的东西都是很好的。不对称能有效地吸引注意力，打破单调。
对称/不对称设计技巧和最佳实践
在设计中使用对称(或不对称)时，有几个最佳实践你应该记住。
使用对称战略
策略性地使用对称(以及对称的缺失)是一个强大的设计工具。那些需要更多稳定性、强大的组织结构和经典的、值得信赖的信息的设计，往往会在设计中使用更多的对称性。对于喜欢冒险的设计，提供不对称可以强化信息。
你可以用不对称来点缀原本井然有序、枯燥乏味的设计。
平移对称对布局结构有好处
保持内容块的大小大致相同，并在一个网页或打印块上跨越它们是保持对称的一个很好的方法，同时为所有必要的文本和图像保持足够的空间。例如,许多网格布局系统(例如960网格系统)表现出平移对称，因为它们打破了柱的宽度，以保持平衡和比例。
使用旋转对称来传达运动和动作
即使在平面静止的介质中，旋转对称也可以模拟运动。它还可以推断进步或向前移动。
使用不对称来吸引注意力
总体而言，不对称可以让设计更有趣，但它还有另一个主要目的:吸引注意力，创造视觉层次。有时，设计可以故意打破平衡，以引导观众的眼睛到某个区域。
跟随你的直觉
对称是自然的。如果你知道完形原则，那么你肯定已经知道，我们的大脑会在我们遇到的事物中创造对称和平衡。我们的身体具有自然的对称性。
对称性在自然界中存在，我们身边也有对称性。如果某些东西看起来或感觉不平衡，那么它可能就是不平衡的。
网页设计中的对称:例子
下面你会看到15个对称和不对称在设计中如何运用的例子。从对称的使用，我们可以看到每一个设计是如何描绘特定的信息，那些有更多的对称的设计更平静和有组织，而那些有更多的不对称往往更非传统和有机。捕鲸委员会
在IWC网站上，我们看到平移对称和反射对称。
许多元素和内容块居中，并均匀比例在两边创建反射对称，我们可以看到内容部分保持相同的大小，然后在页面上平移。通过在整个设计中使用这两种对称形式，这个网站有一个非常稳定和专业的外观。蓄热器
Regenerator是网页设计中反射对称的一个很好的例子。
从标志到中心部分(一个机器人的插图)，一切都是水平反射的。这个相当简单的解决方案创造了一个很棒的设计。豆茎
在大多数情况下，这种设计保持在中心位置，创造出水平对称的外观。
虽然图像不是准确的反映，但设计的总体平衡是。我们还看到位于布局顶部和底部的内容元素在页面上水平移动(平移)以进一步对称。毫无意义的集团
《无意义的公司》有一个非常不对称的设计，这使它具有创造性，异想天开和视觉吸引力(尽管它也涉及到对称来保持设计的凝聚力)。
注意一些形状和方向的流动是如何重复的(一种平移对称的表现)。的理想主义者
在这个网页设计中，我们可以看到内容块形状和大小之间的平移对称，以及主要元素居中并均匀间隔在垂直平面上的反射对称。然而，这种设计通过添加一些溢出的元素，如标志和图像，做了更多的事情。
请注意，尽管这两个设计元素(以及整个网站中的其他一些元素)增加了视觉趣味，但它们仍然相互平衡，以保持设计的对称性。左边的logo颜色较深，并且有重叠，但它被右边更复杂、更明亮的图像所平衡。Typographisme
这个网页设计使用了反射对称。
主要内容是均匀居中，并将匹配在任何一边，如果对折。然而，我们也可以看到有很多不对称的元素，利用它们来创造视觉层次结构以及在设计的某些方面的区别。例如，橙色的“TG”标志为单调的对称增添了一些亮点。
Coda汽车
Coda Automotive是一个内容较多的网站，这意味着平衡和组织对网站的可用性至关重要。我们可以在这个设计中看到很多平移对称，相同大小的块形状在不同的位置重复出现。出于兴趣——也可能是出于与内容相关的实际布局目的——正方形的形状也在大小上有所不同，但仍然通过混合大小、复杂性、颜色和密度来保持两边的视觉平衡。
杰西卡·艾伦
这个网页作品集可能是这个展示中最不对称的设计。这里有一些平移对称的区域，标志提供了完美的反射对称，但除此之外，没有太多。正如你所看到的，不对称也是一种有效的设计工具。
生命的使者
从内容块的大小到这些块周围的额外图像，我们再次看到了内容中大量的平移对称。有一些反射对称存在于标志，以及在它的正下方的图像。让这个设计保持有趣的是在“过程”内容下面的主要照片的不对称，帮助把焦点吸引到网站的特色故事上。
四分之一
QTRLY的后台和主导航菜单是抽象的。然而，主要的特色内容是重复的块，水平和垂直翻译的平衡和结构的完整性。优雅的海鸥
优雅的海鸥网站是一个对称的设计。
logo、标语和导航都居中，其他许多标题元素也是如此。布局底部列出的服务部分也显示了平移对称。黑暗的天空
这个网页设计干净简单，但体现了网格布局，保持平移和反射对称。
一边是书的形象，另一边则是书的形象。臭猫
Polecat在网页设计中运用了旋转对称。在功能列表的顶部有一个旋转对称的通用用法，但在下面的“我们的团队”部分也有一个更具体的用法。
除此之外，背景中存在不对称，而内容的主要元素保持平衡。这是一种不对称的视觉趣味与战略对称的平衡、比例和组织的伟大结合。SVN 2 FTP
整个设计的总体布局和图像以反射对称为特征，但每个元素都有很多独特和不对称的地方。
例如，两个角色举着地球的图像是相对对称的，但有一些细节不能让它完美地排列在一起。这创造了足够的平衡和稳定性，同时保持独特性和创造性。永远的重
Forever Heavy是另一个以居中为主的设计，它的设计组件或多或少居中，并水平反射。
然而，注意不对称的项目是如何被用来强调布局的一般对称性的。
总结
在设计项目中，对称(或缺乏对称)是一个非常强大的工具。它可以创造或保持平衡、冷静和稳定。它能传达正直、专业和团结。
另一方面，不对称可以发展出强烈的兴趣点、独特性和个性。在各种形式中使用对称和不对称对我们的设计有很大的帮助。
关于对称性的资源和进一步阅读
- 你的网页设计平衡吗?
- 网页设计中的对称与不对称
- 红色比蓝色重吗?
- 《对称美学论》
- 创建对称模式、艺术和设计的工具和资源
相关内容
- 网页设计中的还原论
- 创建一个说用户语言的用户界面
- 网页设计中的极简主义:指南
