100张案例!讲透海报版式设计的15种创意形式

100张案例!讲透海报版式设计的15种创意形式

更多设计教程@摆渡鱼生

图片[1]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂
这是鱼先生的第11篇设计教程
阶段目标:教程100篇

Hi,我是鱼先生,不止会设计的90后解忧大叔。

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

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

ok,开始吧!

图片[2]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

想要创意?那就要不走寻常路,敢于一反常态。

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

看些案例,加深理解:

图片[3]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[4]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[5]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

鱼先生说:

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

图片[6]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

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

图片[7]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[8]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[9]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

鱼先生说:

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

图片[10]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

设计中,有时候一张好的照片足以撑起整个版面,可见照片的重要性不言而喻。

选择好了照片之后,还可以采取不同的裁切形式,这里分为3点来讲:①常规式②异形式 ③ 局部式。

①常规式

图片[11]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂
图片[12]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

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

②异形式

图片[13]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂
图片[14]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[15]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

③ 局部式

图片[16]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲  手与腿

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

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

图片[17]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[18]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[19]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[20]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[21]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 酸性设计中的渐变应用

鱼提示:在前面的文章中,我专门讲过渐变色在版式设计中的20种形式,大家可以去翻看我之前的文章。

图片[22]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[23]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 字体3d表现

图片[24]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[25]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[26]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

鱼先生说:

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

图片[27]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[28]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[29]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲  主角点缀烘托

鱼先生说:

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

图片[30]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[31]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲  几何图形的拼凑

图片[32]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲  三角形和圆形的应用

图片[33]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲  多边形和椭圆形的应用

鱼先生说:

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

图片[34]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[35]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 人物符号化和数字符号化

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

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

图片[36]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 字母用元素进行置换处理

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

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

图片[37]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 字母符号化

图片[38]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[39]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[40]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

鱼先生说:

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

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

图片[41]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[42]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[43]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 光影肌理之美

图片[44]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[45]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[46]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 利用产品的功能性

鱼先生说:

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

图片[47]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

比如下图,就属于有趣:

图片[48]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 工具与鸟

图片[49]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 拉弓要射向哪里呢?

图片[50]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[51]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[52]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 神秘感?

鱼先生说:

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

图片[53]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

利用负空间,可以营造双向意图,让画面充满趣味性和寓意。

图片[54]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲  手与灯泡

图片[55]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 瓶子的负空间

图片[56]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[57]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

鱼先生说:

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

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

图片[58]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

一起在案例中加深理解:

图片[59]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[60]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[61]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[62]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 属性拼接,趣味性十足

鱼先生说:

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

比如以下两张公益海报:

图片[63]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

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

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

OK,开始吧!

图片[64]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂
图片[65]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

图片[66]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

▲ 星空在影视海报中的应用

图片[67]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

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

图片[68]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[69]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

最终完成后如下图:

图片[70]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

① 更换天空背景,我用到了一张云层较厚的图片,替换掉了原来的较亮天空。

② 融入星空元素,增加延伸感和视觉冲击力。

③ 统一整体色调,由原来的暖色调,调整为目前的暗冷色调,从而突出文字内容。

鱼先生说:

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

图片[71]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂
图片[72]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

一起来看些使用案例:

图片[73]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂
图片[74]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[75]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

强透视的画面视觉性本身就很高,能给人很强的视觉冲击力。

看些案例,加深理解:

图片[76]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[77]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

图片[78]-100张案例!讲透海报版式设计的15种创意形式-鱼先生设计课堂

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

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

写在最后:

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

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

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

祝好!

OK,下期见!

© 版权声明
THE END
欢迎分享!共同成长!
点赞68 分享