ZHRAN思聚益德 丨 排版中的对比与对齐

   大家好，我是ZHRAN所长。开号第一篇文章准备给大家来一些实在的干货（同时也是希望我的公众号有一个像肥年一样的开头，大吉大利）。话不多说给大家带来一个小文章，内容很长，想看的看一下以后一定有用（对于我这种小白来说）。呐！如果不想看的呢？呵！浪费你的流量！

    好了，，我们来看这一篇文章——《排版中的对比与对齐》。

01

对比原则

说白了排版的对比是什么呢？差异化

   如果两个元素截然不同，那么就让它们的对比拉大，不要很相似！这样才不会有拖泥带水的感脚~

    看此图中，两个同为圆形元素，瞪眼一看，就是两个圆嘛！好了，让我们以一个稍微懂一点设计的眼光来欣赏（吐槽）一下：首先，大小上来说，两个圆差不多，很难区别它们的大小不同，更别说还要分清主次层级。还有，颜色上相近，也根本分不清哪个是中心元素哪个是辅助元素。归为一点：什么鬼啊闹呐！

    现在我们对比上图看这个：大小明显，颜色对比强烈，可以有效的传递出重要的信息，这个就是差异化！

分类

    对比的分类有很多种。

这是一般人想到的，如果一下你也想到了，那么说明你有很大的天赋，跟我学做菜吧！）

   “那说了这么多对比，还有那些个对比哪位同学来说一下”

    “王小明，你来说一下把。”

    “字体类型对比，距离对比，虚实对比，疏密对比，远近对比等...”

    “好的说的不错，可以说有差异的地方就存在对比，我们要做的就是扩大它们的特征才可以吸引到眼球走向人生巅峰！”

比的作用

对比的应用

是时候来点干货了!

乎所有的作品都会用到对比原则，在设计中我们也要善用对比原则。

 02

对齐原则

对齐原则是让版面中的元素有一种视觉上的联系，以此来打造一种秩序感。

此版面中没有运用对齐原则，各元素间没有联系，凌乱而没有秩序感。

使用了对齐原则之后，整个版面规整又美观，建立了一种秩序感而更利于阅读。

对齐的分类

左对齐：版面中的元素以左为基准对齐。左对齐是最常见的对齐方式，简洁大方，利于阅读。

右对齐：版面中的元素以右为基准对齐。相对于左对齐来说不太常见，给人一种人为干预的感觉，阅读比率慢一些。

居中对齐：版面中的元素以中线为基准对齐。居中对齐给人一种严肃与正式感。

两端对齐：版面中的元素拉伸或缩放与同一元素两端对齐。两端对齐通常用于大段落文字编排中，利于阅读。

顶对齐：与左对齐相似，版面中的元素以顶部为基准对齐。

底对齐：版面中的元素以底部为基准对齐。

轴线对齐：轴线对齐是以版面中心线为对齐基准，而不是元素的中线。

除了上图的案例为轴线对齐外，下图的这几种也都是轴线对齐的形式。

轴线对齐能给人正式感，同时各个部分又富有变化，比较灵活。

对齐的作用

对齐的作用总结下来其实只有一点，就是能够使版面统一简洁更有条理，能够引导视觉流向。

同样的内容与主题，对比与对齐原则应用的好坏会直接影响版面的美观性与易读性。大多数情况下，对比与对齐是缺一不可的。

当然版式设计中有四大基础原则，「对比」、「对齐」、「组合」、「重复」，一般情况下这四个基础原则都是组合使用的。「对比」与「对齐」只是一部分，「组合」与「重复」我们以后再细说吧。

好了记住我，我是ZHRAN所长，希望你们每天开心。

LOVE U GUYS...