赞助商
立即赞助

这次我教你,优秀的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是怎样用对模特图的!

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

相关文章

经过上篇的分享《Banner设计宝典系列!玩转9种最常见的设计风格》之后,我又马不停蹄的进行了这篇文章的总结。 今天分享的内...
Banner设计
商家产品展示页面是每个平台展示产品不可或缺的页面,而这个页面的设计师是触发商家用户入驻的一个重要的设计触点,是我们在...
产品详情页
今天继续为大家带来新一期的《拍一张照片,就是一幅海报》系列文章,重点跟大家讲一下如何处理好文案和图片之间的层级关系。 ...
做设计的面条
重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性...
对比原则
每张运营位中的视觉图,其实都代表着整个平台的视觉品质。不论是犄角旮旯,还是我们的开屏图、首页轮播位。 发现问题 首页头...
Banner设计
“中心构图”是把主体放置在画面视觉中心,形成视觉焦点,再使用其他信息烘托和呼应主体。这样的构图形式能够将核心内容直观的...
中心构图
QQ 购物号是专门为 QQ 用户定制的购物平台,2020 年随着疫情过后,整体电商行业开始恢复阶段,QQ 购物号计划了今年双 11 大促...
QQ设计
今天要跟大家分享的是banner的设计思路。 banner的设计过程可以分为五步: 了解需求 根据需求确定设计风格 根据素材...
Banner设计