赞助商
立即赞助

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

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

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

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

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

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

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

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

图片与文字的距离

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

图片与文字的布局

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

图片与文字的统一

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

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

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

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

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

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

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

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

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

图片中文字的处理

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

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

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

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

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

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

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

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

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

案例演示

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

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

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

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

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

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

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

总结

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

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

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

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

相关文章

“几何构图”是版面设计元素根据几何形态来组织视觉语言、构建画面,形成一个人为的视觉空间,让视觉元素布局更有章法,传达出...
几何构图
图形是平面设计的核心元素之一,故图形设计也是设计师必须掌握的重要能力,不论是海报设计、广告设计、包装设计、UI 设计、Lo...
logo设计
@研习设K先生 :「把这个logo放大!再放大!」「把这个活动内容给我改成亮眼的颜色,我要一眼就能看到的那种!」听到这些话大...
平面设计
什么是矛盾空间 矛盾空间是利用视觉的错觉和视点的转换交替,在二维的平面上表现了三维的立体形态,设计出在实际空间中无法存...
平面设计
今天又带来一篇十足的干货,安全无毒,放心食用! 今个儿,咱来唠嗑唠嗑「图版率」! 下面俩海报,哪个更有亲和力? 这还...
图版率
“中心构图”是把主体放置在画面视觉中心,形成视觉焦点,再使用其他信息烘托和呼应主体。这样的构图形式能够将核心内容直观的...
中心构图
本文总结了 9 个排版的小技巧,帮你快速提高版式设计能力。 两种颜色就够了 圆形聚焦 粗框装饰 左起的1/4法则 分散的三角...
平面设计
在众多的设计领域里,包装设计可以说是最贴近我们生活的设计了,因为我们每天都会接触到它们。如果细心去观察它,你会发现,...
包装设计