赞助商
立即赞助

敲黑板!划重点!图文混排要注意哪些?

平面设计3年前 (2021)发布 流光
3.2K 0 0

@研习设K先生 :我们道,文字与图是版面中重要的视元素,文字的排列决定受众的阅读效果,而图则更容易吸引受众的视,而且在版面中,他们数情况下是一出现的,所以说在我们的设计程中,他们两者之间的编排形式就很重要。么个看似简单的课题,又有哪问题和细节是值得我们注意的?先来欣赏一图文混排的作品。

敲黑板!划重点!图文混排要注意哪些?

敲黑板!划重点!图文混排要注意哪些?

敲黑板!划重点!图文混排要注意哪些?

敲黑板!划重点!图文混排要注意哪些?

海报、DM、网页、长图、杂志、报纸等等媒介,都存在着大量图文混排应用。

图片与文字的距离

在我们进图文混排过程,首先要注意是图片与文距离。图片和文放在起话,要么是文说明图片,要么是图片表文内容,也是他们内容是相关,如距离没有控制好,会读者带来阅读障碍。

敲黑板!划重点!图文混排要注意哪些?

来看个小例子,如版有张图片和组文,那么他们距离要不离太近或太远,在保证美观度情况下,都可以接受。

敲黑板!划重点!图文混排要注意哪些?

不过他们距离特近,像现在这样,几乎贴在起了或者特远情况,没有其他符号进装饰,看起来不是那么没美观了。

敲黑板!划重点!图文混排要注意哪些?

正常情况下,如我们以文作为参照物,文高度为1X,那么文和图片距离保持在个文高度。

敲黑板!划重点!图文混排要注意哪些?

或者1.5X,括两个高度都没问题,看起来是比较舒服,这是在张图片和段文情况下。

敲黑板!划重点!图文混排要注意哪些?

在版出现了两组或两组以上图文组合,这个时候我们不能单纯考虑组图文距离了。

敲黑板!划重点!图文混排要注意哪些?

排忽视距离效会变成这样。

敲黑板!划重点!图文混排要注意哪些?

现在版这两组图文,隔距离如太近,样会造成版混乱,信息传递不晰,我们很难分辨出哪段文是解释哪张图形。这两组图文隔距离加大,他们关系很明确了。版式设计的目的就是美观、清晰、快速的向外传递信息,尽量不要给读者的阅读设置种障碍。

图片与文字的布局

距离块搞懂,来一下图与文字的局。在版式设计的程中,图与文字的局也同样重要,我们不能单纯的为美观,而忽视文字的读。

敲黑板!划重点!图文混排要注意哪些?

比版面中的三组图文混排的信息,在正常情况下我们根据版面的尺寸,设计成两种常规的形式。不形式,有的同学得样太普通,想做点变化。

敲黑板!划重点!图文混排要注意哪些?

做变化以,来看种局形式,同样很美观,很漂亮,但是文字与图之间的联系就很模糊,阅读的顺序让人摸不到什么规律,所以说是一个形式上美观但功能很弱的设计。

敲黑板!划重点!图文混排要注意哪些?

果你就是想设计成种形式的,么在图与文字的组合之间,加来进行分割,才能缓个问题。

敲黑板!划重点!图文混排要注意哪些?

除用来做分割,决个问题的方式还有很。比同样是使用条,我们还以使用的连接功能,将文字和其所对应的图联系到一,提醒受众,段文字是用来释图的。

敲黑板!划重点!图文混排要注意哪些?

另外,我们还以使用序号的标注,来强化提示文字与图的联系。

敲黑板!划重点!图文混排要注意哪些?

包括用位置关系,将版面中图、文字相对应,也以很自的把他们联系到一,是图文混排做变化,又不影响阅读验的小技巧。

敲黑板!划重点!图文混排要注意哪些?

来看个组合的形式,版式上看似没什么问题,但是种把图插在段落文字中间的方式尽量不要使用。因为图出现在个位置阻碍我们正常的视流动,读者在阅读一整段信息的节奏被打乱,产生不连贯的感,所以说也是一个错误的案例。

敲黑板!划重点!图文混排要注意哪些?

换成竖排的文字,道理也一样,图的局要在不阻碍我们视流动的基础上编排。

图片与文字的统一

在图文混排的版面中,还需要注意两种视元素的协统一,统一的重要在以前的内容里讲,它直接影响着整个版面的视效果。因此我们就应该想办法,尽量减少图与文字之间不协的感。

敲黑板!划重点!图文混排要注意哪些?

果是文字量的段落文字,么种文字与图宽度一致的方式属统一最强的。左右结构的,最也要证他们的高度是一致的,是秩序。

敲黑板!划重点!图文混排要注意哪些?

单纯的搞成样,肯定是不舒服的。

敲黑板!划重点!图文混排要注意哪些?

要是文字量少的标注、注文字,我们证文字信息与图的对齐就以。左对齐、右对齐、居中对齐很舒服。

敲黑板!划重点!图文混排要注意哪些?

果文字的位置放在种不左不右不居中的位置,想做统一就比困难。

图片中文字的处理

在完整的图内部加文字信息的时,文字信息一般到释图的用,图与文字做比,图相对更重要,是主,样的我们做类似设计的时就要注意文字不能抢图的风头、破坏图的完整。

敲黑板!划重点!图文混排要注意哪些?

文字与图重叠,文字不要压住图中重点展示的位置,最吸引人的位置被压住。结果就是现在样,文字破坏图的美观度,阻碍图形向外传递信息的速度。

敲黑板!划重点!图文混排要注意哪些?

果文字是放在几个地方,就完没有问题,文字释图。

敲黑板!划重点!图文混排要注意哪些?

图,当文字被安排在绿叶的位置,它的颜使用绿就不太合适,和图个区域的颜太接近,文字识别变得很差。把文字换成白,与图进行区隔,就不出现个问题。

敲黑板!划重点!图文混排要注意哪些?

当,上面提到的是用文字来释图形,果我们用图形为背来说的,他们的主次关系反转,就是另一回。

案例演示

敲黑板!划重点!图文混排要注意哪些?敲黑板!划重点!图文混排要注意哪些?

这是我们为这节课设计案例,个版形,主要是由图片与文混排构成。里在细节控制,也都是遵循了我们前内容所提到知识,不管是体美感是传递信息都很舒服。

敲黑板!划重点!图文混排要注意哪些?

比如前提到图片与文距离问题,不远不近,正好合适。这里两组图文隔距离加大,也是为了不读者阅读增加负担。

敲黑板!划重点!图文混排要注意哪些?

文出现在图片内部时候,注解类文不能压住图片展示位。

包括前面讲过的他注意事项,我们在欣赏优秀作的时候都可有意识的观察,看看别人在做图混的时候是是这样处的。注意并解了这些知识点后,把他们应到自己的设计过程中,这是我们习、升的过程。

总结

来总结一今天的容,在我们进行图混的时候要注意控制好图片与字的距离,要给读者设置障碍,图片与字的布为了美观而破坏字的识别性,注意图片与字的统一性,如果字在图片中,字破坏图片的整性,颜色需要有对。

欢迎关注研习的公众号:「Yanxishe2017」

敲黑板!划重点!图文混排要注意哪些?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

相信大家平时生活中拍照都应该接触过美颜滤镜,即使没用过也应该听说过,自然也都知道各种滤镜的强大之处。但是大家有没有思...
双色调
不知道大家有没有遇到过这种情况?当你在面对一个空白版面的时候,脑子里面也是一片空白,这说明你缺乏构图意识。其实我们在...
平面
编者按:做一张Banner 需要掌握版式、字体、配色等等,那么庞大的知识体系,应该如何学习?本文从排版这个知识点入手,告诉你...
Banner设计
构图攻略前两期分享了“上下构图”和“左右构图”的使用方法,这两种构图是视觉效果相对比较均衡稳定的构图形式: 当想要设计更...
倾斜构图
欢迎关注作者的微信公众号:「SA九五二七」
作品集
懂了文字跳跃率!,在排版中可不得了。 下面两个版面哪个给人平静安稳的感觉? 那必须是「平平淡淡A」呀,毕竟名字暴露了一...
平面设计
@做设计的面条 :发布《拍一张照片,就是一幅海报》系列创作分享后,大家纷纷表示看得很过瘾,也想设计海报试试看,所以后面...
做设计的面条
@做设计的面条 :最近有面粉说,发现我现在变的很高产,基本每天都能在我的朋友圈里看到我用随手拍的照片设计出来的海报。 ...
做设计的面条