赞助商
立即赞助

这次我教你,优秀的Banner是怎样用对模特图的!

平面设计3年前 (2021)发布 流光
2.9K 0 0

Banner包含什么元素?

电商设计中,重的就店的banner设,banner中所包含的元素也多种多样,每一种都不同的功能。致可以分:文字,照片,背景,装饰元素标志。

这次我教你,优秀的Banner是怎样用对模特图的!

其中能够给人直观感受的就照片,所以这节课我们从照片始入手。给家讲一讲照片banner设中的应用。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 举例图片自品牌「FEW精品咖啡」「耳」

电banner,也以分为两种,一种是有照的设计,一种是没有照的设计,也就是图形设计。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 举例图来自咖啡品牌「三顿半」「闪垫」「不够店」

在没有照片情况下,我们使用图形,插画,文编排等手法,也可以表现出很好很丰富画感觉。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 举例图片来自品「LEONSENSE」「级植物公司」「玩药局」「SENCE LA」「viishow」

实际照片为的banner设计,会给人真实的感受,这个是图形设计达到的。并且大多数的电商banner,都是照片来作为元素使的。

这次我教你,优秀的Banner是怎样用对模特图的!

在电商设计中,照片可分为两种,分别是商照片和模特照片。模特照片,又可分为,童,年轻人,中老年人和宠物。人物类的模特照片要应在领域,类电商牌会大量的使模特照片来展示产,宠物的照片则要应于宠物门类。

这次我教你,优秀的Banner是怎样用对模特图的!

除了上说的这些,模特的照片,在电商设计中的应那是相当广泛的,你打开淘宝,几乎有的分类里都可见到使模特照片设计的banner图。

为什要使用模照片呢?因为模照片是最有代入的,无论是产品也好,服装也好,模使用的同,也会想用上,穿上是不是也有同的效果。所以人物照片在商中是最直观的一种表现形式。模照片如何选择也是有讲究的,如果选错了照片往往会起相反的效果,选择品牌气质相对应的模是关键的。

Banner模特图的选择

「启迪聪明智慧 构筑美好童年」

如果这案来设计banner我们该如何择对应气质的照片呢?

这次我教你,优秀的Banner是怎样用对模特图的!

首先,这个案是一个童产的案,简单的分析一,聪明智慧和美好童年,这两个词是很直观很具象的。那我们要择的模特照片,首先从外观上,一定是一个看上很聪明的小孩形象。第二个键词是美好童年,拥有幸福童年的小孩,他最直观的表现,就是脸上洋溢的笑容。那分析这两点,我们就可按照这两种特征筛模特照片了。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片源自「摄图」

用这三张照片来举例,左侧的孩,的动作和表情上去非常调皮,非常可爱,右侧的孩起来比较活泼好动,那这种都不符文案的觉。再来中间的孩,在玩着积木,脸上也笑的然,第一眼上去就有比较聪的觉。所以就符刚才所析的文案内容,那在这就要选择中间的这张照片。

这次我教你,优秀的Banner是怎样用对模特图的!

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片源自「摄图」

再来第二个文案。这是一个性服饰主题的文案,同,来析一下这个文案,「异想少研究所」其实只是读一下也能觉的,这个文案就是那种比较有个性比较年轻的气质,那模图也是要选择一个年轻,有个性的孩形象。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片源「摄图网」

第一张照片的女孩穿校服,看去比较清纯的气质。第二张照片的女孩,她的动作表,看去给人一种很可的感觉。所以两都不太符合我们文案的感觉。那我们再看第三张照片,第三张照片中的女孩,妆精致,脸也涂油彩,眼神也很性。所以很显然,第三张符合我们的文案内。

这次我教你,优秀的Banner是怎样用对模特图的!

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片源「摄图网」

我们再看后一文案,「保持身体健康,绽幸福」,这一老人产品的广告文案,这句话的两关键词分别,健康。那我们选择照片时也留意这两点。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片源自「摄图网」

左的模特在皱着眉头思考,感不是很开心,而且表情也有严肃。右的模特,看上去像是一个老中医的形象。两个也不太符合我们文案的感,只有中间的模特,我们以看出他的气特别,而且笑的很灿烂,所以在三模特照中,我们肯定选择二。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图源自「摄图网」

Banner 模特图的表现形式

这次我教你,优秀的Banner是怎样用对模特图的!

我们先一下表。那么什么时候,我们需将模特的表呢?

这次我教你,优秀的Banner是怎样用对模特图的!

符合这几特点的模特图,我们都合将她的表,但的提图片清晰度足够,如果清晰度不够的话,就会给人很廉价的感觉。

这次我教你,优秀的Banner是怎样用对模特图的!

首先妆夸张,我们可以看到,这模特的脸部很多的油彩,那这种妆我们日常活中很少见到的。所以她脸部就自然的形了一种聚焦的焦点,并且这人气质也给人一种高冷、性的感觉。那这时候我们就合把她的表。

这次我教你,优秀的Banner是怎样用对模特图的!

当我们把表之后,也会加强传递模特自身的气质。

这次我教你,优秀的Banner是怎样用对模特图的!

我们再看这模特,她戴的假发,已遮住了她的部分面部,那这种妆就会给人一种很神秘的感觉。

这次我教你,优秀的Banner是怎样用对模特图的!

如果把它的表,会觉得人的主体非常视觉冲击力的,且非常吸引眼球。

这次我教你,优秀的Banner是怎样用对模特图的!

然后我们再看一下妆精致。如果模特本身的照片质感不很好,那就需我们很强的图片后技,过修图,给人面部加强质感,当质感达标之后,我们就可以将她的表。

这次我教你,优秀的Banner是怎样用对模特图的!

这时候我们可以很清楚的看到她面部的皮肤细节,这种方式也非常合我们表护肤品、妆类产品。当然了,这对家的修图技也一的求。

这次我教你,优秀的Banner是怎样用对模特图的!

表夸张。当一人出,流泪,瞪眼夸张表的时候,我们都合把他。

这次我教你,优秀的Banner是怎样用对模特图的!

因绪可以传染的,当看到模特绪的同时,自己也会直接被她的绪所感染到。

这次我教你,优秀的Banner是怎样用对模特图的!

气质清纯,日本的广告设中,他们常使用这种轻的,妆非常净的女性,当模特图呈这种气质的时候,我们可以将她的面部,将她清纯好的气质表出。

这次我教你,优秀的Banner是怎样用对模特图的!

1. 使用产品

它是一种「正在进行」的表现形式,比如在骑摩托、滑冰、跑步、游泳,这些都属于「正在进行」。同,模正在使用产品的候拍摄的照片,就会给观者的代入。

这次我教你,优秀的Banner是怎样用对模特图的!

日本本土的啤品牌麒麟啤的广告,每个广告片的最后,演员喝的表情和动作都是不一的。

这次我教你,优秀的Banner是怎样用对模特图的!

通过演员喝啤的状和表情来向观众传达和调麒麟啤,味醇厚、丰和品质高的产品点。

这次我教你,优秀的Banner是怎样用对模特图的!

这也是一组麒麟品牌的广告,但是产品换成了尾,因为这种尾的主要受众是领,所以这组广告也选用了相对比较有气质的模,的景容和灯光布置,塑造了一种上班族工作了一,下班之后美美的酌一杯的觉,那当观众了这组广告,也会被广告中模的状所染。也会想要去尝一下这款尾的味道。

2. 使用环

这次我教你,优秀的Banner是怎样用对模特图的!

这是一个尿湿的广告,在这个房间环境的衬托,更凸显了婴在使这款尿湿之后,睡觉特别稳、舒适的感觉。

这次我教你,优秀的Banner是怎样用对模特图的!

这是一个空调广告,首先广告构建了一个干净整洁的房间,然后现了我们的角——空调。然后画面中又现了一个正在练瑜伽的女孩。这组广告是通过这个女孩练瑜伽时放松舒适的环境,来表现这款空调的舒适。静舒心的场景,更凸显了空调「清自然无异味」和「身心舒畅」的产卖点。

这次我教你,优秀的Banner是怎样用对模特图的!

这是一个大发汽车的广告,在画面中我们可看到这辆汽车是在一个环境优美的山上,这就代表这款汽车的盘是很的,它可越野。然后画面中又现一群人,这群人看上像是角的人或者是友,那这里就体现了车辆空间大,舒适,适合与人友一起旅游的产定位。

3. 使效果

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片来自花瓣网

这种方法表现了人物使产之后达到的一个效果。如画面中模特佩戴的手镯和手表,通过展示模特佩戴产的效果,可消者更直观的感受到,自己佩戴之后是一个么样的感觉。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片来自瓣

,偶尔会有头痛,所以就经常会去买头痛药,在选购头痛药的候,就注商家使用了多这的图,这的图首先对头痛的症状表现比较模糊,这的动作它也有可能是焦虑或者情绪低落的表现。另外,大多数的头痛药品牌都在使用这种图,得多了就会觉千篇一律,审美乏味。怎突破以往的形式,来计一个头痛药的广告画面呢?

这次我教你,优秀的Banner是怎样用对模特图的!

△ 大正制药,头痛药广告

这制2017制作的痛广告,这里人的模特,选择了之我们看到差异性很的一微的少女,画面中的模特用手指向方的产品形聚焦点,轻松乐的表,也展示了「使用痛,痛轻松走」的产品。

这次我教你,优秀的Banner是怎样用对模特图的!

这港的一款饮料广告,这款饮料主打健康养的,合健身或者减肥的人喝,广告中也选择了一身特别好的模特,看到这广告之后也会给一种喝了也能这么瘦的感觉。

4. 明星效应

很多当的流明星,他们的流很夸张的,明星的粉丝会购买他们言的产品,粉丝会认,自己idol所言的产品也idol的一部分,我们之也一学员,他就非常喜欢某明星,他把他所言的产品全都买回家了。所以可见明星效应所的的产品立竿见影的。

这次我教你,优秀的Banner是怎样用对模特图的!

△ rio「微醺鸡尾酒」系列广告

这次我教你,优秀的Banner是怎样用对模特图的!

△ rio「微醺鸡尾酒」系列广告

rio的产品微醺鸡尾酒,就选择近两年国民喜爱度爆表的演周冬雨来代言产品,个产品它主打「一个人的小酒」的概念,告中的周冬雨颇有活泼精致的少女感,通她精湛的演技,把小女生独自饮酒的状态表现的淋漓尽致。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 护肤品牌Dual Face新告

另,请明也是要注意明质和设是否符合品或品定位,日本款护肤品,选用了「天然氧美少女」夏帆来为品做代言,夏帆设和品使用自然有原料特完美融合,不仅促进了销量,也加强了消费者信任度,是个很成功明代言。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 可尔必思广告

可必思可说是日本的国民饮了,我们任何一日店,肯定都可喝到可必思,它的卖点是天然乳酸菌,酸酸甜甜,在青年中尤受。可必思的代言人择了日本颇具人气的年轻美女永野芽郁,她泼年轻可爱的形象,非符合可必思的产受众。

Banner模特圈的视角

虽然我们设计师一定都要懂摄影,但是我们要对模特照片的基本的拍摄视角和景别有了解,这样我们才更好的利模特照片来做合适的设计。

1. 全身照片

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片来自服装品「玩药局」

全身照片是对模特整个面貌的一个宏观表现,在这里,模特的穿着和势我们都一清二楚。而且全身照片的可操作性强,你可对照片随意进行裁剪处。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片来自牌「鹿与飞鸟」「ONE MORE」

2. 半身照片

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片来自服装品「REDCHARCOAL 」

半身,就是集中在模特的上半身,或者半身的某一分,这种方式较适合集中突产,一般会把视角集中在产上。

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片来自牌「REDCHARCOAL 」「鹿与飞鸟 」

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片来自牌「步履停 」「jessiejane 」「鹿与飞鸟 」

同是半身照片,可以这张照片的脸部,都没有完全露出来。这是因为什呢?这个在视觉心理学中来讲叫做噪比,画面中除了必要的息之外,也会存在所谓的「噪音」。

这次我教你,优秀的Banner是怎样用对模特图的!

因为人物脸部的存在,观者的视线会不觉地聚焦在人物脸部,当把脸部进行裁切或遮挡的候,会减少模表情对于产品的干扰,会让你直把视线聚焦在产品上。

3. 胸部以上

这次我教你,优秀的Banner是怎样用对模特图的!

胸上的照片,要是于展现模特的妆容和佩,或者是人物的面表情和情绪,这种视角可拉画中人与观众的距离,增强交互性,但是对于肤的质感要求较,需要一定的后期修图技术。

这次我教你,优秀的Banner是怎样用对模特图的!

4. 特写照片

这次我教你,优秀的Banner是怎样用对模特图的!

特写大家就比熟悉,尤其是各位女朋,你们在买口红的时,口红的品牌几乎是使用嘴唇的特写来表现口红的颜。所以特写,也是非常适合表现化妆品、护肤品、美瞳等产品。另外特写也是局部的展现,它以使表现对象从周围的境中凸显出来,造成清晰的视印象,从而得到强的效果。

5. 远照

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片自品牌「履不停 」

远在电设计中的应用比少,因为人物在里面已经很小,你看不清他的服饰,也看不清他的妆容。它所传播出来的其就是它独特的气质和画面的意境,比家店《步履不停》,他们的产品主打就是式森系的风。所以他们很的照使用种大留白的远来传达品牌的气质,个,也是他们家区别其他品牌的地方。

这次我教你,优秀的Banner是怎样用对模特图的!

讲到品牌不得不提的是,现在的大数电品牌拍摄的模特照基大同小异,比说当我们在淘宝搜索连裙的时,我们以看到搜索出来的图基差不,角度单一,审美乏味,所以说电品牌怎样和其他品牌形成差异化呢?

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图来自品牌「ZE by sankuanz 」 摄影师:袁小鹏

摄影师袁晓鹏上官喆系列照片,很好解决了这个问题,既保持了品个性又找到了十分有趣度,张照片里都有个正在进「故事」,观者以遐想空。这样店,会在你心里留下个很深印象,也和其他店形成了异化。

Banner模特圈的人数

1. 1人

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片自服装品牌「only 」「viishow」

画面中的模特人数,分为:一人,两人和人。一个人就很常见,店铺里主打的单品通常就用单人模特来展示。

2. 2人

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片自服装品牌「vovavi」「it`s toasted」

双人模特,通常用表现对立和并列的关系。

3. 人

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片自服装品牌「GUUKA」「玖柒」

使用人模特,给人带来一种热闹,而且有信赖的感。

Banner模特圈的编排方式

1. 去底

这次我教你,优秀的Banner是怎样用对模特图的!

有候人物拍照的背景是比较杂乱的。文字放在上面编排的候识别性差。这个候为了保证文字的识别性,就会给它加上投或者描边,但是这会显得画面脏,更好的法是什呢?就是把图片给它抠出来,放在一个适的背景上。

这次我教你,优秀的Banner是怎样用对模特图的!

2. 与字穿插

这次我教你,优秀的Banner是怎样用对模特图的!

为了让画更有层感,我们可以使用图叠,或者叠图形,是使用时也要注意文识性。

这次我教你,优秀的Banner是怎样用对模特图的!

3. 整+局部

这次我教你,优秀的Banner是怎样用对模特图的!

当我们展宏观场景又展产品细节时,该怎么办呢?这时候我们就可以使用整体加局部的这种形式。如果横版的banner,我们也可以左右排。

这次我教你,优秀的Banner是怎样用对模特图的!

4. 放大铺背景

这次我教你,优秀的Banner是怎样用对模特图的!

就像我们之前到的,当人物的表情很有特点的时候,我们就可将人物放大做背景。但还是那句话,放大的前是图片清晰要足够,如果够的话,往往会显得很廉。

这次我教你,优秀的Banner是怎样用对模特图的!

5. 去底+手绘

这次我教你,优秀的Banner是怎样用对模特图的!

种形式,比适合活泼爱有活力有个的电品牌,大家也不要看到手绘两个字就望而却步,际上它对你的手绘能力要求也不是很高,因为只是去画一简单的装饰元素,大家也以自己尝试一下,还是比简单的。

这次我教你,优秀的Banner是怎样用对模特图的!

6. 重复

这次我教你,优秀的Banner是怎样用对模特图的!

通常见最多的,就是这种形的重复,可以是同一人物,不同穿着,也可以是不同人物,不同穿着。当想让这些人物在画面中同展现的候,就可以给这些模图抠出来有序的摆放,但是也要注,抠出来之后模的大也一定要保持一致。

这次我教你,优秀的Banner是怎样用对模特图的!

7. 色+单色

这次我教你,优秀的Banner是怎样用对模特图的!

于场景化模特照片来说,我们可以使用这。将物或者物围环境去色,这样也会更加突出品。

这次我教你,优秀的Banner是怎样用对模特图的!

8. 合成场

这次我教你,优秀的Banner是怎样用对模特图的!

△ 图片作者「臣杰逊」

合成里我们不做重点来讲,因为个是一种比耗时耗力的形式。大家以自己去一下。

Banner 案例演示

这次我教你,优秀的Banner是怎样用对模特图的!

接下,我们就根据文案图片,设一张手机banner。

这次我教你,优秀的Banner是怎样用对模特图的!

首先我们把模特照片置画面中,然后我们分析一下,这张照片毫无疑问它拍的非常好,模特的妆相都比较净,眼神也自然聚焦,看去就十分舒,这种模特图,我们就可以的给他。

这次我教你,优秀的Banner是怎样用对模特图的!

之后人的气质,也突出了,周围的负空间也得到了填充。接下我们编排标题。我们可以注意到,人的眼睛画面方的,所以整画面的重也方,这时候我们就可以把标题编排画面下方,平衡版面,也与方的重一呼应,因这品牌的气质比较清新,比较自然的,所以标题,我就选择了一细体的文字体,并且加了字间距,这样文字之间就了一呼吸感。

这次我教你,优秀的Banner是怎样用对模特图的!

下一我们把关键的文案竖排模特眼睛标题之间。那什么这置呢?因方模特的眼睛视觉重,虽然下方的标题了平衡呼应,但由于距离较远,两者缺少联系,观者把视线聚焦眼睛之后,视线就了第二聚焦点,就不知道该看什么了。

这次我教你,优秀的Banner是怎样用对模特图的!

这段文字这里,也可以看作一线条,用它连接视觉中,引导阅读视线,让观众很自然的从视觉重一直往下阅读。后我们把其他文字按照层级关系,编排版面内,这案例就完了。

这次我教你,优秀的Banner是怎样用对模特图的!

第二案例,我们一比较高端牌的服装品牌banner。

这次我教你,优秀的Banner是怎样用对模特图的!

这种比较牌或者奢侈品品牌的banner,一般文案都比较少,且高端牌的模特一般都比较高冷,比较质感的。因牌,它就的这自信。且它们不需太多的文案描述,时候画面中只一LOGO几段文字就可以了,甚至的品牌连LOGO都不。那家也不觉得,文字少了就好排,实际文字越少,越考验的版式的基本功,如何把少的文字排出展的气质,也需一技巧的。

这次我教你,优秀的Banner是怎样用对模特图的!

首先我们把照片入画面,那这张照片的人的小置,还比较尴尬的,方下方都一完整的空间供我们编排文字,这时候我们就需把图片稍微调整一下。

这次我教你,优秀的Banner是怎样用对模特图的!

这样,我们的画面方,就了一比较完整的空间了。然后我们选择一气质相符的手写英文编排版面的方,这里注意人外轮廓文字之间的关系。

这次我教你,优秀的Banner是怎样用对模特图的!

然后将剩余文字编排画面下方,版面的结构就完了,但这里还一问题,下方的文字颜色如果选择白色的话,点过于显眼突出了,整画面的气质不太相符。怎么办呢?我们可以把这段文字的颜色改画面中人皮肤亮部的黄色,再提高一些明度,这样画面看起就协调多了。

这次我教你,优秀的Banner是怎样用对模特图的!

这次我教你,优秀的Banner是怎样用对模特图的!

第三个案例,做一个轻可爱的促销类banner

这次我教你,优秀的Banner是怎样用对模特图的!

这次我教你,优秀的Banner是怎样用对模特图的!

我们先把模特素材抠来放置在版面中,这个时候模特的外轮廓是十分规则的,那这种规则,就导致了版面中存在了很多规则的负空间,这种负空间只靠案是很难填充的,编的难很。

这次我教你,优秀的Banner是怎样用对模特图的!

我们可将模特放大裁剪为半身,裁剪之后,负空间就了很多。方我们之后的编。另外我们来看模特的手,是一个很好的视觉指引,模特的手指指向的区域,我们要最重要的案信息。但是现在手的区域已经接边缘了,空间够,那怎么办呢?我们把人物移到右侧。这样这个位置的空间就很整了。

这次我教你,优秀的Banner是怎样用对模特图的!

之后,我们把折扣信息编在人物手的位置组成一个字组合,然后在方把时间信息好。

这次我教你,优秀的Banner是怎样用对模特图的!

上两端可色来填充版面,再把剩余的案编好。然后再元素点缀一负空间,这个案例就成了。

这次我教你,优秀的Banner是怎样用对模特图的!

本次程到这里就结束了,我们来顾总结一今天的容。首先模特图的气质我们一定要拿捏好,因为模特的气质是牌定位的基石。如果模特图错的话,往往会产生相反的效果。第二,在我们使模特图来做设计的时候,要根据模特图的同表现形式来合的规划版面。第,我们作为设计师,要对模特照片的基本的拍摄视角和景别有了解,我们要根据同的拍摄视角来择合适的编方式。那这节课的容就到这里,我们期再见。

欢迎关注研习的公众号:「Yanxishe2017」

这次我教你,优秀的Banner是怎样用对模特图的!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

@做设计的面条 :做设计的时候经常毫无头绪或者看不出自己的问题在哪里?相信你们看完这篇5个改稿对比案例后,会对自己平时所...
实战案例
IP 一词近年来很火,尤其在一些影视剧改编、跨界合作中屡见不鲜,电商领域也越来越多 IP 跨界合作的例子,在进入正题之前,我...
电商
@做设计的面条 :这一次我想给大家分享的是关于文案超多超多的海报设计到底该怎么去排版这个主题。 因为之前一直都有人问我...
做设计的面条
本文总结了 9 个排版的小技巧,帮你快速提高版式设计能力。 两种颜色就够了 圆形聚焦 粗框装饰 左起的1/4法则 分散的三角...
平面设计
创意是营销中离消费者最近的环节,同样也是最性感、最直接的部分。但为什么我们都看过杜蕾斯海报却依旧写不出好文案?一个好...
Banner设计
在设计中说起版式设计,相信对于很多设计者来说是一件比较头疼的事,尤其是对于初学者来说,在拿到需求后如果没有相应的参考...
平面设计
前段时间刚给各位盘点完 2019 年热播的电视剧和电影的海报,各位小宝贝们有没有收到干货呢?今天小编再次营业,来盘点一下那...
海报设计
文章分享了最近跟进的一个项目,主要研究怎么通过设计提升 Banner 点击率,希望项目中的方法能给大家带来一些参考与启发。 项...
Banner