Date 2025-12-08 16:07:55
布局设计是设计师的必修课,不管研究多少,今天鱼先生继续与大家分享,关于布局设计 15 实用的布局设计创意,干货系列~
本文适用于普通海报设计、相册设计等各种布局设计的应用KV 设计等。
ok,开始吧!
往期回顾:
hi,我是鱼先生,终身学习实践者。
阅读文章 >想要创造力?那就不要走寻常路,敢于一反常态。
异常直观的理解是与常识唱相反,与人们的直观视觉或心理习惯发生冲突,从而在这种冲突的差异化中产生创造力和视觉效果。
看一些案例,加深理解:

左:孩子的身体和大人的头;右:手指出现的人脸

没力气吧?来杯咖啡吧!
角色的表情很困,除了头,其他身体消失了,只有衣服,我们经常说累瘫痪,所以这张照片使用了这一点,这在现实中是不可能的,与人们固有的想法冲突,在异常状态下发挥了引人注目的效果。

创意来自原汁原味,自然
鱼先生说:
「少即是多」,就像上面两个案例一样,创意很直观,不需要用广告语画蛇添足。
对比的表现形式太多了,比如今天的大小对比,以及虚实对比、粗细对比、情感对比等。,这是设计中非常实用的表现形式。
下次我专门写一篇关于比较设计的文章,今天我将专注于大小比较。
看几组案例,加深理解:

左:玩具恶棍与真人的大小对比;右:人物与建筑物之间的比较
如你所见,大小对比加强后,视觉冲击力相对较强。

左:大手与人的对比;右:物品大小的摆放

左:大文字与恶棍形成强烈对比;右:人物与人物之间的大小对比,充满乐趣
鱼先生说:
事实上,它也利用人们的好奇心,通过极端的尺寸比较来吸引人们的注意力,增加图片的视觉影响,从而达到广泛传播的商业目的。
在设计中,有时一张好照片足以支撑整个布局,这表明照片的重要性是不言而喻的。
选择照片后,也可以采用不同的切割形式,分为 3 点来讲:
常规异形局部式。1. 常规式


以上案例采用方形切割图片,这种设计形式要注意两点。
一是文案编排,如主题文字与辅助文字的大小对比、对齐等,二是图片要美观,还需要与我们的主题相辅相成。
由于图片呈现简单,设计师需要掌握图片的精致和布局的精致。
2. 异形式


使用异形图片的方式比常规图片更灵活。
例如,在上述两种情况下,将图片嵌入柔和的异形中,然后配合手写字体,整体感觉给人一种放松和放松的感觉

左:人的头延伸出一个异形的空间,一个奇思妙想的创造力;右:以鹿首为图,所需图片嵌入内部。
3. 局部式

手与腿
这张图的使用非常恰到好处。手和腿的结合占据了整个画面的黄金分割点,然后结合文字信息的搭配,整体视觉非常突出。
这样,局部放大图片的使用效果也会突出整个画面的张力,营造出故事情节的悬念感,让人有想象力,起到引人注目的作用。
渐变色是设计师常用的一种设计形式,大面积使用能很好地衬托气氛,小面积使用能起到点缀作用。
以下是一些案例,以加深理解:

采用大面积渐变色,气氛十足

左:背景渐变色;右:线性渐变形成主体;

左:人物渐变;右:天空的自然渐变

渐变应用于酸性设计中
hi,我是鱼先生,终身学习实践者。
阅读文章 >使用立体形式很容易增强设计效果,因为立体在我们的视觉中更为突出。
要做好立体效果,比如透视、光影等基础知识,一定要有所了解。

字体 3d 表现

铅笔直接立体,成为视觉主体。在色彩方面,黑色和红色的对比度相对较强

左:心形迷宫的三维表现;右:数字 10 的立体表现

字体 3d,增加厚重感,增强冲击力
鱼先生说:
平面设计中的三维性能需要通过技术、效果等形式来表达,所以当你学习时,技术和思维应该同时补充,这样你就可以更好地用图片来表达你的想法。
装饰有很多表现形式,如色彩装饰、字体装饰、图形装饰等,我们应该学会在整合中创新,相同的技术,但通过思想的转变可以产生不同的想法。

左:字体颜色的点缀突出了要表达的主题,整体为黑白,突然出现黄色的点缀自然更加突出。
右:逐渐隐藏在背景中的人物,然后用英文字母装饰。

主角点缀烘托
鱼先生说:
装饰方法的表现形式是找到主题,强调关键元素,如有时字体,有些是图形,或上面的角色装饰,其目的是发挥吸引眼球、强调的作用。
顾名思义,它使用几何图形来表达设计,然后通过几何形状和颜色、文本和图形的结合来表达你想要表达的设计效果或商业需求。

拼凑几何图形

三角形和圆形的应用

多边形和椭圆形的应用
鱼先生说:
不同的几何图形具有不同的属性。例如,三角形具有尖锐和切割的含义,圆形和椭圆具有柔软和圆形的含义。因此,在使用它们时,我们也应该考虑产品或企业自身的属性。
字体图形化是将单个字体或多个字体作为图形符号进行处理,可以识别或简单地作为符号。具体的设计形式应根据项目本身进行相应的思考。
OK,和鱼先生一起看几组案例,加深理解:

人物符号化和数字符号化
左边的方法比较常见,主题文字和头像的结合,同时保留了文字的识别。
如果右侧单独放置一个未调整的数字 8.会显得有点平淡。现在有了一点创意,整个画面就活泼起来了。

置换处理字母元素
在保留英文字体识别的同时,完全改变了英文字体的原始结构,以物体的形式进行置换。
元素的添加可以根据行业属性或公司产品的风格进行组合。事实上,这样的设计过程也很有趣,就像你在“无中生有”的想法一样。

字母符号化

左:钢琴和字幕 J 结合;右:字母 A 与植物结合

左:书法字的使用;右:放大英文字母

以物体本身与字形相结合为创意点,左边完全用物体形成数字 5,而右边的 S 字母与鱼尾结合
鱼先生说:
当我们使用字体图形时,符号必须与商业设计本身相结合。例如,最简单的方法是放大主题文本,或以主题文本的首字母为图形。
如果进一步思考,就是考虑行业本身的属性,比如最后两个,一个用镰刀,一个用鱼尾,也会起到引人注目的作用。
纹理填充也可以理解为材料填充,使用的场景很多,如背景、字体、图片等,从而增加纹理。
不同的纹理反映了不同的纹理,如下图所示:

OK,继续看一些案例,加深理解:

光影纹理之美

左:器物本身的质感;右:毛线纹理放大,质感强

绿叶纹理与人物腹肌的结合,创意来自于产品本身的功能

利用产品的功能
鱼先生说:
纹理本身就有纹理,这是纹理本身的优势。有些行业本身有很强的纹理,如瓷器、钢铁等,我们应该学会利用这些优势来设计更好的视觉效果。
人的想象力是无限的,在创造性的表现中,可以利用人的想象力来创造悬念,引起好奇心。
有想象力的画面要么有趣,要么充满悬念。
比如下图就有意思了:

工具与鸟

拉弓应该射向哪里?

左:这是飞机吗?右:这是恐龙吗?
以上两张是乐高玩具的创意海报。玩具给孩子们带来无限的想象力,突出产品教育的特点,也可以从侧面表达生命的无限意义。

左边:铅笔形成的牙齿;右边:钻进空中的人

神秘感?
鱼先生说:
创造想象力是为了引起人们的好奇心,尤其是在悬疑电影的海报推广中。
利用负空间,可以创造双向意图,让画面充满趣味性和寓意。

手与灯泡

瓶子的负空间

左:狼和男孩的脸;右:叉子和酒杯;

左:角色和动物;右:产品的形状为负空间,突出产品的自然原料
鱼先生说:
负空间的使用很有趣,主题可以通过正负形来表达。比如上面的饮料案例,就是把水果变成瓶子的负形来表达果汁的原汁原味,简单直接,让人记忆深刻。
鱼提示:正负形在 logo 它的使用也很频繁,我们不应该局限于排版中的某种创意形式。
有规则或无规则的拼接使用图片或某些元素,其目的是使画面有趣,同时突出要表达的主题。
它的表现形式可以是具体拼接,也可以是抽象拼接。
加深对案例的理解:

左:动物与人脸的结合,直接拼接;右:动物拟人化

图片拼接,左边是两张图片拼接;右边是蒙太奇拼接的多张图片

象征性拼接,如右侧带 VR 眼睛之后,就像去现场一样真实。通过上面(现实)和下半部分(虚拟)的对比,人们可以一目了然地看到产品的特性。

属性拼接,充满乐趣
鱼先生说:
拼接方法的一种表现形式是对立,如战争与和平、黑白,这种对比方法经常用于公益海报中,以达到警惕的目的。
比如以下两张公益海报:

利用对立来达到警惕的目的
本来写到这里准备结束今天的文章,但是,我任性的想凑够了 15 条。
刚想起很多同学总是提问的一个设计困惑,那就是如何快速提高设计画面的视觉冲击力?
这里再分享一次 3 条:提高视觉冲击力 3 宝:星空,爆炸,强透视。
OK,开始吧!

星空的特点是广阔明亮,延展性无限。星空本身的视觉冲击力很强。因此,当我们设计项目时,我们可以利用星空的元素来增加视觉和空间。
让我们看看一些案例,加深我们的理解:

星空在影视海报中的应用

即使是右边的黑白星空也能给人一种深刻的空间感
让我们举个例子。这个例子使用了秘宝中的两个宝藏,星空和强大的透视。
主题是相册设计中企业历程的页面,如下图所示,我找到了一张跨海大桥(强透视)的图片作为主图。

原始图片不是很漂亮,我们必须把文本放在图片上,图片背景太分散,文案内容的可读性必须减弱,所以我们必须找到解决这个问题的方法。

鱼提示:这是我多年前的一个案例,源文件真的找不到,直接在最后的草稿上,然后我会给你一个绘图过程的分析。
最终完成后,如下图所示:

技术操作:我使用了天空背景与星空的融合 PS 蒙版工具、渐变工具、橡皮擦工具。
这个案例的重点是 3 点:
更换天空背景时,我使用了一张厚厚的云图片来替换原来明亮的天空。融入星空元素,增加延伸感和视觉冲击力。统一整体色调,从原来的暖色调到现在的暗冷色调,从而突出文本内容。鱼先生说:
设计中很少有图片材料可以直接完美使用,如简单的切割、图纸修复、色调处理等是更常见的优化方法,然后进一步优化需要设计师根据自己的审美和项目需要进行材料处理。

我们都看过电影和电视剧中震撼人心的爆炸场景,尤其是科幻剧中的大爆炸。冲击波可以摧毁一个城市和一个星球。
因此,爆炸给我们带来的直观感觉是冲击力很强,所以我们可以考虑在设计图片中添加爆炸元素,从而增强设计图片的冲击力。
我们来看看一些使用案例:


影视作品中经常使用爆炸元素,给人震撼、大场面的效果。
强透视图本身视觉性很高,能给人很强的视觉冲击力。
看一些案例,加深理解:

左:轨道强透视;右:隧道强透视

左:利用字体与环境相结合,形成强透视;右:建筑排列形成强透视

左:俯视角形成强透视;右:仰视角形成强透视;
注:本文所有案例均为辅助解释知识点,不作为商业用途,其版权属于原作者。
有些同学总是问我怎么做这个效果?如何实现这个技能?
对于设计师来说,软件操作确实需要熟练,但我们也应该明白,设计不仅仅是软件。良好的设计方法、流程和创造性表现需要我们不断掌握和学习。
希望大家看完鱼先生写的教程后,不要总是停留在眼界上,要把知行结合起来,在实践中举一反三,才是真正的吸收。
祝好!
OK,下期见!
欢迎关注作者微信微信官方账号:「摆渡鱼生」
