版式设计是设计师的必修课,研究再多都不为过,今天鱼先生继续与大家分享,关于版式设计的 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,下期见!
欢迎关注作者微信公众号:「摆渡鱼生」