3

11个图文排版技巧,版面瞬间高大上

 2 years ago
source link: https://www.niaogebiji.com/article-111961-1.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

11个图文排版技巧,版面瞬间高大上-鸟哥笔记

首页 > 广告文案创意 > 11个图文排版技巧,版面瞬间高大上
11个图文排版技巧,版面瞬间高大上
2022-04-13 15:48:47

当我们在做设计的时候,是不是经常感觉画面很平淡?那可能是因为你没有掌握板式设计的一些小技巧。

今天,我们就来给大家讲几个排版的小技巧,学会它,可以让你的版面瞬间变得高大上。

一、文字基线对齐

小时候学写字的时候,妈妈都会为我准备一本田字格。我会一个字一个字填在里面!后来,慢慢的,我不再需要田字格也能够写出一手漂亮的文字!妈妈又送了我一个笔记本!上面都是横线!没错,这就是文字的基线!如图所示:

11个图文<a href=排版技巧,版面瞬间高大上" inline="0" class="syl-page-img article_img" style="box-sizing: border-box; border: 0px; margin: 0px auto 8px; padding: 0px; cursor: zoom-in; display: block; border-radius: 4px; height: auto;" title="11个图文排版技巧,版面瞬间高大上" />

11个图文排版技巧,版面瞬间高大上

等等,重点不在这!

而是文字与数字的组合细节!发现下面张图有什么问题了吗?

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

所以,请把数字基线对齐!

在幻灯片中插入文字+数字时,你会发现,数字会稍微比文字小一点!让整体的文字基线对齐!正确的方式是将数字文本放大几个字号!

11个图文排版技巧,版面瞬间高大上

二、保持文字的易读性

间距小,逐行阅读,间距大,逐字阅读!

画面的所有视觉化信息都靠人眼来吸收!一段文字间距小时,那么这段文字就是就会被我们当做整体看待,易于理解!而当文字间距大时,就需要我们一个字一个字的去消化了。

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

所以,既要兼顾美观大方,又要让一段文字成为整体!最好将标题的文字间距控制在-10%—30%之间.如图所示:

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

三、注意文字段间距

1.标题文字段间距

标题文字的段间距设置太大,容易减缓信息传达,甚至是内容分离!

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

那么设置成多少更合适呢?遵照标题文字行间距的区间值,建议你设置为1/4文字高度的段间距,看起来更舒服。也就是Keynote间距:1-1.1高度。如图所示:

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

2.正文文字段间距

正文文字的段间距设置为多少合适?keynote默认的段间距是1,而有的初始模版默认间距是0.8,你需要主观调整为1.2—1.5的区间值!这样文字看起来更加优雅和易于阅读!如图所示:

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

设置为1.5倍段间距时,文字段间距是1倍的距离!另外,请记得长文字*要保持文字两端对齐,这样画面看起来更加整洁。

四、主副标题关系

1.主标题高度是副标题高度的1.5倍。

主标题与副标题的之间的关系是既要保持美观,又要确保成层级分明!如果你了解什么是黄金分割定律你会知道:建议你的副标题是主标题的0.618倍!为了计算方便!这里建议你设置为1.5倍!也就是:

主标题选择42号字时,副标题可以选择为28号字。

这样的大小看起来更和谐!同样的方法也适用于标题与正文的组合!

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

*其实这部分没有特别明确的规范建议,排版样式不同,字号字体的搭配也不同。不必过于在意技巧。

2.主副标题的段间距为1倍副标题高度。

副标题与主标题之间的距离多少合适呢?这里建议你留出1倍的副标题高度.如图所示:

11个图文排版技巧,版面瞬间高大上

*其实这部分没有特别明确的规范建议,排版样式不同,字号字体的搭配也不同。不必过于在意技巧。

3.拉大副标题间距,可以营造呼吸感

人的阅读感受是先看标题,再看副标题,所以根据上面的间距原则,尽量打大副标题的间距,比如你可以选择留出一个字距的间隔处理。

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

五、面积对齐

很多时候,我们选用的文字会进行符号化处理!比如下面的文字,如果我们依旧采用按照字符对齐那么画面就不是很均衡!特别是对于引用一段文字时,很多人会选择这么做:

11个图文排版技巧,版面瞬间高大上

往往画面的细节会决定成败!这张图如果采用面积对齐会如何实现,大概就是下面的样子:

11个图文排版技巧,版面瞬间高大上

将主副文字按照面积对齐方式排布,文字选择两端对齐,文字选择两端对齐,引言与正文右对齐,引号单独摆放。如图:

11个图文排版技巧,版面瞬间高大上

六、视线要聚焦

参照物不同时,整体的画面感受也不同,下方是一个40x40的小方块,周围的参照物大小会影响你的画面饱满度!所以尽量选择视线更加聚焦的方式处理画面!如图所示:

11个图文排版技巧,版面瞬间高大上

通过上图你会发现,左侧的方块显得大,右侧的方块显得小。在制作PPT时,尽量选择右侧饱满的构图方式。如下面几张图示:

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

最后可以通过上图感受一下,不同的版式带给你的聚焦程度。

七、版式栅格化

什么是网格化?PPT有很多类型的板式可供我们选择,也不需要尊崇固定的形态!

11个图文排版技巧,版面瞬间高大上

但是,一页幻灯片,你需要有严谨的网格对齐方式!如图所示

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

八、符号的对齐方式

中文字符常常是占用一个文字单元格,而标点符号则是占用半个文字单元格,或靠左,或靠右,所以在演示体验上会让人感觉内容分家。

11个图文排版技巧,版面瞬间高大上

所以在制作全图型PPT幻灯片时,尽量注意标点符号的小细节。建议你将符号距离控制均等。如图所示:

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

九、图形与文字的亲近原则

我们在处理一些LOGO的摆放时,常常会先这样操作。把一堆LOGO拖入到幻灯片中,然后按照面积对齐的方式将他们排布。

11个图文排版技巧,版面瞬间高大上

如下图所示:我们采用平均分配的面积对齐原则,做出了下图。

11个图文排版技巧,版面瞬间高大上

这样就结束了?还没有,注意文字与图标的间距!当A=B时,人眼对于内容的理解度不够强,画面也不具备呼吸感。所以我们将文字全选,让文字稍稍上移,贴近LOGO!明白了吗?

11个图文排版技巧,版面瞬间高大上

11个图文排版技巧,版面瞬间高大上

十、间距大小决定画面的饱满度

传统的三分版式构图应该怎么做?我们把所有的间距补全给你看!

11个图文排版技巧,版面瞬间高大上

我们采用黄金分割0.618值!也就是横向21个小方块,竖向13个小方块。此时,最优雅的板式是A>B的间距,1>2>3的间距。

什么意思呢?用实际案例来说明,如图所示:

11个图文排版技巧,版面瞬间高大上

上面这张幻灯片,图标太小,间距为B>A的间距,画面看起来不够饱满!所以我们要将图标进行放大,调整B>A的间距到A>B的间距。如图所示:

11个图文排版技巧,版面瞬间高大上

本文系作者: 赵同学 授权发表,鸟哥笔记平台仅提供信息存储空间服务。

本文为作者独立观点,不代表鸟哥笔记立场,未经允许不得转载。

《鸟哥笔记版权及免责申明》 如对文章、图片、字体等版权有疑问,请点击 反馈举报


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK