案例超多!15种海报版式设计的创意形式 收藏

UI交互2022-09-22

版式设计是设计师的必修课,研究再多都不为过,今天鱼先生继续与大家分享,关于版式设计的 15 种实用的版式 设计创意 术,干货系列~

本文方法适用于所有 版式设计 的应用,比如常见的 海报设计 、画册设计、KV 设计等。

ok,开始吧!

往期回顾:

用80张案例,帮你掌握20种渐变色表现形式! hi,我是鱼先生,终身学习践行者。

阅读文章 >

一、一反常态,制造矛盾 想要创意?那就要不走寻常路,敢于一反常态。

反常态直观的理解就是与常识唱反调,与人们直观视觉或心理习惯产生冲突,从而在这种冲突的差异化中产生创意点和视觉效果。

看些案例,加深理解:

左:小孩的身体与大人的脑袋;右:手指出现的人脸

没力气了吧?来杯咖啡吧!

人物表情困乏,除了头部,其他身体都消失了,只剩下衣服,我们经常说累瘫了,那么这个画面就利用了这一点,这在现实中是不可能出现的,与人们的固有思想是矛盾冲突的,在一反常态中起到了吸睛的效果。

创意点来自原汁原味、自然

鱼先生说:

「少即是多」,如同上面两张案例,创意非常直观,所以不需要再用广告语画蛇添足了。

二、大小元素,加强对比 对比的表现形式太多了,比如今天讲的大小对比,另外还有虚实对比,粗细对比,情绪对比等,是设计中非常实用的表现形式。

下次我专门写一篇关于对比设计的文章,今天重点讲大小对比。

来看几组案例,加深理解:

左:玩具小人与真人的大小对比;右:人物与建筑物之间

大家可以看到,大小对比加强之后,视觉冲击力是比较强的。

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

左:大文字与小人,形成强烈对比;右:人物与人物之间的大小对比,趣味性十足

鱼先生说:

其实也是利用了人们的好奇心,通过极端的大小对比去吸引人们的眼球,增加画面的视觉冲击力,从而达到广泛传播的商业目的。

三、照片裁切,妙趣横生 设计中,有时候一张好的照片足以撑起整个版面,可见照片的重要性不言而喻。

选择好了照片之后,还可以采取不同的裁切形式,这里分为 3 点来讲:

常规式 异形式 局部式。 1. 常规式

上面几张案例就是方正的裁切图片使用,这样的设计形式要注意两点。

第一,文案编排,比如主题文字与辅助文字的大小对比、对齐方式等,第二,图片要美观,还需要与我们的主题相辅相成。

既然画面呈现简单,那么就需要设计师把握到图片的精致以及版式的精致。

2. 异形式

异形图片的使用方式,要比常规式具备更好的灵动性。

比如上面两个案例,把图片嵌入柔和的异形内,再配合手写的字体,整体的感觉给人放松、轻松的感觉

左:人的脑袋延伸出一个异形空间,奇思妙想的创意;右:以鹿首为图形,内部嵌入所需图片

3. 局部式

手与腿

这张图片的运用非常的恰到好处,手与腿结合的位置占据整张画面的黄金分割点上,然后再结合文字信息的搭配,整体的视觉是非常突出的。

这样局部放大图片的运用效果,也会彰显整个画面的张力,有点制造故事情节的悬念感,让人产生想象,更起到了吸睛的效果。

四、巧用渐变,五彩斑斓 渐变色是设计师常使用的一种设计形式,大面积使用能够很好的烘托气氛,小面积使用能够起到点缀的作用。

这里看几张案例,加深理解:

大面积渐变色的使用,气氛感十足

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

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

酸性设计中的渐变应用

用80张案例,帮你掌握20种渐变色表现形式! hi,我是鱼先生,终身学习践行者。

阅读文章 >

五、加入立体,空间延伸 运用立体形式很容易加强设计的效果,因为立体在我们的视觉中本来就是比较突出的。

想要做好立体效果,像透视、光影这些基础知识,一定需要有所了解。

字体 3d 表现

铅笔直接立体,成为视觉主体,色彩方面,黑与红的对比比较强烈

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

字体 3d,增加厚重感,提升冲击力

鱼先生说:

平面设计中的立体表现需要通过技法、效果等形式来表现,所以大家在学习的时候,技法和思维要同时进行补充,这样你才能够更好的把自己思想里面的创意用画面表现出来。

六、元素点缀,强调重点 点缀有很多的表现形式,比如颜色点缀、字体点缀、图形点缀等,大家要学会在融合中创新,同样的技法,但通过思想的转换就可以产生不同的创意。

左:字体颜色的点缀去突出想要表达的主题,整体都是黑白色,突然出现黄色点缀自然就比较突出了。

右:渐渐隐藏于背景中的人物,然后上面英文字母点缀。

主角点缀烘托

鱼先生说:

点缀法的表现形式就是找到主题,为重点元素进行点缀强调,比如有的时候字体,有的是图形,或者如上图的人物点缀,其目的性就是为了起到吸睛、强调的作用。

七、几何图形,刚柔并济 顾名思义就是运用几何图形去表现设计,再深入就是可以通过几何形状与色彩、文字、图形的结合运用,去表达你所想要表达的设计效果或商业诉求。

几何图形的拼凑

三角形和圆形的应用

多边形和椭圆形的应用

鱼先生说:

不同的几何图形具备不同的属性,比如三角形有尖锐和切割的意思,圆形和椭圆具备柔和、圆润的意思,所以大家在使用的时候,也要结合产品或企业本身的属性来思考。

八、字体符号,夺人眼球 字体图形化,就是把单个字体或多个字体作为一种图形符号来处理,可以具备识别性,或者单纯作为符号,具体的设计形式要根据项目本身去对应思考。

OK,跟着鱼先生一起看几组案例,加深理解:

人物符号化和数字符号化

左边的的方式比较常见,主题文字与头像的结合,同时保留文字的识别性。

右边如果单独放一个没有调整的数字 8,会显得有些平淡,现在这样进行了一点创意,整个画面就活泼起来了。

字母用元素进行置换处理

完全改变了英文字体的原有结构,采用物体的形式进行置换,同时保留英文字体的识别性。

元素的添加可以根据行业属性,或者利用公司产品的样式结合,这样的设计过程其实也很有趣,就像是自己在“无中生有”的创意一样。

字母符号化

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

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

以物体本身结合字形为创意点,左边就是完全用物体形成了一个数字 5,而右边的 S 字母与鱼尾巴进行了结合

鱼先生说:

我们在使用字体图形化的时候,所制造出来的符号一定是结合商业设计本身,比如最简单的方式就是放大主题文字,或者以主题文字的首字母为图形。

如果再进一步思考的话,就是考虑行业本身的属性,比如最后的两张,一个用到了镰刀,一个用到了鱼尾,表现出来也会起到了吸睛的作用。

九、肌理填充,质感倍增 肌理填充也可以理解为材质的填充,被运用的场景有很多,比如背景、字体、图片,从而起到增加质感的作用。

不同的肌理体现不同的质感,比如下图:

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

光影肌理之美

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

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

利用产品的功能性

鱼先生说:

肌理本身具备质感,这是肌理自带的优势。而且有些行业本身就具备很强的肌理,比如瓷器、钢铁等,我们要学会利用优势,来设计出更好的视觉效果。

十、制造悬念,引发想象 人的想象力是无限的,在创意的手法表现中,可以利用人的想象力来制造悬念、引发好奇。

往往具备想象力的画面,要么有趣,要么充满悬疑性。

比如下图,就属于有趣:

工具与鸟

拉弓要射向哪里呢?

左:这是飞机?右:这是恐龙?

上面两张是乐高玩具的创意海报,用玩具带给孩子无限的想象力,突出产品益智的特点,从侧面也可以表达出人生不设限的含义。

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

神秘感?

鱼先生说:

制造想象就是要引发人们的好奇心,特别是在悬疑电影的推广海报中经常会用到这样的手法。

十一、正负图形,双向奔赴 利用负空间,可以营造双向意图,让画面充满趣味性和寓意。

手与灯泡

瓶子的负空间

左:狼与男孩人脸;右:叉子与酒杯

左:人物与动物;右:产品的形状为负空间,突出产品的原料来自自然

鱼先生说:

负空间的使用,具备有趣性,并且可以通过正负形来表达主题,比如上面的饮料案例,就是通过把水果形成瓶子的负形来表达果汁的原汁原味,简单直接,让人记忆深刻。

鱼提示:正负形在 logo 中的使用也非常频繁,大家不要把某种创意形式局限在排版中。

十二、东拼西凑,有点意思 利用图片或某种元素,进行有规则或无规则的拼接,其目的性就是让画面产生有趣性的同时,突出要表达的主题。

其表现形式可以是具象拼接,也可以是抽象拼接。

一起在案例中加深理解:

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

图片拼接,左边为两张图片拼接;右边为多张图片蒙太奇式拼接

象征性拼接,比如右边带上了 VR 眼睛之后,犹如去到了现场一样真实,通过上面(现实)和下半部(虚拟)的对比,让人对产品的特性一目了然

属性拼接,趣味性十足

鱼先生说:

拼接法的其中一种表现形式就是对立,比如战争与和平,黑与白,在公益海报中也会经常使用这样的对比手法来达到警醒的目的。

比如以下两张公益海报:

利用对立,达到让人警醒的目的

原本写到这里准备结束今天的文章了,但是呢,我任性的想凑够 15 条。

刚好想起了很多同学总是提问的一个设计困惑,那就是如何才能快速提高设计画面的视觉冲击力?

这里就再分享 3 条:提升视觉冲击力有 3 宝:星空、爆炸、强透视。

OK,开始吧!

十三、秘宝一:星空

星空的特性就是浩瀚、璀璨,具备无限的延伸性,星空本身的视觉冲击力就是非常强的,所以当我们在设计项目的时候,可以借用星空的元素来增加视觉性和空间性。

一起来看些案例,加深理解:

星空在影视海报中的应用

右边即便是黑白色的星空,也能够给人以深邃的空间感

我们来举个例子,本例子中用到了秘宝中的两宝,星空和强透视。

主题是画册设计中企业历程的页面,如下图,我找到了一张跨海大桥(强透视)的图片作为主图。

原图并不是很美观,而且我们要在图片上面放文字,图片背景过于零散,文案内容的阅读性肯定是减弱的,所以我们要想办法解决这个问题。

鱼提示:是我很多年前的一张案例了,源文件真的找不到了,直接上最终的完稿图,然后我会给大家解析一下作图过程。

最终完成后如下图:

技法操作:天空背景和星空的融合,我使用了 PS 中的蒙版工具、渐变工具、橡皮擦工具。

这张案例的重点在于 3 点:

更换天空背景,我用到了一张云层较厚的图片,替换掉了原来的较亮天空。 融入星空元素,增加延伸感和视觉冲击力。 统一整体色调,由原来的暖色调,调整为目前的暗冷色调,从而突出文字内容。 鱼先生说:

设计中的图片素材,很少有拿来就可以直接完美使用的,像简单的裁切、修图、色调处理等都是比较常见的优化方式,再深入优化就需要设计师根据自己的审美和项目需求进行素材处理。

十四、秘宝二:爆炸

我们都看过影视剧里面震天动地的爆炸场景,特别是在科幻剧里面的大爆炸,冲击波都能够震毁掉一个城市、一个星球。

所以说爆炸带给我们的直观感受就是冲击力非常之强,那么我们在设计画面中就可以思考加入爆炸元素,从而让设计画面的冲击力加强。

一起来看些使用案例:

爆炸元素的使用在影视作品中经常使用,给人震撼、大场面的效果。

十五、秘宝三:强透视 强透视的画面视觉性本身就很高,能给人很强的视觉冲击力。

看些案例,加深理解:

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

左:运用字体结合环境造成强透视;右:建筑排列形成强透视

左:俯拍人物形成强透视;右:仰拍人物形成强透视

注:本文所有案例均为辅助说明知识点,不作商用,其版权归原作者所用。

写在最后: 有同学总是问我这个效果如何做?那个技巧怎么实现?

对于设计师来讲,软件操作的确需要熟练,但也要明白设计不仅仅是软件,好的设计方法、流程、创意表现,都是需要我们不断掌握学习的。

希望大家在看过鱼先生写的教程后,不要总停留在眼界上,要做到知行合一,在实践中举一反三,才是真正的吸收。

祝好!

OK,下期见!

欢迎关注作者微信公众号:「摆渡鱼生」


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通