空間在電商視覺設(shè)計(jì)中的應(yīng)用

耿 甜 （廣州工商學(xué)院 510850）

空間在電商視覺設(shè)計(jì)中的應(yīng)用

耿 甜 （廣州工商學(xué)院 510850）

電商設(shè)計(jì)是互聯(lián)網(wǎng)時(shí)代的一種廣告形式。廣告的功能之一就是在推銷商品，傳播信息時(shí)傳播新的生活觀念，通過展示各種充滿魅力、極富吸引力的生活情境去影響消費(fèi)者的消費(fèi)行為。所以電商設(shè)計(jì)中需要設(shè)計(jì)師用“真實(shí)”的畫面去為觀眾呈現(xiàn)人們理想中的生活場景和時(shí)髦的消費(fèi)情境。為了使我們創(chuàng)設(shè)的畫面更加真實(shí)可信，我們需要懂得并且學(xué)會(huì)運(yùn)用各種空間知識(shí)。

空間；電商；電商合成；視覺設(shè)計(jì)

空間是平面設(shè)計(jì)很重要的要素，平面設(shè)計(jì)往往需要我們?nèi)I造一個(gè)畫面，創(chuàng)建一個(gè)環(huán)境。一個(gè)優(yōu)秀的畫面通常有一下幾個(gè)特點(diǎn)：1.真實(shí)性，2.能夠準(zhǔn)確傳達(dá)信息，3.具有視覺沖擊力。

然而這三點(diǎn)都離不開空間。

一、空間的概念

平面設(shè)計(jì)中的空間主要通過遮擋關(guān)系、透視規(guī)律、留白、色彩等來表達(dá)物體前后的位置關(guān)系、物體的厚度（立體感）、空間的深度。因?yàn)楝F(xiàn)實(shí)中的空間是一個(gè)三維空間，除了長度和寬度還有深度。但是我們平面設(shè)計(jì)就是要在二維的環(huán)境下去創(chuàng)造本來包括深度這個(gè)第三維的空間。

人類可以在二維平面環(huán)境中感受到三維空間依賴的是視錯(cuò)覺現(xiàn)象。利用恰當(dāng)?shù)募记删涂梢栽诙S的環(huán)境中營造出完美的三維空間感。

二、如何營造空間

1.物體間的遮擋關(guān)系

電商設(shè)計(jì)是以產(chǎn)品為中心的設(shè)計(jì)如：新品推廣，產(chǎn)品日常銷售，產(chǎn)品促銷等。所以產(chǎn)品的堆放在電商設(shè)計(jì)中十分重要，雜亂無章隨意擺放使畫面空間混亂或者將產(chǎn)品簡單的并置使畫面空間扁平單薄都會(huì)影響產(chǎn)品的銷售。

電商海報(bào)中常利用產(chǎn)品之間的遮擋關(guān)系和在畫面中垂直方向的位置分布將產(chǎn)品放置于條理清晰且層次豐富的空間之中。讓產(chǎn)品像在實(shí)體店中一樣整齊美觀的擺放，為消費(fèi)者制造良好的消費(fèi)體驗(yàn)。如圖1所示。

2.通過透視規(guī)律制造空間

電商設(shè)計(jì)是互聯(lián)網(wǎng)時(shí)代廣告的一種視覺表達(dá)形式。廣告的功能之一就是在推銷商品，傳播信息時(shí)傳播新的生活觀念，其中包括消費(fèi)觀念、價(jià)值觀念和人生觀念。展示各種充滿魅力、極富吸引力的新奇的生活方式，并暗示人們：作為現(xiàn)代人，就要像廣告中所呈現(xiàn)的那樣生活；只有這樣生活，才能入流，才能獲得其他人的認(rèn)同與尊敬；所以電商設(shè)計(jì)中需要設(shè)計(jì)師用“真實(shí)”的畫面去為觀眾呈現(xiàn)人們理想中的生活場景和時(shí)髦的消費(fèi)情境。但這些場景并不存在或者現(xiàn)實(shí)中的場景不能夠滿足藝術(shù)效果上的需求。設(shè)計(jì)中我們通過一種叫合成的技藝去創(chuàng)造這些新奇、充滿魅力、接近人們理想的畫面。

比如，我們要展現(xiàn)一款新型微波爐在一個(gè)白領(lǐng)的廚房中的使用場景。設(shè)計(jì)師就要?jiǎng)?chuàng)建一個(gè)整潔時(shí)尚的廚房環(huán)境，新款微波爐擺放其中。帶領(lǐng)消費(fèi)者幻想自己使用這款微波爐的美好體驗(yàn)。但是這個(gè)廚房環(huán)境想要真實(shí)，就必須遵守一點(diǎn)透視，兩點(diǎn)透視以及三點(diǎn)透視的透視規(guī)律。避免消費(fèi)者看到場景中的破綻。

透視規(guī)律還可以幫助設(shè)計(jì)師建造有立體感的景物。比如，在電商設(shè)計(jì)中經(jīng)常需要繪制有立體效果的展臺(tái)來擺放產(chǎn)品。這樣的設(shè)計(jì)形式是通過模擬現(xiàn)實(shí)中產(chǎn)品在柜臺(tái)，和商店中擺放的場景使受眾對產(chǎn)品的質(zhì)量和品質(zhì)產(chǎn)生信任感。這種設(shè)計(jì)形式目前在電商設(shè)計(jì)中十分流行。展臺(tái)通常低于人類的視平線使得展出的物品可以被消費(fèi)者清楚容易的看到，如何繪制出類似于3D軟件制作的立體展臺(tái)就用到了我們的透視規(guī)律。當(dāng)我們在ps中繪制一個(gè)正方形，正方形的四個(gè)頂點(diǎn)離我們眼睛的視覺距離是相等的。但是當(dāng)我們調(diào)整這四個(gè)點(diǎn)的位置，將右邊的兩個(gè)點(diǎn)下移，我們會(huì)感覺點(diǎn)離我們眼睛的距離發(fā)生了改變，比較靠下的點(diǎn)看起來離我們的眼睛比較近，這就是視錯(cuò)覺。實(shí)際上四個(gè)點(diǎn)離我們眼睛的距離仍然是相等的，當(dāng)我們用同樣的方法畫出貼合第一個(gè)面的另外兩個(gè)面（表現(xiàn)一個(gè)立方體至少要有三個(gè)面），我們根據(jù)想想離我們較遠(yuǎn)的邊上的頂點(diǎn)我們放在較高的位置，離我們較近的邊上的頂點(diǎn)放在紙上較低的位置，這樣就會(huì)得到一個(gè)看起來有立體效果的展示臺(tái)。

3.留白制造空間

留白越多物體所在的空間越大，空間感強(qiáng)。留白越小物體所存在的空間越小，空間感弱。

如果我們在畫面中需要營造一個(gè)大的場景，我們就要縮小畫面中的物體和文字，流出足夠多的“空地”。如果你需要較強(qiáng)的視覺沖擊力和視覺上的壓迫感，就需要放大物體和文字，壓縮周圍的空間。價(jià)值高的產(chǎn)品需要大空間展示，價(jià)值較低，促銷氣質(zhì)的設(shè)計(jì)需要小空間。

4.利用色彩來營造空間

（一）色調(diào)

暗調(diào)給人遠(yuǎn)的感覺，亮調(diào)給人感覺靠前。如圖2：一張紅色調(diào)的廣告圖。雖然畫面中只有一種顏色，但是畫面的視覺沖擊力和質(zhì)感非常強(qiáng)烈。廣告圖中蘭蔻精華肌底液的瓶身，以及作為輔助圖形的絲帶都呼之欲出具有極強(qiáng)的體積感，制造出這樣效果是畫面中大膽的使用亮暗調(diào)對比，暗調(diào)的部分往后退，亮調(diào)的部分向前走到觀眾的眼前，營造出強(qiáng)烈的前后空間關(guān)系。

（二）色相

暖色有膨脹的感覺，前進(jìn)感強(qiáng)，冷色有收縮的感覺，給人往后退的感覺。主要的信息我們可以利用暖色讓他更容易被消費(fèi)者注意到，次要的信息如背景我們可以用冷色使其后退。以此創(chuàng)建出合理的信息的層級關(guān)系，讓消費(fèi)者按照我們設(shè)計(jì)好的順序接受信息。

（三）純度

低純度的顏色，后退感強(qiáng)，高純度的顏色，刺激眼球，躍出感強(qiáng)。在設(shè)計(jì)中純度低的顏色通常作為背景出現(xiàn)，需要強(qiáng)調(diào)的信息用高純度的顏色。通常我們會(huì)將高純度的顏色放在設(shè)計(jì)圖的主要信息上，如標(biāo)題字等重要的文字信息，產(chǎn)品圖等主要的圖片信息上。

圖1

圖2

耿甜，廣州工商學(xué)院，碩士研究生，研究方向： 美術(shù)。