@研习设K先生 :我们道,文字与图是版面中重要的视元素,文字的排列决定受众的阅读效果,而图则更容易吸引受众的视,而且在版面中,他们数情况下是一出现的,所以说在我们的设计程中,他们两者之间的编排形式就很重要。么个看似简单的课题,又有哪问题和细节是值得我们注意的?先来欣赏一图文混排的作品。
海报、DM、网页、长图、杂志、报纸等等媒介,都存在着大量图文混排应用。
在我们进图文混排过程,首先要注意是图片与文距离。图片和文放在起话,要么是文说明图片,要么是图片表文内容,也是他们内容是相关,如距离没有控制好,会读者带来阅读障碍。
来看个小例子,如版有张图片和组文,那么他们距离要不离太近或太远,在保证美观度情况下,都可以接受。
不过他们距离特近,像现在这样,几乎贴在起了或者特远情况,没有其他符号进装饰,看起来不是那么没美观了。
正常情况下,如我们以文作为参照物,文高度为1X,那么文和图片距离保持在个文高度。
或者1.5X,括两个高度都没问题,看起来是比较舒服,这是在张图片和段文情况下。
在版出现了两组或两组以上图文组合,这个时候我们不能单纯考虑组图文距离了。
排忽视距离效会变成这样。
现在版这两组图文,隔距离如太近,样会造成版混乱,信息传递不晰,我们很难分辨出哪段文是解释哪张图形。这两组图文隔距离加大,他们关系很明确了。版式设计的目的就是美观、清晰、快速的向外传递信息,尽量不要给读者的阅读设置种障碍。
距离块搞懂,来一下图与文字的局。在版式设计的程中,图与文字的局也同样重要,我们不能单纯的为美观,而忽视文字的读。
比版面中的三组图文混排的信息,在正常情况下我们根据版面的尺寸,设计成两种常规的形式。不形式,有的同学得样太普通,想做点变化。
做变化以,来看种局形式,同样很美观,很漂亮,但是文字与图之间的联系就很模糊,阅读的顺序让人摸不到什么规律,所以说是一个形式上美观但功能很弱的设计。
果你就是想设计成种形式的,么在图与文字的组合之间,加来进行分割,才能缓个问题。
除用来做分割,决个问题的方式还有很。比同样是使用条,我们还以使用的连接功能,将文字和其所对应的图联系到一,提醒受众,段文字是用来释图的。
另外,我们还以使用序号的标注,来强化提示文字与图的联系。
包括用位置关系,将版面中图、文字相对应,也以很自的把他们联系到一,是图文混排做变化,又不影响阅读验的小技巧。
来看个组合的形式,版式上看似没什么问题,但是种把图插在段落文字中间的方式尽量不要使用。因为图出现在个位置阻碍我们正常的视流动,读者在阅读一整段信息的节奏被打乱,产生不连贯的感,所以说也是一个错误的案例。
换成竖排的文字,道理也一样,图的局要在不阻碍我们视流动的基础上编排。
在图文混排的版面中,还需要注意两种视元素的协统一,统一的重要在以前的内容里讲,它直接影响着整个版面的视效果。因此我们就应该想办法,尽量减少图与文字之间不协的感。
果是文字量的段落文字,么种文字与图宽度一致的方式属统一最强的。左右结构的,最也要证他们的高度是一致的,是秩序。
单纯的搞成样,肯定是不舒服的。
要是文字量少的标注、注文字,我们证文字信息与图的对齐就以。左对齐、右对齐、居中对齐很舒服。
果文字的位置放在种不左不右不居中的位置,想做统一就比困难。
在完整的图内部加文字信息的时,文字信息一般到释图的用,图与文字做比,图相对更重要,是主,样的我们做类似设计的时就要注意文字不能抢图的风头、破坏图的完整。
文字与图重叠,文字不要压住图中重点展示的位置,最吸引人的位置被压住。结果就是现在样,文字破坏图的美观度,阻碍图形向外传递信息的速度。
果文字是放在几个地方,就完没有问题,文字释图。
图,当文字被安排在绿叶的位置,它的颜使用绿就不太合适,和图个区域的颜太接近,文字识别变得很差。把文字换成白,与图进行区隔,就不出现个问题。
当,上面提到的是用文字来释图形,果我们用图形为背来说的,他们的主次关系反转,就是另一回。
这是我们为这节课设计案例,个版形,主要是由图片与文混排构成。里在细节控制,也都是遵循了我们前内容所提到知识,不管是体美感是传递信息都很舒服。
比如前提到图片与文距离问题,不远不近,正好合适。这里两组图文隔距离加大,也是为了不读者阅读增加负担。
文出现在图片内部时候,注解类文不能压住图片展示位。
包括前面讲过的他注意事项,我们在欣赏优秀作的时候都可有意识的观察,看看别人在做图混的时候是是这样处的。注意并解了这些知识点后,把他们应到自己的设计过程中,这是我们习、升的过程。
来总结一今天的容,在我们进行图混的时候要注意控制好图片与字的距离,要给读者设置障碍,图片与字的布为了美观而破坏字的识别性,注意图片与字的统一性,如果字在图片中,字破坏图片的整性,颜色需要有对。
欢迎关注研习的公众号:「Yanxishe2017」