排版《玉女心经》之创意分析（下篇）
排版神功又来了，爱卿们想我了没~又是5500字干货，大家要好好修炼哟！许久不见，甚是想念！
估摸着爱卿们又想念本王的小皮鞭了，所以，寡人今天又来了。且带来了排版神功「创意分析」的下篇。
闲话少说，赶紧操练起来！
https://img.zcool.cn/community/02yutla2qyafqgo14ell8k3437.png
开始前先回顾下上篇的猫式创意流程。
https://img.zcool.cn/community/02qhumrhik7ulpebm4v6r43531.jpeg
为什么先说这个呢？回顾是一方面，另一方面是上篇发出后，有爱卿评论道：
发散创意是啥啊，看完了我对这个定义有些模糊。我总结的流程是三步（图里的1、3、4）。1.先确认目标，然后看受众人群，来选择风格。2.然后就去找符合目标和风格的素材。3.最后按照风格来排版吗？
https://img.zcool.cn/community/02e8egk26ipxjh4xhnhe9e3438.jpg
猫说：
合适的创意是在了解受众的偏好基础上来做的，创意包含很多东西，而风格只是创意中的一种。
打个比方，如果受众人群是小朋友，那么风格应该是活泼、热情、有趣味的，但这也仅仅为画面创意指明了方向，我们需要在此方向上继续去发散，思考怎么具体表现活泼、热情、趣味。
用什么样的表现形式、什么样画面内容？是采用摄影照片还是插画表现？如果是插画那又是什么风格的插画，插画讲了什么、表达什么，用什么元素、什么构图、什么色彩？这些思考都是得出具体创意不可或缺的过程。
https://img.zcool.cn/community/02uss9q9akyiopqei4jqwl3535.jpg
总之嘛，先定下目标是没错的，我们所有的思考、工作，都是为了实现目标而努力。这种思考方式也可称之为「目标导向思维」。
下面，本王通过俩案例来阐述一下猫式创意流程！
https://img.zcool.cn/community/02x5tgokils9rol7k6d2b23834.jpg
首先看第一个，「我认出风暴」展览海报。
我认出风暴
先来看下文案：
我认出风暴，蒋志个展
展期Curation
2018年7月21日—年9月8日
每天10：30-18：30地点Venue
魔金石空间 北京 朝阳区 酒仙桥路2号大山子798艺术区
Magician Space ，798 Art District, 2 Jiuxianqiao Road, Chaoyang District, Beijing
看完文案，绝对不要直接上手做，而是先去分析确定目标，首先要搞清楚展览的内容背景等，也就是咱创意流程的第一步。
很多作品展海报会用展品图片进行设计，比如下面这几个。
https://img.zcool.cn/community/02vrpmmj0wd33d7catn8co3636.png
不管是瓷器展、文物展、摄影展、画展，特别多的展览都会首选展品进行海报设计。
「我认出风暴」当然也可以以展出作品进行设计，但是吧，这展览他有明确的主题——我认出风暴。直接用展品做设计，是无法体现出这个主题的。
如果展品中有能表现风暴主题的还好，可惜并没有。所以要表现主题，就要另找方向，我们就要继续去了解，主题为什么要用「我认出风暴」，了解了来源才能更好的进行设计。
https://img.zcool.cn/community/02jpka6qvpdclci5xeqokh3637.jpg
「我认出风暴」其实来源于里克尔的一首诗《预感》，里面有这么一段：
我认出风暴而激动如大海。
我舒展开来又卷缩回去，
我挣脱自身，独自置身于伟大的风暴中。
无惧风暴并且迎接它——风暴即是灵感。了解这些后，我们就可以确定基本的设计目标了：画面可以只体现风暴来临，但更好的是体现迎接风暴的感觉。风格上，可以偏艺术一点，也可以偏大众一点，审美是比较多元的。
众爱卿：哎呀我去，做图还要先做个阅读理解，忒不容易了~
https://img.zcool.cn/community/02uh6eubo0s1gychpfqfj83333.png
先看一下反面教材~
https://img.zcool.cn/community/02pahkhb7wc1ghhncjyhy83237.jpg
先说下问题~
排版上，字体乱用变形，层级不清楚，详细信息字距过大等，均使画面不美观。除了排版上的问题，最关键的还是主体创意的问题。
画面用椭圆和线条画了一个飓风图案来表现风暴，创意方向没错，但实现的手法不行。飓风图案初看还以为是个陀螺，就是那种用鞭子抽才会转的那种，不知众爱卿有没有玩过~
还有一点，这个海报只能体现出风暴，而体现不出迎接风暴的感觉。要体现迎接风暴，必须得有迎接风暴的人吧，大概可以想象一下电影或电视剧里的人物毅然赴死的场景。
https://img.zcool.cn/community/02tjtda88s2abwewaxtp2a3935.jpeg
https://img.zcool.cn/community/02udryeqmfe3p1db0wma7s3339.png
迎接风暴，像高尔基的《海燕》那般：让暴风雨来的更猛烈些吧！
https://img.zcool.cn/community/02pklz5rc3fmxsz5zn7lp93530.gif
既然如此，我们可以根据感觉去找找图片，看看什么样的图片才符合风暴的感觉。
https://img.zcool.cn/community/027dcqwpr0aklatnaaeeyn3039.jpg
以上是我在开源图库找的关于风暴的图片。
风暴这种感觉，山雨欲来风满楼。这几张图肯定比刚才的陀螺更能表现风暴！
其中1、2两张图出现了人物，独身一人置身于伟大的风暴中，颇似《预感》诗句中描述的场景，所以如果以图片为主体做设计，那这两张图是非常合适、非常巴适滴，也非常契合设计目标。
https://img.zcool.cn/community/02v3saxppf0mmxqxccckyx3235.gif
那么我们就以图一来设计一下下~
首先我们把图片放到海报合适的位置。
https://img.zcool.cn/community/0225khtd1ziv9btzpxetnm3634.jpg
图片位置定了，根据咱们之前神功构图篇的天地法则，哪里空就往哪里放文字呗~
这里很明显，图片在上，文字就应该在下。
这里我们可以先梳理下文字层级~
https://img.zcool.cn/community/02i8ghxl6jnj6mlnbakxqt3132.jpg
主标题及副标题，做一级信息是没跑了，展览时间和地点分别做次一级的标题。
字体选择方面，因为是艺术展览，为贴合文艺的气质，选择宋体字是比较合适的，当然也可以自行设计字体，这里本王用字库字好啦！
https://img.zcool.cn/community/02maorqv9go17wcfyw4vbr3335.jpg
关于编排的问题，神功前几篇功法都说的很清楚啦，这里就不再说啦，直接看最终的效果吧。
https://img.zcool.cn/community/02prfei5nwiadifoa3qomf3330.jpg
标题字选择了传统宋体，小字用现代宋体搭配Didot，即和谐也不失优雅文艺感，非常契合本王的内在美~
主标题将「风暴」二字连接强调风暴的感觉，也增加了设计感。这样做还有一部分原因是因为，如果不加横线正常编排，这个文字组节奏感就比较差了，会变成下面这样。
https://img.zcool.cn/community/02n000pvyrwnmla7kf5eyv3630.jpg
对比一下
https://img.zcool.cn/community/02iygvkh8kkx5ipo9rk72l3137.png
还是加了横线改变节奏感的标题更有韵味吧！所以为了让设计感和节奏感更好，在主标题上我们经常会去做特殊的非常规编排，甚至会重新设计标题字体，一切都是为了最终的效果。
https://img.zcool.cn/community/02dgnpnh2mhrgs90wffayc3736.jpg
当然，改变节奏感不只有这么一种方式，爱卿们平时看作品可以多注意一下他们是怎么改变标题原有节奏感的。看的越多，掌握的形式就越多，在设计征程上，能够调动的天地法则也就越多！
只见那猫立于虚空之上，抬手间天崩地裂，目光所及之处皆虚空破碎，这个世界竟再也无法容纳他的天姿！这便是掌握天地法则的莫大好处，所以众爱卿要好好掌握领悟设计的天地法则，用不了多久就会跟本猫一样风流倜傥~
https://img.zcool.cn/community/02k6rjvshkxncpmaege6an3030.gif
话说回来，这一版海报虽然已经达到设计目标，但肯定有爱卿觉得氛围不到位，因为只是远远的看着暴风雨，并没有置身其中，那么我们可以重新去设计画面。
https://img.zcool.cn/community/02covs7umvuynwctqjlfel3437.jpg
这里我们就选择这两张图好了，左图是风暴来临前的乌云。右图人物虽然是开源图库的，但我们可以想像成艺术家的照片，因为如果是实际项目，我们把控设计是可以要求艺术家配合做肖像摄影的。
https://img.zcool.cn/community/02ch58x7y9rnvclxjdmbco3730.jpg
将左图进行「极坐标」处理，调整下颜色，得到下图风暴漩涡的感觉。
https://img.zcool.cn/community/02bdujostg6m21in8k9wcs3732.jpg
将人物肖像抠出，置于漩涡之上，得到主体。
https://img.zcool.cn/community/02qytxnsclibbgst2ppdap3335.jpg
风暴漩涡在人物头部后方，能够表现思绪及灵感。相比第一版远远观望，这版更能表现立于灵感风暴的正中央，迎接风暴来临的感觉。
文字信息还是用第一版的文字组，文字组其实排好一种，稍加变化就可以重复去用。
https://img.zcool.cn/community/02f5jktxiqz59s0l7qvtaj3939.jpg
文字组完全一样，只不过「蒋志个展」移到了左上方，以填补左上方的空间。而人物下方的空间比较工整，且最下方有文字占领了空间，所以留白也不会干扰版面的平衡关系。
人物看向左下方，为了呼应和视觉引导，我们的主标题当然要顺着他的目光来放。
https://img.zcool.cn/community/02n9fimgpecwwgjwis1ctc3432.jpg
关于视觉引导，众爱卿平时做设计时一定要注意哟，另外这里用蓝色是「风暴」给人的感觉就偏冷，风暴来了，更应理性的对待，用冷色能体现冷静、理性的感觉。
https://img.zcool.cn/community/02n37ccuovjln2wq7lvvcj3938.png
将对于上一版的远远眺望，这一版更能体现灵感风暴的感觉……吧。当然肯定也有不少爱卿更喜欢上一版，毕竟萝卜青菜各有所爱，对我们设计师来说，只要能达到设计目标，就是OK的。
https://img.zcool.cn/community/02gkbtjlskwc7pljpwgeud3333.jpg
再说，就算是灵感风暴，也不只有这一种构图，稍微变幻一下元素位置、大小、文字组，就会形成另一种感觉。比如现在，本王把构图一换，就形成了下面这种。
https://img.zcool.cn/community/022kllwvs1vwh6j3m8lmgi3637.jpg
将对角线构图换成四角式构图，整个感觉又变了~
但因为主体没变，还是能体现「置身于伟大的风暴中」的感觉。一般来说，构图是最容易变的，只需要将文字组和主体重新编排便可，难的是得出创意的过程。
https://img.zcool.cn/community/02tyx0ycsng4cvi7gm2vqj3738.gif
甚至本王还可以再花两秒钟（该快的时候必须快！），光速做一个其他构图~
https://img.zcool.cn/community/02abzn94z8ina2fcyd5xyy3938.jpg
包围式构图+年轻的色彩又是另一种感觉。所以当我们确定画面创意后，可以多去尝试下编排和构图，会有不一样的惊喜哟！
https://img.zcool.cn/community/029rdbh48qmwihffayh3tx3930.gif
有爱卿又说了：不用半身人物，用全身可不可以？
当然是可以的，只要最终的结果能够实现设计目标，又审美在线，那肯定是木得问题的！
https://img.zcool.cn/community/02di7utc4luiryn3okhq973637.jpg
这里就以这两张图再做一版吧，左图是云层，可以通过极坐标处理成风暴中央；右图的人物姿态，非常适合做成迎接风暴的感觉。
先将左图用「极坐标+挤压」工具，处理成环形，模拟风暴中心。
https://img.zcool.cn/community/02abgjvexxhdyedxmya8wx3931.jpg
然后将抠出的人物放于风暴中心，加一点模糊来融入图片。整体再加点杂色、暗角增强细节，主体就出来了。
https://img.zcool.cn/community/02ex4jtecdiumssqvyvs1m3034.jpg
「立于风暴中心，毅然前行」的感觉就有了，以此主体来做排版，先将主体放于画面合适位置。
https://img.zcool.cn/community/02ecc4kajptmmb4viypjfq3032.jpg
图片与底色的交界处，可以用蒙版擦除，让他们融为一体。
接下来思考一下，这个画面用什么样的文字编排比较好呢？
给众爱卿3秒钟思考时间，算是复习一下之前的神功心法了，哈哈哈~
https://img.zcool.cn/community/02mw4ct9ok7ayq4rnvmo5i3831.gif
3
2
1
时间到~
这个版面图片在上，那么文字组放到下面，做成上下式构图比较好。而图片人物在中间左右相对对称，相应的文字组最好也做成两边相对对称的感觉。
所以不管是人物还是文字组，形成的版面对称的形式比较好，就像下面音乐海报~
https://img.zcool.cn/community/02oueyfr9jty1wkioagai83831.jpg
来看一下文字排上去的感觉吧！
https://img.zcool.cn/community/02wemhdxrlcbmeryvmht2m3837.jpg
「蒋志个展」与人物对齐，左右分割版面，左右两侧分别放时间与地点，主标题做一个通栏，贯穿左右。整体与人物一致是相对对称的感觉。
https://img.zcool.cn/community/02zzixmmush8viyfk4hnnz3339.png
所以同样的设计目标，可以有不同的呈现形式，具体还要看甲方和受众来选择。
https://img.zcool.cn/community/02aez7hfgx6ib2qierhfti3933.gif
通过这个例子，说明了创意是得到合适结果的过程，不管是用图片、合成还是插画等其他表现形式，都是为了达到设定的结果，形式是为目标而服务的。
接下来咱看一个商业属性比较强的案例，其实商业设计和艺术设计，本质都是为商业服务，思路是一样的，只不过受众审美不同。
返程防疫险
用以下信息做设计手机端的运营Banner。
主标题： “返程保” 1折购 享20万元保障
补充信息：我行代发工资客户及指定客户均可参加
这是疫情春节后开工返程期间建行推出的保险，为疫情回程提供保障。
同样得到需求后，不要立马上手做，而是先去分析。
https://img.zcool.cn/community/02h3xsy5nng8cikooa0pje3532.jpg
银行的客户年龄跨度很大，既有像本猫这种永远十八岁的，也有像本王这般苍老如八十岁的，所以设计风格上要考虑大众的审美。这个时候如果还想玩艺术，那就完犊子了，搞不好甲方和受众都会会挥40米长的大刀~
https://img.zcool.cn/community/02ibn5lqiwgsqmvqjp6hvp3133.jpg
运营设计中常见插画和照片的形式，他们也是比较符合符合大众审美的形式，拿母亲节的海报举例。
https://img.zcool.cn/community/02qamlpmnoou3vf3sembjs3132.png
左侧是照片的形式，只不过在照片上加入了简笔画，进行了二次设计。小女孩尝试做菜给妈妈吃，来表现母亲节的主题，简笔画则是品牌方的各种产品。
右侧的就是纯插画的形式，这种形式在运营设计上非常多，只不过不同的设计画风差别很大。表现的是妈妈陪孩子学习的画面，以此来表现母亲节主题，也符合他们产品的属性。
所以不管哪种形式，只要能符合受众审美，又能完成设计目标，就是OK的。
https://img.zcool.cn/community/02uuis9kjkuwwkwhlaqwba3736.jpg
回到“返程保”案例，这个就采用简单插画的形式吧，因为简单省事！毕竟摄影照片需要安排模特、场景、道具等，比常见的运营插画形式要多花不少时间嘞~（呸，大猫你就是懒~）
确定形式后我们来思考下设计目标。结合文案来看，画面能够表现返程、防疫、保护之类的概念就可以了。最好是能让人一看就懂~
第一步做完了，就需要进入第二步啦「发散创意」~
这一步，就先跟着本王简单做一下头脑风暴吧！
https://img.zcool.cn/community/02tssafvs9tbagangnc4qq3934.png
头脑风暴是可以不断发散的，理论上可以做无限多。But，都知道本王比较懒，咱就这样吧，因为这几个关键词已经可以组合成好几个画面啦。
接下来我们将这些元素组合起来构造一个场景，这个场景要能表现出第一步里定下来的目的。这也叫场景化思维！场景的具现就是你的创意思路~
具象合适的场景，其实就是第三步啦，比如这里，咱具象化场景~
场景一：
一个人戴着口罩拖着行李箱走在回程路上，盾牌始终伴随左右，保障着回程。
https://img.zcool.cn/community/02vgsuklfr9vfkddiympsn3830.jpg
场景二：
小红和小蓝拖着行李箱向高楼大厦方向走去，代表回程，身后和远方分别是代表保障的盾牌和爱心。
https://img.zcool.cn/community/02caifq3lqtaaonobioxsi3830.jpg
这俩场景都是刚才的的关键词组合延伸而来，也都能够表现设计的目的。当然，我们也可以加入交通工具、动车之类的元素，画面又会变得不同~
只需要加入不同的元素就可以表现不同的故事画面，具象到最后，实际上就是创意插画的思路~我们第三步要做的，就是去找出合适的，能够表现目标的创意~
所以猫式头脑风暴+关键词组合场景化，是很Nice的流程！不论做什么设计都是可以运用哒~
思路和草图有了后，剩下的就是第四步，和细化执行了。
https://img.zcool.cn/community/02xidsjn6wahlrqgzwsnl63730.jpg
这里以场景二为例，因为建行LOGO是蓝色，保险也是很理性严谨的东西，所以主色用蓝色体现感觉。标题用了美术字形，更能表现活动氛围，比黑体更活泼一点，但也不至于像卡通体那样幼稚~
这个案例是几年前带的设计师做的，爱卿中肯定有执行做的比这个童鞋更好的，更好的执行肯定能来更好的画面~平常做项目时我就会要求他们用猫式创意流程和场景化思维去做~如今他们升职的升职，加薪的加薪，跳槽的跳槽，早已不是昔日的菜鸟~大家都在变，只有本王的帅气逼人一成不变~
所以众爱卿还不赶紧操练起来！操练起来，神功大成，才能嫁到高富帅，迎娶白富美~
https://img.zcool.cn/community/021cf1npyhqftwc5brnmk93534.gif
本来还想在搞几个例子的，但不知不觉都已经5500字了，篇幅太长大家看的很累，只能下次有机会再去讲咯~总之流程就在这里。
https://img.zcool.cn/community/02qcflips1ixfvuo5y9cac3530.jpg
最后嘛，本王再带着众爱卿分析2个海报的创意吧！
社会解剖
https://img.zcool.cn/community/02utppqyrafo8d5renmknu3530.jpg
美术馆里的展览，设计风格偏艺术一点，介于大众与艺术之间。他是用什么创意体现「社会解剖」的主题呢？
画面中最吸睛的是粉红色的图形，那么创意也多半隐藏其中。
这个图形颇似解剖时的切口，以此来体现「解剖」的主题。
楚门的世界
https://img.zcool.cn/community/02piy9t0dzzshzafxhbftp3235.jpg
看过这电影的爱卿应该晓得，楚门的一生就是个悲剧。
从出生那一刻就活在一个人为制造的虚假世界里，从出生起他的人生就被当成一个娱乐节目偷偷直播，他生活的一切都是虚假的，每时每刻都被各种隐匿的摄像头偷窥着、直播着。
那么这版电影海报是如何体现这一点呢？
打眼一看这海报不就是楚门的肖像嘛，但细看之下这个海报都是由楚门生活的各种镜头所构成，以此表现了活在镜头下的人生。
https://img.zcool.cn/community/02l5voyhdrdazujdfyyyl43033.gif
本王有事儿没事儿的，看到好作品都会去分析背后的创意和思路。后面有机会，本王可以单独开个「设计鉴赏」系列，专门和众爱卿围观好作品及其背后的创意和细节！评论区呼声搞起来，让我看看大家期不期待~
https://img.zcool.cn/community/02etkespenguhzshjrihof3432.gif
那么今天的文章就到这里吧，下篇不出意外的话，是关于色彩的全新系列文章：
色彩神功《葵花宝典》系列~
毕竟，上期评论区里色彩的呼声极高，本王必须得小小的满足一下爱卿们！
好啦，今天又是摸鱼的一天，下篇不见不散！
https://img.zcool.cn/community/02b19yhywxddtok4xiqmjj3538.png
页:
[1]