Date 2026-05-11 11:03:09
在设计排版的时候，如果不考虑任何规律，很多情况下都会产生一些奇怪的设计。
假如有一定的理论作为基础和标准，并以此为一般方向和目标，那么在设计过程中就会更容易判断。
△ by Adrián Somoza
即使在没有理论基础支撑的设计中，根据理论进行适当的调整，也能向优秀的设计迈出一大步。
感性也是设计本身的一个非常重要的因素，但这并不意味着仅仅依靠感性就能做出漂亮的设计。
在开始「版式系列」在文章之前，我想先推荐一本《给大家看的设计书》。
无论你需要设计页面，但没有设计背景；或者你从未接受过正式的设计培训；即使你从事与设计无关的工作，这本书也会让你对设计有一个新的认识。
1. 亲密性原则
亲密性(物理位置的接近)意味着相关性。
组织相关项目，移动这些项目，使其物理位置更接近，相关项目将被视为视觉单元，而不是多个孤立元素。
△ by Ryan Bataillon
类似的元素组织成一个单元，使页面变得有条理，清楚地知道视线的移动轨迹。
△ by Romain Briaux
利用亲密原则，也可以使空白变得更加有条理。
△ by IceBear_Panda
通过对类似项目进行分类，建立亲密关系，有时需要进行一些调整，调整文本的大小或字体厚度，或改变图片的大小或位置。
△ by Jenny Johannesson
亲密原则并不意味着图片中的所有元素都应该更接近。真正的意思是，如果某些元素在理解上有关联，那么这些元素也应该在视觉上有关联。元素组之间需要有适当的空白来反映彼此之间的关系。
在此之前，你可能会自然地利用位置的紧密性来反映元素之间的关系，而亲密性实际上是更有意识地这样做，并进一步推进这个概念。在充分理解页面上元素之间的关系时，你会注意到亲密关系的效果。一旦你开始注意到这种效果，你就会使用它，掌握它，并完全控制它。
2. 对齐原则
页面上不能随意放置任何元素。
页面上的任何元素都应该与页面上的某个元素有一定的视觉关系，不能简单地认为页面上有空间随意扔元素。
△ by Outcrowd
如果页面上的某些元素是对齐的，即使它们在物理位置上是分开的，但在观众看来，它们之间有一条看不见的线连接在一起。
△ by Johny vino™
虽然你用亲密原则来指示他们之间的关系，但对齐原则告诉你，即使他们不接近，他们也属于同一组。
常用的对齐方法有：左对齐、右对齐、中对齐。
△ by Ali Sayed
左右对齐会使文本块出现硬垂直边缘，使文本看起来更清晰，效果更清晰；中间对齐的边界很软，真的看不到对齐线的强度。
△ by Axel Herrmann
中间对齐是一种非常安全的对齐方式，感觉非常舒适，安全意味着正常和无聊。
△ by Alex Banaga
这里不建议你绝对不要居中。我们可以试着让文本居中，但文本块本身并不居中，这也是一种有趣的表达。
△ by Parham Marandi
在使用对齐原则时，我们必须坚持一个原则：只使用一种对齐方法。即使你在不同的文本中使用不同的对齐方法，你也应该确保大的整体以某种方式对齐齐。
在设计中，统一是一个重要的概念。为了使页面上的所有元素看起来统一、相互关联，需要在每个独立的视觉元素之间存在一定的视觉联系。对齐的根本目的是使页面统一和有组织。
3. 重复原则
在整个作品中需要重复设计的某些元素。
也许你在设计工作中无意中使用了重复元素，可能是一个粗字体、粗线、项目符号、颜色、设计元素、格式、空间关系等，这些都是重复的例子。只要我们把这种意图变成意图，并使用重复的原则，我们就可以将整个图片从视觉上变成一个整体。
△ by T U B I K
在确定重复元素后，我们需要通过重复来使元素更有效、更生动、更明显，这不仅使页面看起来更有趣，而且可以在视觉上提高其组织性和一致性。
△ by damith premakumara
如果页面上的一切都是一致的，观众怎么知道什么是特别的呢？此时，观众需要一个不同的元素来真正注意到你想要他们关注的内容。
△ by damith premakumara
重复有助于组织信息，有助于观众解读每一页，也有助于统一设计中的单个部分。
△ by Jakub Krzanowski
有时，为了实现重复，你可以添加一些新的元素，或者选择一个简单的元素，以各种不同的方式使用。重复元素的项目不一定完全相同，但只有明确的密切相关对象。
△ by ann
重复元素不一定是图形，可以是空白、线、字体、对齐，也可以是任何故意重复的东西。
△ by Mike
重复也会给你的作品带来专业性和权威性。无论它看起来多么有趣，它都会让观众觉得有人负责。重复元素显然是一个经过深思熟虑的设计决策。
重复的目的是统一和增强视觉效果。重复原则可以进一步提高图片原始的一致性。当然，我们也应该避免重复太多的元素。重复太多会让人感到无聊。
4. 对比原则
要实现有效的比较，必须使两个项目完全不同。
对比是增强页面视觉效果的最有效方法，也是在不同元素之间建立有组织层次结构的最有效方法。
△ by Mike
比较不仅可以用来吸引注意力，还可以用来组织信息，清晰的层次，引导读者在页面上，创造焦点。
△ by uixNinja
比较的主要原则是不要畏首畏尾。如果两个元素不同，但差别不大，那就不是对比，而是冲突。
△ by uixNinja
对比字体是最容易实现的方法，除此之外，还可以利用色彩、线条、元素之间的间隔、材质等来形成对比。
比较的两个目的：提高页面的效果，组织页面的信息，两个目的相辅相成。但最重要的是要记住，不要犹豫。如果你想使用比较原则，完全增加你的力量。如果你想让这两个元素不同，就让它们完全不同。
最后，复习以下四个原则。
1. 对比
避免页面元素过于相似，如果不同，就让它们完全不同。
2. 重复
使设计的视觉元素在整个作品中重复出现，增加组织性，加强统一性。
3. 对齐
页面上不能随意放置任何东西。
4. 亲密性
将相关项目放在一起，形成视觉单元，有助于组织信息，给观众一个清晰的结构。
△ by tubik
在每一个优秀的设计作品中，四个原则并不单独存在，它们相互影响，比较元素可以作为重复元素，对齐元素也包含了亲密关系的应用。不要把设计内容看得太严肃，放松一点，在设计中，有意识地遵循四个原则，你就能创建一个生动、有趣、有组织的页面。
欢迎关注作者微信微信官方账号:「设计师的私人日记」
「应对甲方的配色方法」
甲方敢说你的配色丑！ 我来教你怼回去（一）》甲方敢说你的配色丑！ 我来教你怼回去（二）》甲方敢说你的配色丑！ 我来教你怼回去（三）》甲方敢说你的配色丑！ 我来教你回去(4)