赞助商
立即赞助

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

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

@研习设K先生 :版式设每设师必备的基本功了,那么如何限的版面中,通过不同的编排去出多的可能性,常常让人很疼的。比如家学习各种排版风格时,会不会觉得绪?那我们到底应该从哪里始学起呢?本的内中,我就家准备了一款功能与形式感并存的编排技巧,也就文字补丁风格。

首先我们看几作品,家能够发这两画面中哪些共同点么?

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

相信有已经看出来了,是我们今天主,文补丁。在这三个版,虽然文补丁从层级关系上来讲并不要,由于补丁运用会让他们显常抢眼。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

那我们再来看,文补丁作为主要元素时,这类编排风格所呈现出效是什么样呢?体来看,是形感常突出,而信息看上去也是比较醒目。

所以这种编排技巧的主特征,就将文字添加相应的色块,让文字色彩形一整体。实的方法虽然简单,但所呈出的效果却不简单。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

从气质分析,这类编排形式,会让版面给人一种激轻的印象。相对,它就合去表那种轻、活力,这样的内。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

那我们怎么去理解它呢?我们可以从文字发展的历史看看,铅字时,文字被雕刻出,本身就一块状底的。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

所以我们可以将这种文字衬底色的编排形式,理解过拼版的铅字外观。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

之所以叫它文字补丁,因这类技巧中,文字背景之间分的,就好活中的补丁一样。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

俗话,源于活,设当然也一样。比如画面中这两图片,就我们平时活中到处可见的小广告。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

所以很多设师就参考了这灵感,运用到了自己的设中,通常会给人耳目一新的感觉。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这三个海报是最基本文补丁形,算是很简单,是大家要注意,我说这个简单是说文补丁形比较简单,并不是说作品体简单,其实这三个海报排版是很精致。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

拿这两个海报话,是相来说,形感比较强,比较复杂文补丁形了,这个创作者排版基本功要求极高。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这三个海报,是分利用了街边小广告、文件袋以及印痕形。它们构成形依然没有逃出文补丁形,是文载体不而已。

类似这种将文字安排色块的编排风格,它如何发展这样的形式呢?了一去了解这种编排技巧的历,我们可以从设的发展历史中去寻找一些蛛丝马迹。那么接下我将领家一起追根溯源,去寻找隐藏它背后的思维逻辑。通过翻阅的资料,我们知道了,其实这种风格它并不什么新的手法,它甚至早可以追溯到维多利亚时的海报作品。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

当时,人们的思还不能接受抽象的图形,所以文字的承载都一些常见的事,比如船帆、条幅以及绸。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

随设的发展,就始出了一些相对超的思流派。从德的青风格与维也纳分离派始,版式中就始逐渐出了几何线条,这也的设奠了基础,这时候,文字补丁风格基本已型了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

到了 20 世,由于商品济动了海报的需求,文字与图形之间的搭配组合也日渐熟了起。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

随后,基于对抽象语言的认同,俄罗斯先锋派承担起了「建构未」的使命。并启了以「构主义」核的运动。这种图形与文字的结合形式,也被俄的构主义推向了极致。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

包豪斯分别吸收了风格派构主义的思,所以这种文字补丁的风格就自然被继承了下。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

与此同时,作东亚语言排印设先锋的日本,也受到了包豪斯设理念的影响,早的日本设,也常会运用这种手法。

虽然说版式的编变莫测,但是万变离宗的,面对各种编格,我们需要做的就是总结中的规律和技巧,把大问题变成一个小问题,然后逐一解决它们。因为只有在前人的肩膀上我们才看得更远。在了解了字补格的由来后,我们继续来分析一,这类技巧都有哪些特点。平面设计的主功能「信息的传达」,让文字信息变得加醒目,恰恰文字补丁风格的主特性。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这品牌 VI 识别系统中,对安全空间的规范内。过品牌设的同学们应该都所了解。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

假如其他元素侵入了标志的安全区域,就会影响到标志的完整性与阅读性。也因如此,标志周围会规一的安全区域。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

文字也一样的道理,只文字的四周预留出一范围的空间,就能视线喘息的余,阅读性与辨识度也就增强了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

文字的编排中,每一段文字其实都具一安全的识别区域,我们的行距字距都不可以小于这区域,不然就会变得难以阅读。

从宏观的角来看,版心越小,版面中的容就越于阅读。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

看到这里可有的人会问,既然只要留适当的空间就可了,那为么还要入补色呢?这就说到另外一个键因素了,那就是字的背景。那么为了更方大对这个问题的解,接来我设计了一个对环节,大更直观地感受一,字在同的背景都会受到哪些影响。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

如果是相对干净的背景,字直接添在上面会有么问题,但是如果图片稍微复杂一些的话,就会影响到字的识别了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这个时候,在字和背景之间,添一个色,就可美解决识别这个问题了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这样一来,字信息就会像补一样贴在背景上,无论背景中的图像如何变,都会影响到字的识别。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

正是由于这种抗干扰的特性,字补这种编格经现在电视节目的包里。色变成为了隔绝态背景和字间的一个有效的屏障,它保证了信息够受干扰的传播。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

仅如此,在信息上添颜色,是一种较的强调手法。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

在帧设计里经会到这个技巧。对于那些相对重要的信息,我们就可字补的形式进行强调处。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

但是在这类版面里,我们需要格外注意的键点就是,既然是强调,就要保证被强调的那个分,在视觉面积上要小于余的分。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

因为只有这样才达成视觉上的对效果,如果一个版面中几乎有的信息都在做强调处,就导致了整个版面里没有一个元素够被凸显来了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

另外,色的入会为整个版面带来一定的效果。

说到装饰效果,就不得不提到「形式追随功能」,个概念是国包豪斯的教义,更是现代设计的基准则。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

而这个观点的人,最早可追溯到 19 世纪芝哥派的中坚人物,路易斯·利。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

他认为「是精神上的奢侈,而是必需」,如在大自然中,事物仅仅通过自身的结构,就产生美感,设计应该是这样的。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

如说,飞机的外形结构只要符合空气,它呈现的样貌看上会非美观。再如,一把刀只需要设计得于使,它的外观就自然会呈现一种舒适的美感,全需要额外添雕和他的。

我们来看画面中的报,版面中所构成的形式感,就完来源内容身的结构特征。信息是什么结构,装饰图形就是什么样的。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

在文字补丁风,内部的思想和功能,接下来我们将带领大家一从表面去析它,看一看类技巧还具有哪变化上的能?么经一番总结,我们大致将其中的变化特征划分成八大类型。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

首先是彩,彩是添加变化的有力手段,在版面中为文字补丁添加不同的彩,不仅能强化装饰效果,同时也改变画面对外的整观感。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

富的彩能够传递出更加年轻、活力样的印象。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

是描边,不只是文字以描边,它下方的「补丁」同样也以运用个技巧。随着描边的加以放「补丁」身的彩范围。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

即使采用和底一样的彩,边缘也清晰见。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

接着是融合背,是一种透明与不透明之间的一种半透明状态。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

运用半透明的文字补丁,既能够把底图案衬托出来,同时又不因为对比太强,而干扰到文字的识别。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

我们道,当两个或两个以上的元素相互靠近,人们就下意识的将他们看成一个整,在文字补丁技巧中也具有相同的现,就是块组合。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

当个文字补丁相互靠近,他们就形成一个新的形状。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

还以加倾斜角度,让版面产生新的动势。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

活跃版面的同时也避免给人呆板的印象。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

当,一个文字补丁上不一定只能承载一段文字,也以把段文字添加在同一个块上,它就成为一个更小的版面。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

也是一个非常有趣的变化形态。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

文字还以嵌到补丁的块里,形成一种窥视的效果,既以展现细节,同时又不显得凌乱。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

最就是透视的加,透视它能够打破版面的度,同时也以营造出一定的纵深效果。个与倾斜的手法有类似,同样也具备营造动感的属。

虽然这只介绍了种方法,但其实它并不味着就只能独去运用它。这个就像武术中的招式一,不同的组方式也会带来不一的效果。如果将多种方法随机组,也就会延展出更多不同的外观,每一种都会体现出它独的一面。那下来就一起,当它相互组,都能给带来哪些有趣的版面风格。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这个画面中的「文字补丁」不仅采用了描边法,同也加入了色彩上的变化。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这个是将修改颜色色块的描边做了一个结。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这个是透视角度的倾斜,其实它还有灰度上的一个变化。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

由此可见,色块之间的组法。加上在同一补丁中添加更多文字的巧,它之间的组也会得更多不一的版面。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

画面中的这组海报,就是运用了三种法。色彩的切换、补丁色块之间的组,再加上个补丁内的更多字,让版面中的素呈现出了更丰的变化性。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这组杂志封面,也是同运用了,倾斜的角度加上更多的文字以及色块的组。整体给人一种活泼、新颖的视觉受。

为了便于理解,接下来我们运用今天所学到知识去做个完设计案例,首先我们来看文案,这是个家具广告文案。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

画面中展示的,就是需要使用的产品图片。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

首先确定版心的大,根据头脑中的大致草图去规划网格。下来,将图片裁切后,以三等的形式置入版心。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

紧着,置入主标题,会发现,文字的识别度非常低,这就可以运用这节课所讲的文字补丁了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

只要在文字下方置入一个色的色块,就可以保证文字的识别度了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

下面根据文案,来编排辅助息,划层并做好排列组之间的关系。然后置入图片,同的,现在版面中还是会出现文字识别度低的问题。这同在文字的后面置入一个色的色块,它既增加了识别度,也调了统一性,左下角的息也采用同的法添加上去。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

最后,编辑好商品的息,然后置入图片。此同提取图片中木头的颜色,作为文字的底色,增加息的识别度。这这个版面就完成了。

我们再做个案例,过文案我们可以看出,这是个关于探索城市和关系展览。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

说城市,首先能够让人想的就是城市的高楼林立,或者是夜色下的城市光景。而游击队这个词,通常是指一个全武装的人,经常出没在人烟稀少的地方。那计的方向这就大致确定下来了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

经过筛选,最终选择了这张图片作为版面的底图。按照惯例,确定好版心的位置,然后是划网格的大,紧着,根据照片中高楼的透视,确定出主体的位置。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

这的主形象是利用色块的透视关系,去模拟城市的高楼印象。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

图片整体为蓝色,所以的图形选择黄色去增加对比。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

将理好的主形象置入版面中,在顶部的色块上添加文字息。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

其的辅助文字,也采用相同的理法,来达画面的统一性。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

在版面中的空位置上,添加理好的其内容。这个版面也就基本完成了。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

可能有的人会问,为什底部的字也要加上色块呢?这可以做个实验。文字反后识别效果是不是就显得非常差了?所以底部的字还是需要使用色块的。

我们来看下最终效。

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

那本期教程到这里结束了,我们今天所讲是文补丁技巧,可以从多度去理解它构成出发。从质上来说,这类风格更适合去表现那些年轻和具有活力信息内容。然成熟稳版也可以过添加少量文补丁去活跃氛。从功能上说,文补丁能够最大限度装信息传效率,并具有突出强调作用。从形上来说,这从功能去导出形感手法,要更加客观和高效。在变化上,我们共结出了八法,再加上不组合形,可以延展出更多不表现形。

欢迎关注研习社的微信公众:「Yanxishe2017」

找不到排版灵感?来看这个平面高手都在用的「文字补丁」排版方法!

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

相关文章

洋葱设计是一家位于台北的跨领域的设计工作室;两次获得第 57 届和第 62 届格莱美“最佳专辑包装”提名;并获得第 30 届金曲奖“...
唱片设计
@汉仪字库 :今天这组书法名家的字体打包,几乎都是大咖,设计师作品包括张艺谋《影》、陈可辛《武侠》、《暴雨将至》、《大...
中文字体
今天用一个邀请函设计的实战案例,和大家分享我的快速向他人学习的一个方法,希望对大家有启发作用哦~ 欢迎关...
平面设计
这9种方法可以让 Banner 中的文本标题快速具有形式感。 一、分栏式布局+剪切蒙板 二、沿着图片背景元素走向排布 三、用不同...
Banner设计
不知道大家有没有遇到过这样一种情况,我们在做字的时候,发现做好的两个字死活搭不到一块,明明字分开看都没有问题,可是放...
中文字体设计
本文总结了 9 个排版的小技巧,帮你快速提高版式设计能力。 两种颜色就够了 圆形聚焦 粗框装饰 左起的1/4法则 分散的三角...
平面设计
近年来,「设计规范」逐渐被「设计体系」或「设计语言」的概念重塑。基于一套架构严谨、规则统一的体系框架,产品表现层面的...
一致性原则
在2018年的各种设计当中,我们看到了更加大胆的字体排版设计。纤细的字体似乎出现的频率越来越低,而大胆的色彩、锐利的轮廓...
2018设计趋势