Banner包含什么元素？

在電商設(shè)計(jì)中，最重要的就是店鋪的banner設(shè)計(jì)，banner中所包含的元素也多種多樣，每一種都有不同的功能。大致可以分為：文字，照片，背景，裝飾元素和標(biāo)志。

其中能夠給人最直觀感受的就是照片，所以這節(jié)課我們從照片開始入手。給大家講一講照片在banner設(shè)計(jì)中的應(yīng)用。

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

電商banner，也可以分為兩種，一種是有照片的設(shè)計(jì)，一種是沒有照片的設(shè)計(jì)，也就是圖形設(shè)計(jì)。

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

在沒有照片的情況下，我們使用圖形，插畫，文字編排等手法，也可以表現(xiàn)出很好很豐富的畫面感覺。

△?舉例圖片來自品牌「LEONSENSE」「超級(jí)植物公司」「玩藥局」「SENCE LA」「viishow」

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

在電商設(shè)計(jì)中，照片可以分為兩種，分別是商品照片和模特照片。模特照片，又可以分為，兒童，年輕人，中老年人和寵物。人物類的模特照片主要應(yīng)用在服裝領(lǐng)域，服裝類電商品牌會(huì)大量的使用模特照片來展示產(chǎn)品，寵物的照片則主要應(yīng)用于寵物用品門類。

除了以上說的這些，模特的照片，在電商設(shè)計(jì)中的應(yīng)用那是相當(dāng)廣泛的，你打開淘寶，幾乎所有的分類里都可以見到使用模特照片設(shè)計(jì)的banner圖。

為什么我們要使用模特照片呢？因?yàn)槟Ｌ卣掌亲钣写敫械?，無論是產(chǎn)品也好，服裝也好，我們看到模特使用的同時(shí)，也會(huì)想到自己用上，穿上是不是也有同樣的效果。所以人物照片在電商中是最直觀的一種表現(xiàn)形式。模特照片如何選擇也是有講究的，如果選錯(cuò)了照片往往會(huì)起到相反的效果，選擇與品牌氣質(zhì)相對(duì)應(yīng)的模特是很關(guān)鍵的。

Banner模特圖的選擇

「啟迪聰明智慧 構(gòu)筑美好童年」

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

首先，這個(gè)文案是一個(gè)兒童產(chǎn)品的文案，簡單的分析一下，聰明智慧和美好童年，這兩個(gè)詞是很直觀很具象的。那我們要選擇的模特照片，首先從外觀上，一定是一個(gè)看上去很聰明的小孩形象。第二個(gè)關(guān)鍵詞是美好童年，擁有幸福童年的小孩，他最直觀的表現(xiàn)，就是臉上洋溢的笑容。那分析完這兩點(diǎn)，我們就可以按照這兩種特征去篩選模特照片了。

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

我們用這三張照片來舉例，左側(cè)的小孩，他的動(dòng)作和表情看上去非常調(diào)皮，非常可愛，右側(cè)的小孩看起來比較活潑好動(dòng)，那這兩種都不太符合我們文案的感覺。我們?cè)賮砜粗虚g的小孩，他手里在玩著積木，臉上也笑的很自然，第一眼看上去就有比較聰明的感覺。所以他就很符合我們剛才所分析的文案內(nèi)容，那在這里我們就要選擇中間的這張照片。

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

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

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

第一張照片上的女孩穿著校服，看上去是比較清純的氣質(zhì)。第二張照片上的女孩，她的動(dòng)作和表情，看上去給人一種很可愛的感覺。所以前兩個(gè)都不太符合我們文案的感覺。那我們?cè)賮砜吹谌龔堈掌?，第三張照片中的女孩，妝容精致，臉上也涂著油彩，眼神也很有個(gè)性。所以很顯然，第三張更符合我們的文案內(nèi)容。

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

我們?cè)賮砜醋詈笠粋€(gè)文案，「保持身體健康，綻放幸福笑容」，這是一個(gè)老年人產(chǎn)品的廣告文案，這句話的兩個(gè)關(guān)鍵詞分別為，健康和笑容。那我們選擇照片時(shí)也要留意這兩點(diǎn)。

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

左側(cè)的模特在皺著眉頭思考，感覺不是很開心，而且表情也有些嚴(yán)肅。右側(cè)的模特，看上去像是一個(gè)老中醫(yī)的形象。那這兩個(gè)也都不太符合我們文案的感覺，只有中間的模特，我們可以看出他的氣色特別好，而且笑的很燦爛，所以在這三張模特照片中，我們肯定會(huì)選擇第二張。

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

Banner 模特圖的表現(xiàn)形式

我們先來說一下表情放大。那么在什么時(shí)候，我們需要將模特的表情放大呢？

符合這幾個(gè)特點(diǎn)的模特圖，我們都適合將她的表情放大，但是放大的前提是圖片清晰度要足夠，如果清晰度不夠的話，就會(huì)給人很廉價(jià)的感覺。

首先來說妝容夸張，我們可以看到，這個(gè)模特的臉部有很多的油彩，那這種妝容在我們?nèi)粘Ｉ钪惺呛苌僖姷降?。所以她在臉部就自然的形成了一種聚焦的焦點(diǎn)，并且這個(gè)人氣質(zhì)也給人一種高冷、有個(gè)性的感覺。那這個(gè)時(shí)候我們就適合把她的表情放大。

當(dāng)我們把表情放大之后，也會(huì)加強(qiáng)傳遞模特自身的氣質(zhì)。

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

如果把它的表情放大，你會(huì)覺得人物的主體是非常有視覺沖擊力的，而且非常吸引眼球。

然后我們?cè)賮砜匆幌聤y容精致。如果模特本身的照片質(zhì)感不是很好，那就需要我們有很強(qiáng)的圖片后期技術(shù)，經(jīng)過修圖，來給人物面部加強(qiáng)質(zhì)感，當(dāng)質(zhì)感達(dá)標(biāo)之后，我們就可以將她的表情放大。

這個(gè)時(shí)候我們可以很清楚的看到她面部的皮膚細(xì)節(jié)，這種方式也非常適合我們表現(xiàn)護(hù)膚品、美妝類產(chǎn)品。當(dāng)然了，這對(duì)大家的修圖技術(shù)也有一定的要求。

表情夸張。當(dāng)一個(gè)人做出大笑，流淚，瞪眼等夸張表情的時(shí)候，我們都適合把他放大。

因?yàn)榍榫w是可以傳染的，當(dāng)你看到模特情緒的同時(shí)，自己也會(huì)直接被她的情緒所感染到。

氣質(zhì)清純，在日本的廣告設(shè)計(jì)中，他們經(jīng)常使用這種年輕的，妝容非常干凈的女性，當(dāng)模特圖呈現(xiàn)這種氣質(zhì)的時(shí)候，我們可以將她的面部放大，將她清純美好的氣質(zhì)表現(xiàn)出來。

1.?使用產(chǎn)品

它是一種「正在進(jìn)行時(shí)」的表現(xiàn)形式，比如我們?cè)隍T摩托、滑冰、跑步、游泳，這些都屬于「正在進(jìn)行時(shí)」。同樣，模特正在使用產(chǎn)品的時(shí)候拍攝的照片，就會(huì)給觀者很強(qiáng)的代入感。

日本本土的啤酒品牌麒麟啤酒的廣告，每個(gè)廣告片的最后，演員喝酒的表情和動(dòng)作都是不一樣的。

通過演員喝啤酒的狀態(tài)和表情來向觀眾傳達(dá)和強(qiáng)調(diào)麒麟啤酒，口味醇厚、口感豐富和品質(zhì)高的產(chǎn)品賣點(diǎn)。

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

2. 使用環(huán)境

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

這是一個(gè)空調(diào)廣告，首先廣告構(gòu)建了一個(gè)干凈整潔的房間，然后出現(xiàn)了我們的主角——空調(diào)。然后畫面中又出現(xiàn)了一個(gè)正在練瑜伽的女孩。這組廣告也是通過這個(gè)女孩練瑜伽時(shí)放松舒適的環(huán)境，來表現(xiàn)這款空調(diào)的舒適度。安靜舒心的場景，也更加凸顯了空調(diào)「清新自然無異味」和「身心舒暢」的產(chǎn)品賣點(diǎn)。

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

3. 使用效果

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

這種方法表現(xiàn)了人物使用產(chǎn)品之后所能達(dá)到的一個(gè)效果。比如畫面中模特佩戴的手鐲和手表，通過展示模特佩戴產(chǎn)品的效果，可以讓消費(fèi)者更加直觀的感受到，自己佩戴之后是一個(gè)什么樣的感覺。

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

平時(shí)，我偶爾會(huì)有頭痛，所以就經(jīng)常會(huì)去買頭痛藥，在選購頭痛藥的時(shí)候，我就注意到商家使用了很多這樣的圖，這樣的圖首先他對(duì)頭痛的癥狀表現(xiàn)比較模糊，這樣的動(dòng)作它也有可能是焦慮或者情緒低落的表現(xiàn)。另外，大多數(shù)的頭痛藥品牌都在使用這種圖，看得多了就會(huì)感覺千篇一律，審美乏味。怎么突破以往的形式，來設(shè)計(jì)一個(gè)頭痛藥的廣告畫面呢？

△?大正制藥，頭痛藥廣告

這是大正制藥在2017年制作的頭痛藥廣告，這里人物的模特，選擇了和之前我們看到差異性很大的一個(gè)微笑的少女，畫面中的模特用手指向上方的產(chǎn)品形成聚焦點(diǎn)，輕松快樂的表情，也展示了「使用頭痛藥，頭痛輕松走」的產(chǎn)品定位。

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

4. 明星效應(yīng)

現(xiàn)在有很多當(dāng)紅的流量明星，他們的流量是很夸張的，明星的粉絲會(huì)購買他們代言的產(chǎn)品，粉絲會(huì)認(rèn)為，自己idol所代言的產(chǎn)品也是idol的一部分，我們之前也有一位學(xué)員，他就非常喜歡某位明星，他把他所有代言的產(chǎn)品全都買回家了。所以可見明星效應(yīng)所帶來的的產(chǎn)品銷量是立竿見影的。

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

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

rio的產(chǎn)品微醺雞尾酒，就選擇了近兩年國民喜愛度爆表的演員周冬雨來代言產(chǎn)品，這個(gè)產(chǎn)品它主打「一個(gè)人的小酒」的概念，廣告片中的周冬雨頗有活潑精致的少女感，通過她精湛的演技，把小女生獨(dú)自飲酒后的狀態(tài)表現(xiàn)的淋漓盡致。

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

另外，請(qǐng)明星也是要注意明星的氣質(zhì)和人設(shè)是否符合品牌或產(chǎn)品的定位，日本的一款護(hù)膚品，就選用了「天然氧氣美少女」夏帆來為品牌做代言，夏帆的人設(shè)和產(chǎn)品使用自然有機(jī)原料的特點(diǎn)完美融合，不僅促進(jìn)了銷量，也加強(qiáng)了消費(fèi)者的信任度，是一個(gè)很成功的明星代言。

△?可爾必思廣告

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

Banner模特圈的視角

雖然我們?cè)O(shè)計(jì)師不一定都要懂?dāng)z影，但是我們也要對(duì)模特照片的基本的拍攝視角和景別有所了解，這樣我們才能更好的利用模特照片來做出合適的設(shè)計(jì)。

1. 全身照片

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

全身照片是對(duì)模特整個(gè)面貌的一個(gè)宏觀表現(xiàn)，在這里，模特的穿著和動(dòng)勢(shì)我們都一清二楚。而且全身照片的可操作性強(qiáng)，你可以對(duì)照片隨意進(jìn)行裁剪處理。

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

2. 半身照片

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

半身，就是集中在模特的上半身，或者下半身的某一部分，這種方式比較適合集中突出產(chǎn)品，一般也會(huì)把視角集中在產(chǎn)品上。

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

△?圖片來自品牌「步履不停 」「jessiejane 」「鹿與飛鳥 」

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

因?yàn)槿宋锬槻康拇嬖?，觀者的視線會(huì)不自覺地聚焦在人物臉部，當(dāng)我們把臉部進(jìn)行裁切或遮擋的時(shí)候，會(huì)減少模特表情對(duì)于產(chǎn)品的干擾，會(huì)讓你直接把視線聚焦在產(chǎn)品上。

3. 胸部以上

胸部以上的照片，主要是用于展現(xiàn)模特的妝容和佩飾，或者是人物的面部表情和情緒，這種視角可以拉近畫中人與觀眾的距離，增強(qiáng)交互性，但是對(duì)于皮膚的質(zhì)感要求較高，所以也需要一定的后期修圖技術(shù)。

4. 特寫照片

特寫大家就比較熟悉了，尤其是各位女性朋友，你們?cè)谫I口紅的時(shí)候，口紅的品牌幾乎都是使用嘴唇的特寫來表現(xiàn)口紅的顏色。所以特寫，也是非常適合表現(xiàn)化妝品、護(hù)膚品、美瞳等產(chǎn)品。另外特寫也是局部的展現(xiàn)，它可以使表現(xiàn)對(duì)象從周圍的環(huán)境中凸顯出來，造成清晰的視覺印象，從而得到強(qiáng)調(diào)的效果。

5. 遠(yuǎn)景照片

△?圖片來自品牌「步履不停 」

遠(yuǎn)景在電商設(shè)計(jì)中的應(yīng)用比較少，因?yàn)槿宋镌诶锩嬉呀?jīng)很小了，你看不清他的服飾，也看不清他的妝容。它所傳播出來的其實(shí)就是它獨(dú)特的氣質(zhì)和畫面的意境，比如這家店《步履不?！?，他們的產(chǎn)品主打就是日式森系的風(fēng)格。所以他們很多的照片都使用了這種大留白的遠(yuǎn)景來傳達(dá)品牌的氣質(zhì)，這個(gè)，也是他們家區(qū)別于其他品牌的地方。

講到品牌不得不提的是，現(xiàn)在的大多數(shù)電商品牌拍攝的模特照片基本都大同小異，比如說當(dāng)我們?cè)谔詫毸阉鬟B衣裙的時(shí)候，我們可以看到搜索出來的圖片基本都差不多，角度單一，審美乏味，所以說電商品牌怎樣和其他品牌形成差異化呢？

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

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

Banner模特圈的人數(shù)

1. 1人

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

畫面中的模特人數(shù)，分為：一人，兩人和多人。一個(gè)人就很常見了，店鋪里主打的單品通常就會(huì)用單人模特來展示。

2. 2人

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

雙人模特，通常用于表現(xiàn)對(duì)立和并列的關(guān)系。

3. 多人

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

使用多人模特，會(huì)給人帶來一種熱鬧，而且有信賴的感覺。

Banner模特圈的編排方式

1. 去底

有時(shí)候人物拍照的背景是比較雜亂的。我們文字放在上面編排的時(shí)候識(shí)別性很差。這個(gè)時(shí)候?yàn)榱吮ＷC文字的識(shí)別性，我們就會(huì)給它加上投影或者描邊，但是這樣又會(huì)顯得畫面很臟，更好的辦法是什么呢？就是把圖片給它摳出來，放在一個(gè)合適的背景上。

2. 與文字穿插

為了讓畫面更有層次感，我們就可以使用圖疊字，或者字疊圖的形式，但是使用時(shí)也要注意文字的識(shí)別性。

3. 整體+局部

當(dāng)我們想展現(xiàn)宏觀場景又想展現(xiàn)產(chǎn)品細(xì)節(jié)時(shí)，該怎么辦呢？這個(gè)時(shí)候我們就可以使用整體加局部的這種形式。如果是橫版的banner，我們也可以左右來排。

4. 放大鋪滿背景

就像我們之前提到的，當(dāng)人物的表情很有特點(diǎn)的時(shí)候，我們就可以將人物放大做背景。但還是那句話，放大的前提是圖片清晰度要足夠，如果不夠的話，往往會(huì)顯得很廉價(jià)。

5. 去底+手繪

這種形式，比較適合活潑可愛有活力有個(gè)性的電商品牌，那大家也不要看到手繪兩個(gè)字就望而卻步，實(shí)際上它對(duì)你的手繪能力要求也不是很高，因?yàn)橹皇侨ギ嬕恍┖唵蔚难b飾元素，大家也可以自己嘗試一下，還是比較簡單的。

6. 重復(fù)

通常我們見到最多的，就是這種單元形的重復(fù)，他們可以是同一人物，不同穿著，也可以是不同人物，不同穿著。當(dāng)我們想讓這些人物在畫面中同時(shí)展現(xiàn)的時(shí)候，我們就可以給這些模特圖摳出來有序的擺放，但是也要注意，摳出來之后模特的大小也一定要保持一致。

7. 去色+單色

對(duì)于場景化的模特照片來說，我們可以使用這種方式。將人物或者人物周圍的環(huán)境去色，這樣也會(huì)更加的突出產(chǎn)品。

8. 合成場景

△ 圖片作者「湯臣杰遜」

合成這里我們不做重點(diǎn)來講，因?yàn)檫@個(gè)是一種比較耗時(shí)耗力的形式。大家可以自己去了解一下。

Banner 案例演示

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

首先我們把模特照片放置在畫面中，然后我們來分析一下，這張照片毫無疑問它拍的非常好，模特的妝容和長相都比較干凈，眼神也自然聚焦，看上去就十分舒心，像這種模特圖，我們就可以放心的給他放大。

放大之后人物的氣質(zhì)，也更突出了，周圍的負(fù)空間也得到了填充。接下來我們來編排標(biāo)題。我們可以注意到，人物的眼睛現(xiàn)在是在畫面上方的，所以整個(gè)畫面的重心也在上方，這個(gè)時(shí)候我們就可以把標(biāo)題編排在畫面下方，來平衡版面，也是與上方的重心做一個(gè)呼應(yīng)，因?yàn)檫@個(gè)品牌的氣質(zhì)是比較清新，比較自然的，所以在標(biāo)題上，我就選擇了一個(gè)細(xì)體的西文字體，并且加大了字間距，這樣文字之間就有了一個(gè)呼吸感。

下一步我們把最關(guān)鍵的文案豎排放在模特眼睛和標(biāo)題之間。那為什么放在這個(gè)位置呢？因?yàn)樯戏侥Ｌ氐难劬κ且曈X重心，雖然下方的標(biāo)題做了平衡和呼應(yīng)，但是由于距離較遠(yuǎn)，兩者缺少聯(lián)系，觀者把視線聚焦在眼睛之后，視線就沒有了第二個(gè)聚焦點(diǎn)，就不知道該看什么了。

這段文字放在這里，也可以看作是一個(gè)線條，用它來連接視覺中心，引導(dǎo)閱讀視線，讓觀眾很自然的從視覺重心一直往下閱讀。最后我們把其他文字按照層級(jí)關(guān)系，編排在版面內(nèi)，這個(gè)案例就完成了。

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

像這種比較大牌或者奢侈品品牌的banner，一般來說文案都比較少，而且高端大牌的模特一般都是比較高冷，比較有質(zhì)感的。因?yàn)榇笈?，它就是要的這個(gè)自信。而且它們不需要太多的文案描述，有時(shí)候畫面中只有一個(gè)LOGO和幾段文字就可以了，甚至有的品牌連LOGO都不放。那大家也不要覺得，文字少了就好排，實(shí)際上文字越少，越考驗(yàn)?zāi)愕陌媸降幕竟?，如何把少量的文字排出你想要展現(xiàn)的氣質(zhì)，也是需要一定技巧的。

首先我們把照片放入畫面，那這張照片現(xiàn)在的人物的大小和位置，還是比較尷尬的，上方下方都沒有一個(gè)完整的空間供我們編排文字，這個(gè)時(shí)候我們就需要把圖片稍微調(diào)整一下。

這樣，我們的畫面上方，就有了一個(gè)比較完整的空間了。然后我們選擇一個(gè)氣質(zhì)相符的手寫英文編排在版面的上方，這里要注意人物外輪廓和文字之間的關(guān)系。

然后將剩余文字編排在畫面下方，版面的結(jié)構(gòu)就完成了，但是這里還有一個(gè)問題，下方的文字顏色如果選擇白色的話，有點(diǎn)過于顯眼突出了，和整個(gè)畫面的氣質(zhì)不太相符。怎么辦呢？我們可以把這段文字的顏色改成畫面中人物皮膚亮部的黃色，再提高一些明度，這樣畫面看起來就協(xié)調(diào)多了。

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

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

我們可以將模特放大裁剪為半身，裁剪之后，負(fù)空間就少了很多。也方便我們之后的編排。另外我們來看模特的手，是一個(gè)很好的視覺指引，模特的手指指向的區(qū)域，我們要安排最重要的文案信息。但是現(xiàn)在手部的區(qū)域已經(jīng)接近邊緣了，空間不夠，那怎么辦呢？我們把人物移到右側(cè)。這樣這個(gè)位置的空間就很完整了。

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

上下兩端可以用色塊來填充版面，再把剩余的文案編排好。然后再用裝飾元素點(diǎn)綴一下負(fù)空間，這個(gè)案例就完成了。

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

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

歡迎關(guān)注研習(xí)設(shè)的微信公眾號(hào)：「Yanxishe2017」