常用平面排版技能汇总

聪明牛得

来历：知乎



（一）平面设想的目标
我们在做任何一个平面设想的条件，都要搞清楚我们做设想的目标，不是为了纯真的追求美感，不是为了炫技，而是为了信息转达。为了让用户在最短的时候内GET到我们想表达的重点，那末就会应用到各类排版技能和设想手法来为我们办事。（公众号“UI充能站”出品）
所谓排版实在就是帮助用户整理信息的进程，能让用户第一时候捕捉到你想表达的重点，从而吸援用户继续阅读信息，以到达广告宣传的目标，进而将广告中的文案转换成实实在在的收益。
（二）平面组成
为了更好的停止分解，我们将平面设想中的设想元素分别为三个条理，别离是：
1）主体信息
2）帮助信息
3）布景信息
下面我们就已这张圣诞节宣传海报为例来停止分析。


主体信息
在宣传类广告的设想中，我们凡是会设备一个视觉焦点，这个视觉焦点可所以产物图，也可以是文案，总的来说就是我们最想突出、最想宣传的重点信息。视觉焦点的感化是当用户在阅读信息的时辰可以第一时候GET到重点，使信息转达加倍高效。自古以来笔墨都是一种最有用的传布载体，在上面这张海报中主体信息就是笔墨“圣诞狂欢季”，固然这也是商家最想传递给用户的信息——打折促销！
帮助信息
当主体信息明白传递给用户以后，为了利用户更深条理的获得必定的感知，帮助信息层则是一个需要的环节。试想，假如上面的这张圣诞节促销海报中没有圣诞树、圣诞老人等帮助性信息，那末全部设想的传布结果能否是会大打折扣，不能让用户延续性的获得必定的感知，就有能够会跳出，跳出的结果就是客户的流失。所以说帮助信息在平面设想中同等重要。
布景层
当用户对主体信息完成认知和必定以后，连结用户延续感知的视觉信息则在于第三景此外布景信息层。布景信息的首要感化是衬托氛围，营建空气，让用户对主体信息获得延续的感知。在上面的圣诞节海报中布景层主如果用红色的画布以及上面的星星点点的装潢来营建圣诞购物的空气，刺激用户的采办愿望。


三个条理分层展现（图注）
上面这张图是平面设想中三个信息层停止条理化展现，可以帮助你更好的了解上面的偏理论性的说明。




再来两个案例图片，怎样样，看过上面的分析以后，你能否可以自己对上面两个案例的信息层级停止分析了呢？我看好你呦！（上面的两个案例自己分析一下哈，这里就不再赘述了）
（三）排版技能
上面两个模块分析了平面设想中“为什么”和“是什么”的题目，那末下面我们就进入第三个模块——排版技能，这个模块平分析了“怎样做”的题目。按照平常工作中的堆集以及查阅了一些材料，我整理汇总了几种工作中常用的平面排版技能，包括三大根基排版技能对照对齐和分组、打造画面的条理感、平面设想中的帮助元素、平面设想中的字体设想、留白等等，希望对你有所帮助，下面干货起头！
一、根基排版技能——对照
“对照”这个词大师并不陌生，在平常生活中到处可见，比如说“高和矮”、“胖和瘦”等等。那末具体到平面设想中“对照”手法的感化是什么，我们又该若何来应用呢？
在设想中对照最首要的感化之一就是突出主体信息，能让用户捕捉到重点在那里，我的主体是什么；由于有了对照的结果，也使得整体加倍新鲜，不会给人很呆板的感受。
巨细对照


图片来历于收集
巨细对照的手法经常被应用在海报设想中，以上面的这两张海报为例，在构图上很好的应用了对照的手法，突出了画面的主体信息，同时巨细的对照又给画面拉伸了条理，增强了纵深感，出现了近大远小的视觉结果。
上面的两张电影海报中应用的是人物巨细的对照，别的笔墨巨细的对照也经常被应用在海报和banner设想中。来看下面的两张banner，图中的笔墨有大有小，犬牙交错，打破了画面中的呆板身分，顿时使画面丰富起来。


与众分歧


来看上面的两张图，能否是左图中的红色橙子和右图中的红色树叶会很是凸显，是的，由于画面中应用了对照手法，在画面中一切的平铺的物体中忽然有一个纷歧样（固然这类分歧可所以色彩的分歧也可以是材质的分歧等等），这样的对照结果是很是激烈的，可以很快的指导用户将视觉焦点对焦与此。
色彩对照
色彩的对照在平面设想中的利用频次是很是高的，比如冷暖色彩的对照，有色系和无色系的对照等等，来看下面的两张电影海报。


上面两张海报充实操纵了色彩对照的表示形式；整体视觉冲击力很激烈，而终极视觉空气基调也是经过色彩对照表现的淋漓尽致，更易于在用户脑海中构成记忆、传布！
留意：
除了以上三种对照的方式，别的需要留意的一点就是要应用对照就要使对照更激烈，此话怎讲呢，这是一个对照的水平的题目，视差小的对照如同隔靴搔痒，起不到突出主体信息的感化，这样的对照还不如不用。下面用图示的方式来说明这个题目。看下图！


相信看了上面这张图片你也明白了对照就要激烈的寄义。
二、根基排版技能——对齐
对齐感受就像是有一条无形的线把笔墨信息串联起来，起到一种指导客户阅读的感化！利于用户阅读信息，画面整体也加倍整洁。来看下面的几个页面，页面中的元素没有一个很好的对齐法例，画面整体看上去混乱无章，信息阅读困难。


再来看下面的几个banner,能否是整体看上去清新了很多，对！由于页面上的信息都有一个对齐法例，不管是左对齐右对齐还是居中对齐，必占其一，所以说可以更有用的展现信息。


三、根基排版技能——分组
分组望文生义就是在排版的时辰要将相互关联的内容相互靠近组成一个组，这也是格式塔道理中的一个重要概念，在人们的视觉印象中会把接近或邻近的物体味被以为是一个整体。这个道理也被利用在APP的设想中，现在很风行的一种去朋分线的设想方式，经过拉大间距来到达信息分组的目标。来看下面的例子。


在上面的两个例子中经过拉大笔墨间距的方式将笔墨信息分红了几个块儿，从而为用户梳理了重要信息和主要信息，更利于抓取到尽头。
除了上面提到的经过拉大信息之间的间距的方式实现信息分组，我们还可以经过加线框大概布风景块的方式实现信息分组，看下图！


四、平面不服——打造画面的条理感
在平面设想中，照片与笔墨等元素凡是都是在二维天下中编排的，在需要突出和夸大信息的时辰，我们也可以尝试将元素以立体的形式停止展现，使版面发生纵深的变化，同时也增强了画面的视觉冲击力，那末我们都有什么方式来进步版面的条理与纵深感呢，又有哪些需要留意的题目？
为了增强画面的立体感和纵深结果，我们需方法会一些光影的常识和一点透视的道理，自行百度领会，这里就不再赘述。
近大远小


上图是一点透视道理在平常生活中的表现以及利用（图注）


一点透视道理表示图
按照一点透视的道理，自然界的物体由于远近的分歧会发生巨细的变化，那末利用到平面设想中我们可以反其道而行之，经过物体巨细的变化，使画面发生纵深感和条理感。


上面的海报设想中利用了近大远小一点透视的道理，经过人物巨细的变化使画面条理加倍丰富。
图片叠加
除了上面说到的近大远小我们也可以经过图片叠加的方式打造画面的条理感。看下图！


增加光影
自然界的物体为什么是立体的，由于物体上面有投影、有高光、有倒影、有反光等等，这是存在于自然界的物体所显现出来的。那末我们在停止海报设想的时辰也可以经过增加光影关系来打造画面的立体感，看下图！


上图中的手机和下图中的人物都增加了投影的结果，使物体加倍接近于自然界中的实在状态，画面立体感更强。
五、平面设想中的帮助元素——线条和多少图形
在平面设想中按照设想需求，线条和多少图形的应用很是普遍，来看下面的案例！


既然线条和多少图形在平面设想中被普遍利用，那末我们来分析一下帮助图形的感化，多少图形起到框架的感化，是全部笔墨排版的一个骨架，而线条起到朋分分组和装潢的感化。
下面来看看假如去掉这些帮助性元素会是一种什么结果呢？看下图


为了让大师看一下去掉装潢性元素后的结果我间接用画笔涂抹的，拼集看吧，哈哈
六、平面设想中的字体
字体的选用及设想在平面设想中很是重要，一个好的字体的设想可以提升画面的品格感，同时按照分歧的设想需求采用分歧的字体设想，可以给全部画面定气概定基调。
字体选用
男性字体：尖锐、英气、粗犷


女性字体：委婉、优美、线条


儿童字体：心爱、活跃


固然还有更多分歧气概的字体选用，这里就不逐一罗列了。
字体设想
要想停止字体设想就必须先领会字形结构等字体设想根本常识。
结构：汉字字形的骨髓结构
重心：字体视觉中心点的凹凸
字重：字体笔画的粗细
中宫：字体结构的松紧
字怀：笔画中留白的部分几多
字面：字体所占字面框的字面率比例巨细
以上字体结构根基常识假如想具体领会可自行百度。
几款优异的字体设想欣赏




至于字体具体该怎样来设想，这里就不说了，这是一门大学问，不是一两句话就能说清的，要想进步字体设想水平平常还是要多看多练习！
七、平面设想中的留白
望文生义，留白就是在作品中留下响应的空缺；在设想中，留白的目标有哪些？接下来我们还是经过案例分析一下：
突出主题
留白的感化之一就是突出主题；实在道理很简单：下降主要元素对于主题的影响，在视觉上授与主题充实的主导职位。


这张图的设想属于极简气概，直奔主题，很少有装潢性元素，那末这样的设想很好的将人们的视觉焦点吸引到主体元素上，起到了突出主题的感化。
留白进步通透性
关于这一点可以用生活中的一个例子来诠释，试想你站在一个和你身高档高的屋子里面能否是会很倔很压制，一样在平面设想中适当的留白会让画面加倍通透，有更充沛的空间停止呼吸。


留白能提升品格感
一般高端品牌的设想城市采用大量留白的极简气概停止设想，这也是留白的妙用。来看下面的两个例子。


八、设想中插画的应用
插画在当前是一个很风行的设想趋向，不管是海报设想还是网页设想中今朝应用的都比力多。看一下客岁双十一的优异店肆根基上都离不开手绘元素了，所以说学妙手绘在未来的设想路上会给你很大的合作上风。




（四）总结
要始终对峙一个原则：排版工作就是帮助用户整理信息的进程，然后在此根本之上停止设想加工，既显现出清楚调理的笔墨信息，又富有设想感、艺术感！初学者一定要以整理信息为重心，把这一阶段根本打踏实了再停止前面的设想加工，追求艺术感；万万不要眼高手低，追求速成；最初祝你能在设想的门路上越走路越宽。
http://weixin.qq.com/r/EkipsXHE4yycrTXS9x0A (二维码自动识别)




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