Banner包括什么元素？

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

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

△ 舉例圖片來(lái)自品牌「FEW精品咖啡」「有耳」

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

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

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

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

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

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

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

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

Banner模特圖的選定

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我們先來(lái)說(shuō)一下臉色放大。那么在什么時(shí)分，我們需要將模特的臉色放大呢？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. 應(yīng)用效果

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

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

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

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

△ 大正制藥，頭痛藥廣告

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

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

4. 明星效應(yīng)

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

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

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

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

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

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

△ 可爾必思廣告

可爾必思能夠說(shuō)是日本的人民飲料了，我們?nèi)ト魏我患胰樟系辏囟ǘ寄軌蚝鹊娇蔂柋厮?，它的賣點(diǎn)是自然乳酸菌，酸酸甜甜，在青少年中尤為受迎接。可爾必思的代言人選定了日本頗具人氣的年輕美少女永野芽郁，她活潑年輕心愛(ài)的氣象，也非常合乎可爾必思的產(chǎn)品受眾。

Banner模特圈的視角

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

1. 全身照片

△ 圖片來(lái)自服裝品牌「玩藥局」

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

△ 圖片來(lái)自服裝品牌「鹿與飛鳥(niǎo)」「ONE MORE」

2. 半身照片

△ 圖片來(lái)自服裝品牌「REDCHARCOAL 」

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

△ 圖片來(lái)自服裝品牌「REDCHARCOAL 」「鹿與飛鳥(niǎo) 」

△ 圖片來(lái)自品牌「行動(dòng)不停 」「jessiejane 」「鹿與飛鳥(niǎo) 」

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

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

3. 胸部以上

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

4. 特寫照片

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

5. 藍(lán)圖照片

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

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

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

△ 圖片來(lái)自品牌「ZE by sankuanz 」 攝影師：袁小鵬

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

Banner模特圈的人數(shù)

1. 1人

△ 圖片來(lái)自服裝品牌「only 」「viishow」

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

2. 2人

△ 圖片來(lái)自服裝品牌「vovavi」「it`s toasted」

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

3. 多人

△ 圖片來(lái)自服裝品牌「GUUKA」「藥九玖柒」

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

Banner模特圈的編排方法

1. 去底

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

2. 與文字交叉

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

3. 整體+部分

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

4. 放大鋪滿背景

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

5. 去底+手繪

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

6. 重疊

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

7. 去色+單色

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

8. 合成場(chǎng)景

△ 圖片作者「湯臣杰遜」

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

Banner 案例演示

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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