查看原文
其他

硬核!搞定圣诞设计,看这一篇就够了!

庞少棠 庞门正道 2020-08-24
来自专辑
阿门排版设计教程

在上次双11教程的留言中,有同学反馈文章发得有点晚了:



汲取上次的教训,所以圣诞这期教程我早早就开始构思,希望可以及时地帮助到更多门友。


在双11的教程中,我主要给大家总结了一些标题设计的技法。


而这次的圣诞教程,我会从更全面的角度进行分析。从初步认识圣诞的风格,到圣诞的风格分类,再到具体设计技法全部都有。


总之,看完这篇,大家应该就对圣诞的设计需求心里有谱了!


好了,

开始发车!






每一个节日,背后都是一种文化现象。通过一年一年的流传,这种文化最终会简化成几个视觉符号。我们在做节日主题的设计时,只要牢牢抓住这几个符号,就肯定八九不离十,错不了。


当然,说起来容易,做起来就有点那啥了。。。


比如说圣诞节,你可能会联想到很多元素,圣诞老人、冬夜、雪地、圣诞树、松果、彩带等等。


那我们到底应该选择哪些元素作为画面的主体呢?


这不仅仅是需要你对设计有整体的构想,更重要的是,你需要对圣诞节的各种视觉元素做到心里有数。


那怎样才是心里有数呢?


来看看我给圣诞元素做的分类:



这三个分类,与圣诞节的相关度是依次减弱的。


如果你想让人一眼看出是圣诞主题,那你的画面主体中,必须包含一个或者多个“唯一形象”。


如果你的画面不想过于强调圣诞主题,但是又想让人感受到有点圣诞气氛,那么你可以从“强形象”或者“通用形象”中选取元素作为画面主体。


这种元素分类其实适用每一个节日主题的设计。


同样的,由这些相关的视觉元素,我们可以推导出圣诞的色系如下:



我们可以看到,主色调红色和绿色是来自于"唯一形象",而辅助色则是来源于“强形象”与“通用形象”。


色彩是比元素更直接的视觉刺激,用对色彩,基本上设计就成功了一半。


好了,

在对圣诞风格有了基本的认识之后,下面就要进入具体的需求分析阶段。


我从三个方面对圣诞设计进行拆分。




商业需求:

设计目的是什么?促销or品牌展示。


画面风格:

选择合适的风格,来表达主题。


设计技法:

用什么设计技法来实现你想要的风格。


这三点其实是环环相扣的,只有弄清楚了前面的,才能进行后一步。


OK,那就一步步来吧!







我们做是商业设计,一切必须从商业出发。所以做设计之前,我们一定要问一句:目的是什么?


比如说你现在需要做一个圣诞专题。


你第一时间要考虑的,不是画面风格问题,而是应该知道这个专题是用来促销卖货,还是做品牌宣传的。这两个是完全不同的商业目的,如果没弄清楚就下手,那最后的结果一定是南辕北辙。


好了,下面我们来看看,从商业需求的角度来看,圣诞的设计可以分成哪几种。


一、促销型


促销型就是卖货啦,要的就是热闹,和双11的风格差不多,只是需要增加一些圣诞的元素进来。


1、商品展示型:


这类型的页面,卖货的意味最浓,就是少废话,买买买就对了!在设计上完全可以参照双11的风格,把商品和促销的利益点放大强化,再加入圣诞元素进来就OK。


2、节日促销氛围型:


相对上面那种,这类型页面更含蓄些,更强调购物的氛围营造。在设计上可以用礼盒、彩带、优惠券这些购物元素与圣诞元素进行融合。


相对于纯卖货的页面,这类型的页面在设计上更有发挥空间。



二、品牌型


这类型的圣诞设计,不以售卖为唯一目标,主要是展示品牌逼格。因此,在设计上体现为更简约、高档。通常圣诞元素也是点到即止。



上面两张图,有一些圣诞的味道,但又不是很浓烈,很好的传达出了品牌调性。


还有些品牌做的圣诞页面,由于完全没有销售属性,可以做得更加的开放,在颜色和元素上的使用完全跳开传统的圣诞风格,只需要点出主题就可以。




三、创意型


创意型的圣诞设计也不是以销售为导向,它可能是品牌给用户的节日问候,或者表达品牌的某种精神内涵的。


比如麦当劳将自己的产品与圣诞元素结合:

远处隐隐约约的温暖光晕,再加上open late的文案,给人一种很温馨的感觉。非常巧妙的创意,最终的执行效果也很赞。


再看中国电信的案例,

将业务特性与圣诞元素结合:


将wifi的倒影做成圣诞树的形态,文案里的圣诞快乐的“快”字一语双关,尽管视觉上没有麦当劳的出色,但是创意还是非常不错。


颇有点四两拔千斤的感觉!



OK,

从商业需求的角度分析完圣诞设计的类型之后,接下来我们再从画面风格的角度,来看看有哪些常用的设计表现手法。





在弄清楚设计需求之后,接下来我们才开始考虑画面风格的问题。


对于画面风格的确定,是由多方面因素来决定的,像是设计师的能力范围、甲方的需求、以及项目本身对风格的要求等等。在实际的工作中,我们可以结合自身的情况,来选择适合当前项目的画面风格。


下面我们来看看常见的圣诞风格有哪些。


一、插画风格

毫无疑问,插画风格适用于任何节日设计,圣诞也不例外。尤其是问候、展示类的设计,用插画通常能让人感受到很活泼、轻松的气氛。



优缺点分析


优点:表现手法多样,发挥空间大,能营造出很好的节日氛围。

缺点:对手绘功底有要求,门槛较高,时间成本也高。



二、元素合成


最常见到的设计手法,适用于绝大多数类型的设计。



优缺点分析


优点:适用于任何设计,素材的来源很广。

缺点:比较常规,想要做到脱颖而出难度较高。



三、立体风格


立体风格最近几年在电商设计中非常流行,用软件构建出来的虚拟场景在视觉上非常鲜明,能很好的吸引用户眼球。



优缺点分析


优点:视觉效果好,能抓眼球。

缺点:对软件技能、空间想象力的要求较高。



四、复古风格


复古风的圣诞,将怀旧情怀与节日气氛结合,能给人一种浓浓的人情味。



优缺点分析


优点:情感化、趣味性比较强。

缺点:比较个性化,适用的范围窄一些。



当然,可以用在圣诞设计上的风格远不止上面几种,上面我只是列举几种最常见的风格给大家参考。你还可以根据自己感兴趣的再去挖掘。


OK,

干货继续。






前面三部分内容,都是设计中最基础的内容。只有先搞清楚这些基础的内容,才能保证设计方向上面不出错。


先做对,再做好。


在做对的基础上,下面我要介绍一些可以让你做得更好的设计技法。


是的,干货来了!



第一招:搭建场景


搭建场景属于拟物设计手法,容易形成比较强的代入感。用户无需太多的思考,只要一看到某个场景,马上就能引情感上的共鸣。


比如下面这个页面,很巧妙的搭建了一个窗台的场景,室内的温暖与窗外的雪花形成鲜明的对比,用户第一时间就能感受到圣诞温馨的气氛。




下面这个场景也特别温馨,作者将屋子的造型做成礼盒形状,再加入一家人聚餐的场景,这样充满情感的画面,真的很难不被打动。




下面这个案例,作者通过改变常规比例,将一辆车装进礼盒中,既点出了圣诞主题,也让页面具有了趣味性。




第二招:放大特征


前面我们说了,关于圣诞有很多唯一性的元素,只要看到这些元素就马上能让人联想到圣诞。比如说圣诞树、圣诞老人等。


我们在做设计的时候,可以利用这些元素,通过放大,形成特别的构图。


比如下面这个页面中的绿裙子,和背景大红色搭配,就有着浓浓的圣诞味。




通过元素的放大,我们不仅可以得到独特的构图形式,还能让画面形成强烈的视觉冲击力。



大大的圣诞老人有点呆萌呆萌的。。。




第三招:跳出红配绿


红绿配是圣诞最具识别度的专属配色,它一方面给我们提供了很好的配色方案,另一方面也会禁锢我们的设计。


如果别人都是重口味的红绿配,而你的设计却能跳脱这种固有套路,那么一定可以做到与众不同。


下面这两张简洁清爽的蓝色圣诞海报,是不是别有一番风味?




网易严选的这张海报,选择了金色为主打色,整个画面十分的简洁,非常精致的感觉。



当然,这种风格存在的问题也比较明显,就是节日气氛不够浓烈,适合偏品牌感一些的页面,大家在运用的时候,需要仔细甄别是否合适。



第四招:动画点亮


这里说的动画,当然不是跑马灯那种了。。。而是在精致的静态页面中,增加一些小小的微动画,这样可以让页面更有活力,增强节日气氛。


下图中,闪烁的灯光,漂落的雪花,和摇曳的五角星,这些微小的变化,都能让人更强烈的感受到圣诞的氛围。




小女孩嘴角飘落的雪花,让画面增添了不少趣味。


奔跑的圣诞老人,喘成这样,是不是该减肥了!



不管怎么样,

动起来总是没错的!






好了,

前面讲了这么多理论,现在到了动手时间。



案例一


在商业设计中,将自己的产品与文化元素进行结合,是最套路、最常见的一种创意方式,但同时也是最好用、最有效率的一种。


下面我们就来看一个具体的案例。


先抠好一张耳机的图片,因为是圣诞主题,所以背景就来个原谅绿吧,正好与耳机的颜色形成强烈对比。




可以跟圆形耳机结合的圣诞素材有很多,比如说圣诞帽、圣诞老人等,我最终选择了鹿角与耳机结合。




接着在背景上添加手写风格的圣诞祝福,这个时候我发现,可以将整体造型做成一个雪人,而鹿角刚好是雪人的两只手,最后给雪人添加一个白帽子,这样雪人的造型就更加清晰了!




最后再添加文案,以及一些辅助元素,丰富一下画面。



OK,

这样一个圣诞的创意海报就完工了,是不是还挺有趣味性的呢!


最后来看看大图:





案例二


接着我们再来一个偏促销风格的案例。

这类型的设计主要是突出商品以及促销信息为主,圣诞元素可以作为点缀气氛。


第一步,我们找来一张空盒子的图,并处理好阴影等细节。

既然是促销,背景选用大红色那肯定没错。




接着将商品图置入到盒子中来,注意光影的处理,这些细节会影响到画面的真实感。




加入一些小配件,注意颜色的对比。

因为整个盒子里的内容全是红色的,为了在色彩上有对比,所以我特意加入了白色的贺卡以及金色的圣诞球等。




用钢笔工具绘制一条丝带,将丝带做成绿色的,一是可以增强圣诞的气氛,二来也让画面有红绿对比,增加层次感。




最后加上文案,以及更多的圣诞点缀元素,强化圣诞的节日气氛。



OK,完工!


看看大图:





案例三


前面我们说过了,由于大家对于圣诞的固有印象就是红绿配,因此,只要我们跳出这种固定思维,用别的颜色来体现出圣诞氛围,往往能给人耳目一新的感觉。


下面我们就来看一个跳出红绿配的圣诞海报。


画面的主体我们选择一副对戒。

钻戒是贵重而精致的物品,所以它天生就不适合用大红大绿这样的方式来表达。



戒指这种不规则的形状,我们不能直接将原图倒影一下来做阴影,需要更细致的根据商品的形状来手动画出投影。


先用钢笔工具勾出投影的形状,然后再一点一点地细化。



具体过程是很繁琐的,需要多复制几层,一层一层的精细处理,模拟出真实光线的层次变化。(关于投影的制作,大家可以点击这里:阴影教程。)


好了,处理好阴影,接下来看背景。



背景图片选择了一张具有光晕效果的图,再加上银色的雪花,既点出了圣诞的主题,在质感上也能衬托出钻戒的闪亮夺目。




用一张吊牌的素材来装载标题,将颜色处理成银色质感。



最后排版好文案,以及给画面添加边框。


OK,完工!



大图走一波:



怎么样?

相对于外面的那些妖艳贱货,

这张圣诞海报是不是那么地清新脱俗。


很多时候就是需要不走寻常路!




好了,

这期的教程内容就到这。


接下来到了你动手的时候了。

----------------------------------


应用今天学习到的知识点,自拟文案和素材,出2-4张圣诞风格的设计稿。


尺寸:

宽度 1000px,高度不限。


格式:

提交作品的时候,需要把你的文件命名修改为:

你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg

不要ai或者cdr等格式,也不要压缩包


邮件标题:

20191016-你的名字-QQ-练习作品


我会选择几位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。



下一期教程出来的时候公布优秀结果,投稿邮箱:

2994247228@qq.com


-----------------------------------------------


上期练习一共收到50份作品,比上期的作品数略有增加,大家一定要坚持啊!


全部作品截图:


精选出3位同学送出小礼物:



01号作品

灰蓝

非常认真的练习,把上期的教程的技巧都练习了一遍。中间那种霓虹效果的图,整体感觉不错,就是猫头的背景还可以再细化一下。



02号作品

金顶

非常细腻的图像合成效果。


03号作品

场景合成的大感觉不错,前景的主体与后面的背景元素之间的过渡略微有点生硬。



以上三位送出庞门正道定制本各一个


-----------------------

好了,

学到干货的同学请大方地点击一下喜欢作者!!:)


这样下一期干货来得更快!


(在公众号回复:色彩教程,排版教程,有惊喜)


-------------------------

往期精华文章导读:

李佳琦直播翻车,到底网红经济是什么?

这个人偷偷为你工作了9个月,只为了让你不用担心被罚款几万元!

知识能改变命运,学历不能。


-END-


越努力,越幸运。

这里是庞门正道。


    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存