查看原文
其他

女装设计这样搞,就对了!

庞少棠 庞门正道 2022-09-04

好久不见的干货教程又来了~


我们知道,做电商设计很多时候是来料加工,需要根据素材图片来构建画面风格。所以拿到一张素材之后,一定要先想清楚这张图适合什么风格,以及跟文案主题是否匹配等问题。谋定而后动,这样后期才不容易出问题。


一旦早期设计风格产生了偏差,最后的结果很可能就是推倒重来,那种酸爽感,谁试谁知道。。。



当然,不管我怎么说,总是会有新手不管三七二十一,拿到素材图片,撸起袖子就开干,所以经常会看到很多风格错位的设计,具体是怎么个错位法,我先带大家看看。



所谓风格错位,主要是指画面的元素之间的风格不匹配,导致整个设计看起来是割裂的,不统一。


具体来说,主要有以下3类情况。


1、商品风格与画面风格不搭


下面的广告图,初看起来还行,但就是感觉哪里不太对。仔细看看,原来是设计师没有考虑到商品图和画面风格的匹配问题。

模特是身上的黑白格裙子配高跟鞋,风格一看就是简约现代的,明明是去逛商场的打扮,你却让她去郊游,设计师出来走两步,看看会不会被打死。




2、画面风格与文案主题不搭


下图的广告图从视觉上看完全没问题,排版配色都很OK。不过我们再一看文案主题是国庆出游,跟这个画面完全联系不起来,所以这也不是一个合格的设计。




3、商品图与背景不融合


我们拿到一张素材图,第一步就是观察它的色彩、光影,这两项决定了它可以搭配什么样的场景。下面这个广告中,模特的衣服是墨蓝色的,颜色很深沉,而背景是浅色系的云彩,两者完全融合不起来,整个画面看起来拼凑感很强,视觉上完全失败,更不要说模特图完全没有七夕所需要的甜蜜感了。



通过上面3个简单的例子可以看出来,许多新手设计师在做图的时候,并没有将商品图、画面风格、文案主题这三者当成一个整体来考虑,从而犯下了低级错误,导致了许多不和谐的设计输出。


要如何避免出现这样的问题呢?


最简单实用的办法就是多看多想,做某个类目的设计,你平常就得多看相关的设计,然后总结出有哪些风格,每种风格有什么特点,适合什么样的主题等等,时间长了你自然就心里有底了。


接下来我就以女装类目的设计为例,按照几种常见的风格进行分类,看看每种风格在视觉上有什么特点,以及如何应用。


好了,干货走起。





文艺小清新的风格给人一种岁月静好的感觉,适合年轻、知性的产品风格。

画面元素一般是人物模特图,再搭配简单清新的户外小场景作为背景,色彩明快,画面干净。



色彩上以清新淡雅为主,明度和纯度都比较高,画面看起来很明亮。



字体上多选择具有人文气质的衬线字体,或者使用比较女性化的纤细字体做变形处理。排版上可以通过细节的变化,营造出文艺感。



手写字体的加入可以增加版式的活力。




接下来我们看最关键的,模特的选择。


小清新风格一般是户外场景,所以模特的色彩要明亮,不能太暗。气质方面要突出女性柔美的一面,不能太阳刚。


像下面这样色彩偏暗,模特气质过于阳刚的,就不太适合清新文艺风。


好了,最后我们来总结一下清新文艺风的视觉特征:


1、户外场景,色彩明快,画面干净。

2、模特气质最好是优雅知性的,不宜过于活泼,也不宜过于阳刚。

3、字体选择偏人文气质的衬线体,或者女性化的纤细字体。


接下来看一个实操案例。


先抠一张优雅知性的小组组作为画面主体。



接下来给她搭一个户外场景。

我选择的是一张秋天的芦苇素材,从角度和色彩上和人物图比较容易拼合在一起。



将上半部分擦掉,让画面显得更干净。


合成一个天空拼接上去,注意色彩上要过度自然一些。

接着调整色彩。背景比较偏暖色,所以让人物的高光带一点黄色,这样人物和背景的色调就很统一了。



接下来处理文案,先将主要的文案打上去,理清一下主次关系。字体上选择偏纤细的宋体,与整体优雅清新的气质相符。然后增加一些装饰元素,细化一下文字排版。



Duang!一个小清新风格的广告就完工了。


通过这个案例我们可以看到,只要思路正确,一切按照既定的路线来执行,最后的输出效果就会完全在我们的预期之内。不至于出现上面说到的风格错位的问题。


OK,看下一个风格。





随着网民越来越年轻化,一些偏个性、潮流的设计风格也开始流行起来。以前只有真正的潮牌们才会使用的潮流设计,现在很多大众品牌也玩得不亦乐乎。



潮流风最大的特点就是一个字:炸。


色彩一定要撞,模特的动作表情一定不能正常,要浮夸,字要粗要大,反正怎么炸眼球怎么来。细节没那么重要,潮酷的风格一定要到位。



通过取色我们看到,这种风格的色彩非常极端,基本都是用到红黄蓝这样的原色,并且饱和度极高,以强烈的色彩撞击来产生视觉冲击力。



字体一定要粗壮有力,最好是手写体。排版的时候可以随意一点,像是涂鸦的感觉。



这种潮酷的风格是一种视觉力度很强的设计,所以在模特的选择上可以选择也需要“重口味”一些。太乖乖女型的,可能压不住场面。



动作要轻松随意,不能太拘谨。



或者干脆不露脸。



OK,最后总结一下潮酷风设计的视觉特征:


1、强烈的撞色。

2、模特表情动作不能太常规,要夸张、有表现力。

3、字体偏粗壮,最好是手写字体。


接下来看实操案例。


抠一张色彩比较强烈的模特图。


换一个明亮鲜艳的黄色作为背景,原图因为饱和度偏低,略有些平淡,我将饱和度拉高,这样整体会更有表现力。



接下来就要开始撞色了,给人物添加一个蓝色的大框,让画面更有层次感,然后在画面上面添加蓝色大标题,这样就给画面塑造出了蓝黄强烈对比的基调。



最后用一些小字丰富一下排版,点缀一些黑色来中和色彩,让整体没那么晃眼。



OK,完工!

如果你需要一个有更强视觉力量的设计,选择这种潮酷风的设计,错不了!


好了,继续。





中性风,顾名思义就是视觉上很中立,没有性别倾向。例如下面两张图,如果把其中的模特换成男性,完全不会有违和感。



这种风格最大的特征是极简,几乎没有任何多余的元素。主要靠模特的气质撑场面,再加上恰到好处的文案排版,整体上会有一种很大气的感觉。比较适合成熟、高端的女装品牌。


同时画面有大量留白空间,也可以让服饰的细节和质感得到充分的展示。



色彩上也很中立,通过对几个案例的取色,我们可以看到,色调上既有冷色也有暖色,整体饱和度都比较偏低,没有太鲜艳的颜色。



字体也没有明显的倾向,粗细和是否衬线字体都可以,比较讲究的是文字的编排。


文字编排上,一是文案不需要太突出,它在某种程度上是点缀画面用的,传递信息反而是其次的。二是要有形式感,与模特融为一体。



模特风格上,大多比较高冷,一举一动要尽显大牌范。



OK,总结一下中性风设计的特点:


1、色彩中低饱和度,没有性别倾向。

2、风格极简,没有多余的装饰元素。

3、精致的文字编排。

4、模特要有大牌感。


接下来看实操案例。


选择一张风格很干练,很有气场的模特图。



加入一点光影效果,这样整个画面的空间感一下就出来了。



虽然黑白色调很高端大气,但它对于情绪的刺激太弱,仅适用于极个性的表达,大部分场景不适用,尤其是电商设计中要谨慎。


所以我们还是要给画面添加上色彩,让画面看起来更加鲜活一些。另外要注意画面中加了光影效果后,人物身上的光影变化也要体现出来。



添加文案。



对文案进行细节处理。

中性风设计的最大特点是简洁,所以字体上我选择无衬线字体,并且用虚实叠压,大小对比等方式形成排版的节奏变化,让文字排版没那么单调。



一张简洁大气的中性风设计就完工了!

走高端熟女风格的品牌,设计上适合这个路线。


继续。





这几年随着一批国潮IP兴起,在复古风中加入一些中国元素,一种叫做国潮设计的风格越来越流行,其实本质上还是复古风设计。


当然,复古风的内涵本身就很丰富,有很多可以挖掘的东西,比如说带有明显的八十年代的电子复古风,经常会用到紫红的霓虹色,也很有味道。



色彩上,复古风没有明显的冷暖倾向,通过取色我们看到,复古设计色彩最大的特点是饱和度偏低,明度也偏低,有种厚重的感觉。



说到复古设计,还有一个最大的特征,那就是拼贴。


拼贴风格的发源可以追溯到达达主义的兴起,最早是因为这种形式有独特的偶然性,可以打破艺术固有的形式,所以受到新潮艺术家的追捧。


它的诞生其实是为了反艺术,但是后来随着拼贴风格越来越流行,它反而成为了一种很常见的艺术形式。


电商设计中也常常用拼贴风格来营造复古的氛围。



一层一层的叠加和拼贴,可以让画面呈现出很丰富的层次感。



好了,总结一下复古设计的主要视觉特征:


1、色彩饱和度偏低,明度偏低,质感比较厚重。

2、无拼贴,不复古。

3、字体可以选择具有年代感的宋体、书法体等。


下面来一个复古风的实操案例。


新建一个画布,填充深红色,上面叠加一层浅黄色的卡片。


将3张模特图植入到卡片中,做成拼图的效果。



接着给拼贴的卡片做一点撕纸的效果,旁边再叠加一张小照片,这样整体看起来更丰富,更有层次和细节。



继续丰富细节。

给卡片加上吊绳,以及添加品牌的标签等。



在背景上叠加一层旧报纸,形成复古纹理效果。



最后将文案排版好。



OK,一张女装复古风海报就完成了!



最后来整体总结一下。


其实做设计就像做菜一样,大多数时候都是来料加工,有什么原材料就做什么菜。这就要求厨师要尽量多掌握不同菜式的做法,才能做到对素材的扬长避短。


同样的,对应到设计上,无论你是做什么类目的设计,你都要掌握每种设计风格的特点,这样才能针对不同的设计需求用不同的视觉表现方式表达出来。


好了,今天的教程就到这。


先走一步~


下面是你们自己动手的时间。


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


结合今天讲的内容,自拟素材,结合今天讲的几种风格出1-4张设计稿。


尺寸:

宽度 1000px,高度不限。


格式:

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

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

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


邮件标题:

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


请注意-------------------

从这期练习开始,大家需要在练习作品中添加“庞门正道”或者“Artman design”的文字,以防止有人从网上盗图。

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


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


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

2994247228@qq.com


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


上期改稿练习一共收到63份作品,大家辛苦了:)


全部作品截图:


很多同学都十分用心的在做练习,相信时间会见证你们的进步,下面精选出3位同学送出小礼物:



01号作品


徐茜

这张改稿最大的特点就是风格抓得特别准,配色和素材都用得恰到好处。一下就将传统节日的气氛刻画出来了。在细节处理和文字排版上再精细一点就更好了。



02号作品


大禹

原图布局过于分散,画面缺少重点。大禹同学改过后,整个画面层次清新多了。



03号作品

翅膀

原图的字体和配色都有点乱,改过之后的视觉效果更统一,整体的品质感好了太多!



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



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

好了,

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


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


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


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

往期精华文章导读:

为什么要向日本学习平面设计?

为什么工资需要保密?

当斜杆青年搞钱好么?


-END-


越努力,越幸运。

这里是庞门正道。

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

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