新手设想快速入门—排版四大原则

123457015

来历：知乎
大伙很久不见，本篇是新手设想入门系列念书笔记第四篇—排版入门。


虽然《写给大师看的设想书》在很久之前已经出书，现在再看还是有很多值得鉴戒的地方。本期总结了书中排版的四大原则部分，连系我汇集的一些案例，希望有所帮助哈。
一般说来，假如我们想要控制页面，首先要晓得有哪些设想原则，一旦我们留意到它，他们便无处不在。其中，最根本也是最重要的页面排版四大原则：对照、反复、对齐、密切性。


————————————————————
对照（Contrast）
对照从字面上简单易懂，很轻易吸引读者去看一个页面。例如大字体和小字体的对照，暖色和暖色的对照等。假如两个元素想要构成对照，就该当使之分歧，而且是截然分歧。


天天城市发生的毛病案例：


一眼看下去这个页面清洁简洁，可是缺少了一些可以捉住眼球的工具，也就是看不到明显的主次之分。既然分歧，便可以让他们截然分歧，我们可以尝试做以下点窜：


对于题目，既然我们想让读者第一时候留意到，无妨用更大更粗的字体来夸大它，内容的小题目，同一用一种稍小的加粗笔墨，也合适以后要讲到的“反复”原则。同时，题目和内容的巨细要做明显的区分，以此到达“对照”。
一句话平分歧部分也可以采用粗细或巨细对照，夸大豪情激烈的部分，画面也更具传染力。




激烈的巨细对照可以使眼光很快地聚集到笔墨较大的部分。


色彩对照，对于视觉感受的影响吹糠见米，例如这张一加3手机公布会的PPT，仅仅经过色彩似乎就能体味到凹凸温的区分。


对照（contrast）小结

假如你想构成对照，无妨加大力度。对照不但可以增强页面结果，更有助于笔墨的构造。可以经过巨细、色彩、粗细、空间等方式，需要留意的是，对照一定要激烈。

————————————————————
反复（Repetition）
反复绝不但仅是元素的复制粘贴，更多地时辰我们可以把它了解为页面的分歧性，操纵某些元素的反复来使全部设想作品到达同一的结果。它们可所以字体、外形、色彩等等，可是一定要遵守某种设定好的纪律。


logo设想中，将类似的元素停止反复变形，也可以获得不错的结果，例如华为和Adidas。


在PPT页面排版中，将多个不异种此外栏目反复排放，屡试不爽。






在海报设想中，反复的应用也可以使画面富有张力，例现在年的苹果开辟者大会（WWDC）约请函。




苹果的设想师对于反复似乎乐此不疲，官网的广告中也频仍利用这类手法，将多个不异的产物同时显现，但他们各安闲色彩、形状上并不完全不异。






在做设想的进程中，假如一个元素引发了你的爱好，无妨拿来做反复元素，同时也增加一些全新的工具。这些反复的部分并纷歧定完全不异，可是会给人一种不高耸的整体感。


反复（repetition）小结

反复最重要的感化就在于同一，并增强作品的视觉结果。同时，为了避免反复过量同一种元素，无妨对其停止适当的变化，引发爱好的同时又不会让人生厌。

————————————————————
对齐（Alignment）
对于设想新手而言，图片、笔墨的随意摆放常常让人感受页面很混乱，任何工具似乎都是随意丢在一边。相对的，对齐原则是说任何元素都不能随意摆放，它们应当与页面上的某个物体有空间上的联系，虽然眼睛看不到，可是似乎有一条线将他们毗连起来。


现代大大都人的阅读习惯是从左侧起头，为数很多的海报设想都采用了笔墨左对齐的方式，即使笔墨巨细、数目分歧，仍可以散发出一种整洁的美感。










在用到约请函以及一些较为庄重的场所时，居中对齐的方式常常加倍有仪式感，这也是平常我们最常用的一种方式。








对齐（Alignment）小结

对于新手而言，一个页面上一种对齐方式已经充足。别的在设想页面时，利用帮助线是帮助我们对齐的一个好习惯，可以让页面同一而有条理。补充一条简单适用的对齐方式：确保任何一个元素都能在本页与别的一个元素存在着视觉联系。

————————————————————
密切性（Proximity）
密切性的原则是指将相关的部分构造在一路，这样一来，有关系的部分被看做一个组，而不是零星的个体，这样也给读者明白的提醒，快速把握页面的内容散布。


在这里，我们无妨将“对照”中的案例停止优化。案例中小题目与内容、段落之间的间隔过于类似，两真个区分没有能很好地域别开，我们可以做适当变化。


优化以后，页面的内容被分别为了明显的两个部分，更易于阅读。


在多组并列内容排版时，反复与密切性常常是不成份离的，使页面布满条理。






密切性原则在一些时髦画册类的设想中也尤其明显，画面的内容显现为块状散布。








密切性（proximity）小结

密切性的底子目标是实现构造性，假如信息具有条理，将更轻易被阅读，也更轻易被记着。假如元素无关，就要将其分隔，同时避免页面上出现太多孤立元素。

————————————————————
四大原则的内容根基先容竣事啦，需要留意的是，它们并不是零丁分手的四项原则，而经常作为一个整体同时出现，下面补充一些优异的排版设想作品，配合进修进步。












本期内容就到这里，更多教程关注知乎专栏：做生活的设想师。
新浪微博/微信定阅：观海PPT

原文地址：https://zhuanlan.zhihu.com/p/26699949
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！

孙悟空748

可以可以！赞一个

梨波儿

案例很棒

weenahbp46

Fantastic

就放荡不羁就h

繁复大气👍

小雨粑粑2012

干货，感谢🙏

侬去斯

案例很标准

ggp27

惊现故宫博物院。

张小麦坡

前来进修，受教了。

飘渺九月

故宫那张照片很好