這次我教你,先進(jìn)的Banner設(shè)計(jì)是如何用對(duì)模特圖的!
2020-08-17 734

這次我教你,先進(jìn)的Banner設(shè)計(jì)是如何用對(duì)模特圖的!

Banner包括什么元素?

在電商設(shè)計(jì)中,最緊張的即是網(wǎng)店的banner設(shè)計(jì),banner中所包括的元素也多種多樣,每一種都有不同的功能。大抵能夠分為:文字,照片,背景,裝修元素和標(biāo)記。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

其中能夠給人最直觀感受的即是照片,因此這節(jié)課我們從照片開始動(dòng)手。給大家講一講照片在banner設(shè)計(jì)中的應(yīng)用。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 舉例圖片來自品牌「FEW精品咖啡」「有耳」

電商banner,也能夠分為兩種,一種是有照片的設(shè)計(jì),一種是沒有照片的設(shè)計(jì),也即是圖形設(shè)計(jì)。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 舉例圖片來自咖啡品牌「三頓半」「閃墊」「不敷商店」

在沒有照片的環(huán)境下,我們應(yīng)用圖形,插畫,文字編排等手法,也能夠闡揚(yáng)出很好很豐富的畫面感受。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 舉例圖片來自品牌「LEONSENSE」「超等植物公司」「玩藥局」「SENCE LA」「viishow」

以實(shí)際照片為主的banner設(shè)計(jì),會(huì)給人真實(shí)的感受,這個(gè)是圖形設(shè)計(jì)所達(dá)不到的。并且大多數(shù)的電商banner,都是用照片來作為主元素應(yīng)用的。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

在電商設(shè)計(jì)中,照片能夠分為兩種,劃分是商品照片和模特照片。模特照片,又能夠分為,兒童,年輕人,中老年人和寵物。人物類的模特照片主要應(yīng)用在服裝平臺(tái),服裝類電商品牌會(huì)大批的應(yīng)用模特照片來展示產(chǎn)品,寵物的照片則主要應(yīng)用于寵物用品門類。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

除了以上說的這些,模特的照片,在電商設(shè)計(jì)中的應(yīng)用那是相當(dāng)廣泛的,你打開淘寶,險(xiǎn)些全部的分類里都能夠見到應(yīng)用模特照片設(shè)計(jì)的banner圖。

為什么我們要應(yīng)用模特照片呢?因?yàn)槟L卣掌亲钣写敫械?,不管是產(chǎn)品也好,服裝也好,我們看到模特應(yīng)用的同時(shí),也會(huì)想到本人用上,穿上是不是也有一樣的效果。因此人物照片在電商中是最直觀的一種闡揚(yáng)形式。模特照片如何選定也是有考究的,如果選錯(cuò)了照片往往會(huì)起到相反的效果,選定與品牌氣質(zhì)比較應(yīng)的模特是很關(guān)鍵的。

Banner模特圖的選定

「啟示聰明智慧 修建美好童年」

如果以這段文案來設(shè)計(jì)banner我們?cè)撊绾芜x定對(duì)應(yīng)氣質(zhì)的照片呢?

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

首先,這個(gè)文案是一個(gè)兒童產(chǎn)品的文案,簡(jiǎn)單的分析一下,聰明智慧和美好童年,這兩個(gè)詞是很直觀很具象的。那我們要選定的模特照片,首先從外觀上,必然是一個(gè)看上去很聰明的小孩氣象。第二個(gè)關(guān)鍵詞是美好童年,領(lǐng)有幸福童年的小孩,他最直觀的闡揚(yáng),即是臉上洋溢的笑容。那分析完這兩點(diǎn),我們就能夠按照這兩種特性去挑選模特照片了。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片源自「攝圖網(wǎng)」

我們用這三張照片來舉例,左側(cè)的小孩,他的行動(dòng)和臉色看上去非常調(diào)皮,非常心愛,右側(cè)的小孩看起來比較活潑好動(dòng),那這兩種都不太合乎我們文案的感受。我們?cè)賮砜粗行牡男『?,他手里在玩著積木,臉上也笑的很自然,第一眼看上去就有比較聰明的感受。因此他就很合乎我們剛才所分析的文案內(nèi)容,那在這里我們就要選定中心的這張照片。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片源自「攝圖網(wǎng)」

我們?cè)賮砜吹诙€(gè)文案。這是一個(gè)女性衣飾主題的文案,一樣,我們來分析一下這個(gè)文案,「異想少女鉆研所」實(shí)在我們只是讀一下也能感受的到,這個(gè)文案即是那種比較有個(gè)性比較年輕的氣質(zhì),那模特圖我們也是要選定一個(gè)年輕,有個(gè)性的女孩氣象。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片源自「攝圖網(wǎng)」

第一張照片上的女孩穿戴校服,看上去是比較清純的氣質(zhì)。第二張照片上的女孩,她的行動(dòng)和臉色,看上去給人一種很心愛的感受。因此前兩個(gè)都不太合乎我們文案的感受。那我們?cè)賮砜吹谌龔堈掌谌龔堈掌械呐?,妝容細(xì)膩,臉上也涂著油彩,眼神也很有個(gè)性。因此很顯然,第三張更合乎我們的文案內(nèi)容。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片源自「攝圖網(wǎng)」

我們?cè)賮砜茨┝艘粋€(gè)文案,「保持身體健康,綻開幸福笑容」,這是一個(gè)老年人產(chǎn)品的廣告文案,這句話的兩個(gè)關(guān)鍵詞劃分為,健康和笑容。那我們選定照片刻也要留意這兩點(diǎn)。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片源自「攝圖網(wǎng)」

左側(cè)的模特在皺著眉頭思考,感受不是很高興,而且臉色也有些嚴(yán)肅。右側(cè)的模特,看上去像是一個(gè)老中醫(yī)的氣象。那這兩個(gè)也都不太合乎我們文案的感受,惟有中心的模特,我們能夠看出他的氣色特別好,而且笑的很光耀,因此在這三張模特照片中,我們必定會(huì)選定第二張。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片源自「攝圖網(wǎng)」

Banner 模特圖的闡揚(yáng)形式

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

我們先來說一下臉色放大。那么在什么時(shí)分,我們需要將模特的臉色放大呢?

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

合乎這幾個(gè)特色的模特圖,我們都適用將她的臉色放大,但是放大的前提是圖片清楚度要充足,如果清楚度不敷的話,就會(huì)給人很低價(jià)的感受。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

首先來說妝容浮夸,我們能夠看到,這個(gè)模特的臉部有很多的油彩,那這種妝容在我們通常生活中是很少見到的。因此她在臉部就自然的形成了一種聚焦的核心,并且這片面氣質(zhì)也給人一種高冷、有個(gè)性的感受。那這個(gè)時(shí)分我們就適用把她的臉色放大。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

當(dāng)我們把臉色放大之后,也會(huì)增強(qiáng)相傳模特自身的氣質(zhì)。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

我們?cè)賮砜催@個(gè)模特,她頭上戴的假發(fā),已經(jīng)遮住了她的大部分面部,那這種妝容就會(huì)給人一種很秘密的感受。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

如果把它的臉色放大,你會(huì)覺得人物的主體是非常有視覺沖擊力的,而且非常迷惑眼球。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

而后我們?cè)賮砜匆幌聤y容細(xì)膩。如果模特本人的照片質(zhì)感不是很好,那就需要我們有很強(qiáng)的圖片后期技術(shù),經(jīng)過修圖,來給人物面部增強(qiáng)質(zhì)感,當(dāng)質(zhì)感達(dá)標(biāo)之后,我們就能夠?qū)⑺哪樕糯蟆?

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這個(gè)時(shí)分我們能夠很清楚的看到她面部的皮膚細(xì)節(jié),這種方法也非常適用我們闡揚(yáng)護(hù)膚品、美妝類產(chǎn)品。固然了,這對(duì)大家的修圖技術(shù)也有必然的要求。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

臉色浮夸。當(dāng)一片面做出大笑,流淚,怒視等浮夸臉色的時(shí)分,我們都適用把他放大。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

因?yàn)榍榫w是能夠沾染的,當(dāng)你看到模特情緒的同時(shí),本人也會(huì)直接被她的情緒所感染到。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

氣質(zhì)清純,在日本的廣告設(shè)計(jì)中,他們時(shí)常應(yīng)用這種年輕的,妝容非常潔凈的女性,當(dāng)模特圖發(fā)現(xiàn)這種氣質(zhì)的時(shí)分,我們能夠?qū)⑺拿娌糠糯螅瑢⑺寮兠篮玫臍赓|(zhì)闡揚(yáng)出來。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

1. 應(yīng)用產(chǎn)品

它是一種「正在進(jìn)行時(shí)」的闡揚(yáng)形式,好比我們?cè)隍T摩托、溜冰、跑步、泅水,這些都屬于「正在進(jìn)行時(shí)」。一樣,模特正在應(yīng)用產(chǎn)品的時(shí)分拍攝的照片,就會(huì)給觀者很強(qiáng)的代入感。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

日本外鄉(xiāng)的啤酒品牌麒麟啤酒的廣告,每個(gè)廣告片的末了,演員喝酒的臉色和行動(dòng)都是不一樣的。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

通過演員喝啤酒的狀況和臉色來向觀眾轉(zhuǎn)達(dá)和夸大麒麟啤酒,口味醇厚、口感豐富和品格高的產(chǎn)品賣點(diǎn)。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這也是一組麒麟品牌的廣告,但是產(chǎn)品換成了雞尾酒,因?yàn)檫@種雞尾酒的主要受眾是白領(lǐng),因此這組廣告也選用了比較比較有氣質(zhì)的模特,他的場(chǎng)景妝容和燈光安插,塑造了一種上班族工作了一天,下班之后美美的小酌一杯的感受,那當(dāng)觀眾看到了這組廣告,也會(huì)被廣告中模特的狀況所感染。也會(huì)想要去嘗試一下這款雞尾酒的味道。

2. 應(yīng)用環(huán)境

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這是一個(gè)尿不濕的廣告,在這個(gè)房間環(huán)境的襯托下,更加凸顯了嬰兒在應(yīng)用這款尿不濕之后,睡覺特別安穩(wěn)、舒服的感受。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這是一個(gè)空調(diào)廣告,首先廣告構(gòu)建了一個(gè)潔凈整齊的房間,而后發(fā)現(xiàn)了我們的主角——空調(diào)。而后畫面中又發(fā)現(xiàn)了一個(gè)正在練瑜伽的女孩。這組廣告也是通過這個(gè)女孩練瑜伽時(shí)輕松舒服的環(huán)境,來闡揚(yáng)這款空調(diào)的舒服度。恬靜舒心的場(chǎng)景,也更加凸顯了空調(diào)「清爽自然無異味」和「身心舒坦」的產(chǎn)品賣點(diǎn)。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這是一個(gè)大發(fā)汽車的廣告,在畫面中我們能夠看到這輛汽車是在一個(gè)環(huán)境優(yōu)美的山上,這就代表這款汽車的底盤是很高的,它能夠越野。而后畫面中又發(fā)現(xiàn)一群人,這群人看上去像是主角的家人大概是朋友,那這里就體現(xiàn)了車輛里面空間大,舒服,適用與家人朋友一起游覽的產(chǎn)品定位。

3. 應(yīng)用效果

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自花瓣網(wǎng)

這種方法闡揚(yáng)了人物應(yīng)用產(chǎn)品之后所能達(dá)到的一個(gè)效果。好比畫面中模特佩戴的手鐲和手表,通過展示模特佩戴產(chǎn)品的效果,能夠讓用戶人群更加直觀的感受到,本人佩戴之后是一個(gè)什么樣的感受。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自花瓣網(wǎng)

通常,我偶爾會(huì)有頭痛,因此就時(shí)常會(huì)去買頭痛藥,在選購頭痛藥的時(shí)分,我就留意到商家應(yīng)用了很多這樣的圖,這樣的圖首先他仇家痛的癥狀闡揚(yáng)比較模糊,這樣的行動(dòng)它也有不妨焦炙大概情緒低落的闡揚(yáng)。別的,大多數(shù)的頭痛藥品牌都在應(yīng)用這種圖,看得多了就會(huì)感受千篇一律,審美沒趣。怎么沖破以往的形式,來設(shè)計(jì)一個(gè)頭痛藥的廣告畫面呢?

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 大正制藥,頭痛藥廣告

這是大正制藥在今年年制作的頭痛藥廣告,這里人物的模特,選定了和以前我們看赴任異性很大的一個(gè)淺笑的少女,畫面中的模特用手指向上方的產(chǎn)品形成聚核心,輕松快樂的臉色,也展示了「應(yīng)用頭痛藥,頭痛輕松走」的產(chǎn)品定位。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這是香港的一款飲料廣告,這款飲料主打健康養(yǎng)生的定位,適用正在健身大概正在減肥的人喝,廣告中也選定了一名身材特別好的模特,看到這個(gè)廣告之后也會(huì)給你一種你喝了也能這么瘦的感受。

4. 明星效應(yīng)

當(dāng)今有很多當(dāng)紅的流量明星,他們的流量是很浮夸的,明星的粉絲會(huì)購買他們代言的產(chǎn)品,粉絲會(huì)認(rèn)為,本人idol所代言的產(chǎn)品也是idol的一部分,我們以前也有一名學(xué)員,他就非常稀飯某位明星,他把他全部代言的產(chǎn)品全都買回家了。因此可見明星效應(yīng)所帶來的的產(chǎn)品銷量是立竿見影的。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ rio「微醺雞尾酒」系列廣告

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ rio「微醺雞尾酒」系列廣告

rio的產(chǎn)品微醺雞尾酒,就選定了近兩年人民喜好度爆表的演員周冬雨來代言產(chǎn)品,這個(gè)產(chǎn)品它主打「一片面的小酒」的概念,廣告片中的周冬雨頗有活潑細(xì)膩的少女感,通過她精深的演技,把小女生單獨(dú)喝酒后的狀況闡揚(yáng)的淋漓盡致。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 護(hù)膚品牌Dual Face新廣告

別的,請(qǐng)明星也是要留意明星的氣質(zhì)和人設(shè)是否合乎品牌或產(chǎn)品的定位,日本的一款護(hù)膚品,就選用了「自然氧氣美少女」夏帆來為品牌做代言,夏帆的人設(shè)和產(chǎn)品應(yīng)用自然有機(jī)質(zhì)料的特色完善配備,不僅激動(dòng)了銷量,也增強(qiáng)了用戶人群的信任度,是一個(gè)很成功的明星代言。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 可爾必思廣告

可爾必思能夠說是日本的人民飲料了,我們?nèi)ト魏我患胰樟系?,必定都能夠喝到可爾必思,它的賣點(diǎn)是自然乳酸菌,酸酸甜甜,在青少年中尤為受迎接??蔂柋厮嫉拇匀诉x定了日本頗具人氣的年輕美少女永野芽郁,她活潑年輕心愛的氣象,也非常合乎可爾必思的產(chǎn)品受眾。

Banner模特圈的視角

雖然我們?cè)O(shè)計(jì)師不必然都要懂?dāng)z影,但是我們也要對(duì)模特照片的基本的拍攝視角和景別有所打聽,這樣我們才氣更好的行使模特照片來做出適宜的設(shè)計(jì)。

1. 全身照片

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自服裝品牌「玩藥局」

全身照片是對(duì)模特整個(gè)面目的一個(gè)宏觀闡揚(yáng),在這里,模特的穿戴和動(dòng)勢(shì)我們都一覽無余。而且全身照片的可操縱性強(qiáng),你能夠范例片隨便進(jìn)行裁剪處理。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自服裝品牌「鹿與飛鳥」「ONE MORE」

2. 半身照片

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自服裝品牌「REDCHARCOAL 」

半身,即是密集在模特的上半身,大概下半身的某一部分,這種方法比較適用密集突出產(chǎn)品,普通也會(huì)把視角密集在產(chǎn)品上。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自服裝品牌「REDCHARCOAL 」「鹿與飛鳥 」

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自品牌「行動(dòng)不停 」「jessiejane 」「鹿與飛鳥 」

一樣是半身照片,我們能夠看到這幾張照片的臉部,都沒有完全暴露來。這是因?yàn)槭裁茨兀窟@個(gè)在視覺生理學(xué)中來講叫做信噪比,畫面中除了必要的消息以外,也會(huì)存在所謂的「噪音」。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

因?yàn)槿宋锬槻康拇嬖?,觀者的視野會(huì)不自發(fā)地聚焦在人物臉部,當(dāng)我們把臉部進(jìn)行裁切或遮擋的時(shí)分,會(huì)削減模特臉色關(guān)于產(chǎn)品的干擾,會(huì)讓你直接把視野聚焦在產(chǎn)品上。

3. 胸部以上

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

胸部以上的照片,主要是用于展示模特的妝容和佩飾,大概是人物的面部臉色和情緒,這種視角能夠拉近畫中人與觀眾的距離,增強(qiáng)交互性,但是關(guān)于皮膚的質(zhì)感要求較高,因此也需要必然的后期修圖技術(shù)。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

4. 特寫照片

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

特寫大家就比較熟悉了,尤為是各位女性朋友,你們?cè)谫I口紅的時(shí)分,口紅的品牌險(xiǎn)些都是應(yīng)用嘴唇的特寫來闡揚(yáng)口紅的色彩。因此特寫,也是非常適用闡揚(yáng)化裝品、護(hù)膚品、美瞳等產(chǎn)品。別的特寫也是部分的展示,它能夠使闡揚(yáng)對(duì)象從周圍的環(huán)境中凸顯出來,導(dǎo)致清楚的視覺印象,從而獲得夸大的效果。

5. 藍(lán)圖照片

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自品牌「行動(dòng)不停 」

藍(lán)圖在電商設(shè)計(jì)中的應(yīng)用比較少,因?yàn)槿宋镌诶锩嬉呀?jīng)很小了,你看不清他的衣飾,也看不清他的妝容。它所傳布出來的實(shí)在即是它怪異的氣質(zhì)和畫面的意境,好比這家店《行動(dòng)不停》,他們的產(chǎn)品主打即是日式森系的樣式。因此他們很多的照片都應(yīng)用了這種大留白的藍(lán)圖來轉(zhuǎn)達(dá)品牌的氣質(zhì),這個(gè),也是他們家區(qū)別于其余品牌的地方。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

講到品牌不得不提的是,當(dāng)今的大多數(shù)電商品牌拍攝的模特照片基本都大同小異,好比說當(dāng)我們?cè)谔詫毸阉鬟B衣裙的時(shí)分,我們能夠看到搜索出來的圖片基本都差未幾,角度單純,審美沒趣,因此說電商品牌如何和其余品牌形成差異化呢?

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自品牌「ZE by sankuanz 」 攝影師:袁小鵬

攝影師袁曉鵬給上官喆拍的一系列照片,就很好的辦理了這個(gè)疑問,既保持了品牌的個(gè)性又找到了十分有趣的角度,每張照片里都有一個(gè)正在進(jìn)行的「段子」,給觀者以遐想空間。這樣的店,就會(huì)在你的心里留下一個(gè)很深的印象,也就和其余店形成了差異化。

Banner模特圈的人數(shù)

1. 1人

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自服裝品牌「only 」「viishow」

畫面中的模特人數(shù),分為:一人,兩人和多人。一片面就很常見了,網(wǎng)店里主打的單品通常就會(huì)用單人模特來展示。

2. 2人

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自服裝品牌「vovavi」「it`s toasted」

雙人模特,通常用于闡揚(yáng)作對(duì)和并列的干系。

3. 多人

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片來自服裝品牌「GUUKA」「藥九玖柒」

應(yīng)用多人模特,會(huì)給人帶來一種熱鬧,而且有相信的感受。

Banner模特圈的編排方法

1. 去底

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

偶然候人物攝影的背景是比較雜亂的。我們文字放在上面編排的時(shí)分識(shí)別性很差。這個(gè)時(shí)分為了保證文字的識(shí)別性,我們就會(huì)給它加上投影大概描邊,但是這樣又會(huì)顯得畫面很臟,更好的設(shè)施是什么呢?即是把圖片給它摳出來,放在一個(gè)適宜的背景上。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

2. 與文字交叉

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

為了讓畫面更有層次感,我們就能夠應(yīng)用圖疊字,大概字疊圖的形式,但是應(yīng)用時(shí)也要留意文字的識(shí)別性。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

3. 整體+部分

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

當(dāng)我們想展示宏觀場(chǎng)景又想展示產(chǎn)品細(xì)節(jié)時(shí),該怎么辦呢?這個(gè)時(shí)分我們就能夠應(yīng)用整體加部分的這種形式。如果是橫版的banner,我們也能夠左右來排。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

4. 放大鋪滿背景

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

就像我們以前提到的,當(dāng)人物的臉色很有特色的時(shí)分,我們就能夠?qū)⑷宋锓糯笞霰尘?。但或是那句話,放大的前提是圖片清楚度要充足,如果不敷的話,往往會(huì)顯得很低價(jià)。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

5. 去底+手繪

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這種形式,比較適用活潑心愛有生氣有個(gè)性的電商品牌,那大家也不要看到手繪兩個(gè)字就望而卻步,實(shí)際上它對(duì)你的手繪才氣要求也不是很高,因?yàn)橹皇侨ギ嬌僭S簡(jiǎn)單的裝修元素,大家也能夠本人嘗試一下,或是比較簡(jiǎn)單的。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

6. 重疊

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

通常我們見到最多的,即是這種單位形的重疊,他們能夠是同一人物,不同穿戴,也能夠是不同人物,不同穿戴。當(dāng)我們想讓這些人物在畫面中同時(shí)展示的時(shí)分,我們就能夠給這些模特圖摳出來有序的擺放,但是也要留意,摳出來之后模特的大小也必然要保持一致。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

7. 去色+單色

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

關(guān)于場(chǎng)景化的模特照片來說,我們能夠應(yīng)用這種方法。將人物大概人物周圍的環(huán)境去色,這樣也會(huì)更加的突出產(chǎn)品。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

8. 合成場(chǎng)景

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

△ 圖片作者「湯臣杰遜」

合成這里我們不做重點(diǎn)來講,因?yàn)檫@個(gè)是一種比較耗時(shí)耗力的形式。大家能夠本人去打聽一下。

Banner 案例演示

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

接下來,我們就根據(jù)文案和圖片,來設(shè)計(jì)一張手機(jī)banner。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

首先我們把模特照片安排在畫面中,而后我們來分析一下,這張照片毫無疑問它拍的很好,模特的妝容和長(zhǎng)相都比較潔凈,眼神也自然聚焦,看上去就十分舒心,像這種模特圖,我們就能夠放心的給他放大。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

放大之后人物的氣質(zhì),也更突出了,周圍的負(fù)空間也獲得了填充。接下來我們來編排題目。我們能夠留意到,人物的眼睛當(dāng)今是在畫面上方的,因此整個(gè)畫面的重心也在上方,這個(gè)時(shí)分我們就能夠把題目編排在畫面下方,來平均版面,也是與上方的重心做一個(gè)照應(yīng),因?yàn)檫@個(gè)品牌的氣質(zhì)是比較清爽,比較自然的,因此在題目上,我就選定了一個(gè)細(xì)體的西文字體,并且加大了字間距,這樣文字之間就有了一個(gè)呼吸感。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

下一步我們把最關(guān)鍵的文案豎排放在模特眼睛和題目之間。那為什么放在這個(gè)地位呢?因?yàn)樯戏侥L氐难劬κ且曈X重心,雖然下方的題目做了平均和照應(yīng),但是由于距離較遠(yuǎn),兩者貧乏聯(lián)系,觀者把視野聚焦在眼睛之后,視野就沒有了第二個(gè)聚核心,就不曉得該看什么了。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這段文字放在這里,也能夠看作是一個(gè)線條,用它來連接視覺中心,引導(dǎo)閱讀視野,讓觀眾很自然的從視覺重心連續(xù)往下閱讀。末了我們把其余文字按照層級(jí)干系,編排在版面內(nèi),這個(gè)案例就實(shí)現(xiàn)了。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

第二個(gè)案例,我們做一個(gè)比較高端大牌的服裝品牌banner。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

像這種比較大牌大概奢侈品品牌的banner,普通來說文案都比較少,而且高端大牌的模特普通都是比較高冷,比較有質(zhì)感的。因?yàn)榇笈?,它即是要的這個(gè)自信。而且它們不需要太多的文案形貌,偶然候畫面中惟有一個(gè)LOGO和幾段文字就能夠了,乃至有的品牌連LOGO都不放。那大家也不要覺得,文字少了就好排,實(shí)際上文字越少,越考驗(yàn)?zāi)愕陌媸降幕竟?,如何把少量的文字排擠你想要展示的氣質(zhì),也是需要必然技巧的。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

首先我們把照片放入畫面,那這張照片當(dāng)今的人物的大小和地位,或是比較尷尬的,上方下方都沒有一個(gè)完整的空間供我們編排文字,這個(gè)時(shí)分我們就需要把圖片稍微調(diào)解一下。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這樣,我們的畫面上方,就有了一個(gè)比較完整的空間了。而后我們選定一個(gè)氣質(zhì)相符的手寫英文編排在版面的上方,這里要留意人物外表面和文字之間的干系。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

而后將剩余文字編排在畫面下方,版面的結(jié)構(gòu)就實(shí)現(xiàn)了,但是這里還有一個(gè)疑問,下方的文字色彩如果選定白色的話,有點(diǎn)過于顯眼突出了,和整個(gè)畫面的氣質(zhì)不太相符。怎么辦呢?我們能夠把這段文字的色彩改成畫面中人物皮膚亮部的黃色,再進(jìn)步少許明度,這樣畫面看起來就協(xié)調(diào)多了。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

第三個(gè)案例,我們做一個(gè)輕松心愛的促銷類banner

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

我們先把模特素材摳出來安排在版面中,這個(gè)時(shí)分模特的外表面是十分不規(guī)律的,那這種不規(guī)律,就導(dǎo)致了版面中也存在了很多不規(guī)律的負(fù)空間,這種負(fù)空間只靠文案是很難以填充的,編排的難度很高。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

我們能夠?qū)⒛L胤糯蟛眉魹榘肷?,裁剪之后,?fù)空間就少了很多。也利便我們之后的編排。別的我們來看模特的手,是一個(gè)很好的視覺指引,模特的手指指向的區(qū)域,我們要安排最緊張的文案消息。但是當(dāng)今手部的區(qū)域已經(jīng)靠近邊緣了,空間不敷,那怎么辦呢?我們把人物移到右側(cè)。這樣這個(gè)地位的空間就很完整了。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

之后,我們把折扣消息編排在人物手部的地位組成一個(gè)文字組合,而后在下方把時(shí)間消息排好。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

高低兩頭能夠用色塊來填充版面,再把剩余的文案編排好。而后再用裝修元素粉飾一下負(fù)空間,這個(gè)案例就實(shí)現(xiàn)了。

這次我教你,先進(jìn)的Banner是如何用對(duì)模特圖的!

本次教程到這里就結(jié)束了,我們往返顧總結(jié)一下今天的內(nèi)容。首先模特圖的氣質(zhì)我們必然要拿捏好,因?yàn)槟L氐臍赓|(zhì)是品牌定位的基石。如果模特圖選錯(cuò)的話,往往會(huì)產(chǎn)生相反的效果。第二,在我們應(yīng)用模特圖來做設(shè)計(jì)的時(shí)分,要根據(jù)模特圖的不同闡揚(yáng)形式來合理的計(jì)劃版面。第三,我們作為設(shè)計(jì)師,要對(duì)模特照片的基本的拍攝視角和景別有所打聽,我們要根據(jù)不同的拍攝視角來選定適宜的編排方法。那這節(jié)課的內(nèi)容就到這里,我們下期再會(huì)。

更多高手才懂的電商設(shè)計(jì)方法: