Date 2025-12-10 16:37:49
Hello!我是平面布局营的讲师@全蛋 AIR

一张普通的图片,加上一段你必须使用的枯燥文本,如何设计才能更出彩?
如果你想让你的作品更出彩,无非是图片处理得有趣,文字看起来精致美观。这次我分享以下内容 5 一种常用的布局技术,带您提升布局的美感和视觉张力!
更多技法:
在日常设计工作中,我们经常听到需求方这样说:「感觉没有亮点」、「太简单了」、「这就是背景色加文字,感觉大家都能做到。」等等一些话。
阅读文章 >

1. 为什么要学字体混搭?
一般来说,为了在编排中保持视觉一致性,我们更倾向于选择字体「黑体搭配黑体,衬线搭配衬线」,由于字体的原因,这是一种保险方式,不会使整个布局产生非常突兀的感觉。

图片来自网络
但也正是因为这样的保险,整个文字组的形式可能会显得单调,不能满足所有的应用场景,才会有更多的保险「激进的」字体混搭出现。

2. 文字混搭是什么?
所谓的「字体混搭」顾名思义,就是把不同的字体搭配在一起,产生更多的变化来适应不同的场景。字体混搭在视觉上的表现会比较「黑色搭配黑色,衬线搭配衬线」来的更强,所以也会呈现出更活跃的状态,是一种将变化处理成统一的方式。

注:字体混搭看似随意简单,但也有其方法和规律。最重要的是掌握字体「气质」,通过「气质」搭配这个关键点,既能明确搭配方向,又能统一整个文字组的气质。

举个例子:
如果你现在想做一个有文化感的文字组,根据更传统的想法,选择一个有文化感的中文直接安排,或者搭配一定的西文。

但不难看出,这个文字组现在会有点单调,那么我们在这个基础上加一些其他有文化感的字体呢?

例如,将水墨二字调整到标题中的比例「宋体」文化感更强「隶书」,让它错位,可以产生更好的节奏。同时,这种搭配形式也扩展到左下时间文本组,使时间也有一定的变化。
视觉表现是否更丰富,然后稍微调整安排,形式会更不同,文本组的张力也会提高。


2. 为什么文字组要添加图形?
为什么我们觉得以下文字组好看(日语、中英混搭等。),仅仅因为他们安排得当?

事实上,还有一个很大的原因,那就是里面有我们可能不知道的单词。在这个时候,我们不会把它作为一个文本来识别,而是把它作为一个图形来识别。当文本组中有一个图形时,视觉张力将大大提高。
举个例子:
例如,我们可以添加标点符号,标点符号也可以被视为图形。

另一个例子是,我们也可以使用字体中的一些字体符号。例如,在思源黑体中,有许多形状和形状。打开它「字形」我们可以选择面板。与此同时,我们可以在刚才文字组的基础上,使用更丰富的图形来表达。

使用这些符号,然后改变新的文本组,会产生新的差异


1. 如何快速打破僵硬的布局?
从「破格」一个词不难理解它的意思,可以简单理解为「打破规律」。当我们排版时,为了使布局更有序,我们经常使用矩形图片放置在布局中,我们可以直接使用矩形图片的边缘,为我们以后排列的文本组做对齐的参考。

它的优点是显而易见的,但缺点也很突出。也就是说,如果文本组的布局相对简单,整个布局很容易显得僵硬。
举个例子:

适合在这种状态下使用「破格」技术,利用图片中的内容,找到一些突出的边缘,使其超过矩形边缘的切割部分,使整个图片的边缘打破完全水平和垂直的状态,提高一定的张力。

2. 学生改前改后的对比
从这两张图中,也能明显感受到,进行了「破格」处理布局,活动性更强。


1. 如何加强图文之间的联系?
图片和文本的穿插和叠加是为了更好地连接图片中的图片和文本,而不是图片是图片,文本是文本,从而产生强烈的分裂感。

它的直观表现是有些文字会叠在图片上,或者把图片叠在文字上,遮挡文字的某些部分,或者文字和文字之间穿插叠加。人们在观看时,会通过视觉补偿来弥补。

由于穿插和叠加,图片和文本的存在将更加自然,但值得注意的是,当使用图片来阻挡文本时,不应该阻挡太大的面积,否则会影响整体识别。


1. 如何快速提高图片设计感?
半调效果、双色调等,都可以算是图片「风格化处理」,或者直接在图片上增加效果。这种做法的主要目的是影响视觉差异化。

如今,随着互联网的发展,人们可以直接从互联网上获得大量的视觉信息,过多的同质化表现很快就会出现审美疲劳。因此,设计师们不断探索和尝试更具吸引力的表达方式。图片通常占图片的很大一部分,因此在创造视觉差异化方面,在图片中进行风格化处理将更加直接。
通过以下两张图片,我们可以直接看到一张是图片,另一张是一些像素半调节处理,处理图片差异化非常明显,处理设计感相对较强。

当然,这里的风格化处理是一个非常广泛的范畴,并不是指一个单一的效果,可以在图片中使用的效果,可以计算在这个范围内。
2. 半调网屏制作方法
半调网屏效果的制作方法,这里我用视频演示