不会排版？那是你还不了解设计四大基本原则

在设计时我们常常会忽略一些基本的设计原则，即使是做了很多年的设计师也不能完全说清楚设计的原则，设计全凭感觉，至于为什么这么设计无法合理的解释清楚原因,甚至是做着做着就忘了……

设计师想要减少改稿的次数，首先要学会做设计不只是靠感觉，这篇文章从设计原则的重要性谈起，总结了产品设计中四大基本原则，让你设计的每个元素界面都有理有据。

图形设计大师Paul Rand（保罗·兰德）说过:

" 设计绝不是简单的排列组合与简单地再编辑，它应当充满着价值和意义，去说明道理，去删繁就简，去阐明演绎，去修饰美化，去赞美褒扬，使其有戏剧意味，让人们信服你所言……"

当你很满意的做完某个设计给别人看的时候，经常有PM（产品经理）或者其它同事会问：“为什么这个按钮这么小？这个颜色不够大气，这个配图好像并没有更准确的表达我们想要的意思……”
然而设计师的内心：“……”

所以，为了更好的阐述自己做的设计，在做设计之前，我们需要对将要进行的设计有一个清晰的认识，其中了解和遵守设计原则显得尤为重要。

什么是四大基本原则？

四大基本原则

应用方式：把信息归入逻辑亲密性，利用对齐，找到并制造重复元素，加入对比。

亲密性（Proxinity)

彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们将成为一个视觉单元，而不是多个孤立的元素。

亲密性示例

由此可发现运用亲密性的排版有助于组织信息，减少混乱，为用户提供清晰的结构，这样页面的理解和视觉上都变得更有条理，更能表达信息。比如微信发现页面中相似的类目靠的更近：扫一扫主要是二维码/条码、街景、翻译的扫描上的识别，摇一摇主要是人、歌曲的摇一摇上的识别，存在着识别的关联，所以归组在一起，形成一个视觉单元。我们的心理默认认为靠的更加近的是同一类别的的信息；相反的，如果没有运用亲密性的原则，整个微信的信息就看起来非常的混乱。

对齐（Alignment)

任何东西都不能在页面随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系，这样能建立一种清晰、精巧而且清爽的外观。对齐的根本目的是使页面统一而且有条理。
对齐分为物理对齐和视觉对齐，物理对齐指：是我们可以用物理直线来衡量是否对齐；视觉对齐指：视觉感官上的对齐，它基本上所用在的地方是一些物理对齐不能带给我们对齐的感觉的特殊情况之下。

对齐示例

文字与文字之间的视觉对齐，如图上所示，英文字体有些是属于收缩感字体，所以我们这时就需要进行视觉的对齐，如果英文都不是收缩感字体的话，我们只需要进行物理的对齐。

重复（Repetition)

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，要素都一致，各个部分看起来都是一体的，即能增加条理性，还可以加强统一性。重复的根本目的是统一，并增强视觉效果。

重复示例

重复会为产品带来一种专业性和权威性，会使用户感觉有人在负责，因为重复显然是一种经过深思熟虑的设计决策。如上图所示页面上有左对齐重复、字体样式重复、空间关系重复……重复不代表完全相同，而是存在明确关联的紧密相关的对象（多样性的统一）。

对比（Contrast）

页面上的不同元素之间要有对比效果，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。

对比示例

对比的根本目的是增强页面的效果（更有可读性），有助于信息的组织（防止混淆）。
对比不仅可以用来吸引眼球，还可以用来组织信息、清晰层级、在页面上指引用户，并且制造焦点。

总结：

在做设计时我们要有意识的将四大基本原则运用在设计中，有效的运用亲密性、对齐、重复、对比原则，做到互相嵌套，你中有我，我中有你…
认真观察会发现其实所有的排版都是遵循四大基本原则的，他们并不是只有对比或者是重复或是其他，它们都是共存的，正是因为这些原则的相互存在，才能让排版变得更加美观。