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

更多设计教程@摆渡鱼生

这是鱼先生的第11篇设计教程

阶段目标：教程100篇

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

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

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

ok，开始吧！

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

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

看些案例，加深理解：

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

▲ 没力气了吧？来杯咖啡吧！

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

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

鱼先生说：

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

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

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

来看几组案例，加深理解：

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

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

▲ 左：大手与人的对比；右：物品大小的摆放

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

鱼先生说：

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

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

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

①常规式

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

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

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

②异形式

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

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

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

③ 局部式

▲  手与腿

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

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

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

这里看几张案例，加深理解：

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

▲ 左：背景渐变色；右：线性渐变形成主体

▲ 左：人物渐变；右：天空的自然渐变

▲ 酸性设计中的渐变应用

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

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

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

▲ 字体3d表现

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

▲  左：心形迷宫的立体表现；右：数字10的立体表现

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

鱼先生说：

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

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

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

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

▲  主角点缀烘托

鱼先生说：

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

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

▲  几何图形的拼凑

▲  三角形和圆形的应用

▲  多边形和椭圆形的应用

鱼先生说：

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

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

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

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

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

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

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

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

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

▲ 字母符号化

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

▲  左：书法字的运用；右：英文字母放大

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

鱼先生说：

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

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

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

不同的肌理体现不同的质感，比如下图：

OK，继续来看些案例，加深理解：

▲ 光影肌理之美

▲ 左：器物本身的肌理质感；右：毛线肌理放大，质感比较强

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

▲ 利用产品的功能性

鱼先生说：

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

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

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

比如下图，就属于有趣：

▲ 工具与鸟

▲ 拉弓要射向哪里呢？

▲ 左：这是飞机？右：这是恐龙？

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

▲ 左：铅笔形成的牙齿；右：钻入空中的人

▲ 神秘感？

鱼先生说：

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

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

▲  手与灯泡

▲ 瓶子的负空间

▲ 左：狼与男孩人脸；右：叉子与酒杯

▲ 左：人物与动物；右：产品的形状为负空间，突出产品的原料来自自然

鱼先生说：

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

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

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

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

一起在案例中加深理解：

▲ 左：动物与人脸的结合，直接拼接；右：动物拟人化

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

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

▲ 属性拼接，趣味性十足

鱼先生说：

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

比如以下两张公益海报：

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

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

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

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

OK，开始吧！

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

一起来看些案例，加深理解：

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

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

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

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

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

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

最终完成后如下图：

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

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

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

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

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

鱼先生说：

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

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

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

一起来看些使用案例：

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

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

看些案例，加深理解：

▲ 左：铁轨的强透视；右：隧道的强透视

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

▲ 左：俯拍人物形成强透视；右：仰拍人物形成强透视

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

写在最后：

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

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

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

祝好！

OK，下期见！

跟着鱼先生系统学习平面设计▼