用超多案例，帮你学会排版中最根本的对照和对齐原则

在涅诒

来历：知乎



对照与对齐是平面排版中最典范的设想原则，很多人能够不清楚这两个原则的具体用法，明天这篇好文用大量案例帮你把握这个根本常识！
01. 对照原则

在版式设想中对照实在就是差别化。若两个元素有所分歧，那就让他们截然分歧，不要牵丝攀藤。
比如我用两个圆表达巨细对照，那末下图则是牵丝攀藤的背面课本。



由于此图中的巨细对照并不明显，看不出要夸大哪个圆形，主次不明，对照含糊不清。



对照上图，此图巨细对照明显，更可以有用的传递出重要信息，所以要用对照的话，就让元素差别化激烈一些。
对照的分类

对照的分类有很多种，比如：





除了这些还有字体范例的对照、间隔对照、真假对照、远近对照等，可以说存在差别的地方就存在对照。而在版式设想上，我们要将这类对照最大化，以到达吸引眼球、方便阅读的结果。
对照的感化





对照能简化画面，使版面主题更明白，更直观。



应用对照能使视觉冲击力更大，更抓人眼球。



对照使版面层级清楚，可以突出重点，从而更有用的转达信息。
对照的利用





凡是一个作品中不会只用一种对照，而是多种对例如式组合利用的。比如上面左图用激烈的巨细对照出题目与正文的层级，同时加入光影对照为主体打造立体感，更抓人眼球。右牟利用偏向对照与位置对照使版面更活跃，更有视觉张力。





几近一切的作品城市用到对照原则，在设想中我们也要善用对照原则。
2. 对齐原则

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



此版面中没有应用对齐原则，各元素间没有联系，混乱而没有次序感。



利用了对齐原则以后，全部版面规整又美妙，建立了一种次序感而更利于阅读。
对齐的分类





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



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



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



两头对齐：版面中的元素拉伸或缩放与同一元素两头对齐。两头对齐凡是用于大段落笔墨编排中，利于阅读。



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



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



轴线对齐：轴线对齐是以版面中心线为对齐基准，而不是元素的中线。
除了上图的案例为轴线对齐外，下图的这几种也都是轴线对齐的形式。



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





对齐的感化总结下来实在只要一点，就是可以使版面同一简洁更有条理，可以指导视觉流向。
案例点窜1





这是一个同学的名片作品，给人感受混乱、没有次序，信息转达也不清楚。那末题目出在哪儿呢？



首先，绿点部分的笔墨巨细差不多，缺少对照，致使层级关系不清楚。



其次对齐方式分歧一，没有次序感。
那我们应用两个原则点窜后是什么样子呢？



我们夸台甫片持有人的名字，将联系方式等其他信息左对齐，LOGO与二维码则置于右侧，能否是整洁规整了很多，信息的转达性更强了。



一样的，我们也可以将联系方式与二维码移到版面右侧，LOGO置于左下方，一样很规整，简洁美妙，利于传布。
对齐与对照的组合会有多种变化，应用好了会使版面规整美妙很多。
接下来看一下点窜前后的对照图。



案例点窜2





这是某同学的海报作品，可以看到她对齐是同一的左对齐，没有题目。可是画面中却缺少对照，主次感不强。别的图片挑选也不美妙。
同个主题下，别的一个同学的作品：



这个同学的作业突出了主题目，对照也很是明显，其他的信息层级也有对照变化，视觉上比力丰富，同一的左对齐也很是有条理。



一样的内容与主题，对照与对齐原则利用的黑白会间接影响版面的美妙性与易读性。大大都情况下，对照与对齐是缺一不成的。
固然版式设想中有四大根本原则，「对照」、「对齐」、「组合」、「反复」，一般情况下这四个根本原则都是组合利用的。「对照」与「对齐」只是一部分，「组合」与「反复」我们今后再讲。究竟路要一步一步走，饭要一口一口吃。
总结








原文地址：https://zhuanlan.zhihu.com/p/31687419
免责声明：
1、文章部分图片源于收集，均为表示图；
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切；
3、因非原创文章及图片等内容没法和版权者联系，如原作者或编辑以为作品不宜上网供阅读，或不应无偿利用，请实时告诉我们，以敏捷采纳适当办法，避免给双方形成不需要的经济损失；
4、本页面内容由爬虫法式自动收集于互联网，如无意中加害了媒体或小我的常识产权，请电邮【E-Mail:cb@yoyodoc.com】告之，我们将于24小时内删除。