空間在電商視覺設計中的應用

耿 甜 （廣州工商學院 510850）

空間在電商視覺設計中的應用

耿 甜 （廣州工商學院 510850）

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

空間；電商；電商合成；視覺設計

空間是平面設計很重要的要素，平面設計往往需要我們去營造一個畫面，創建一個環境。一個優秀的畫面通常有一下幾個特點：1.真實性，2.能夠準確傳達信息，3.具有視覺沖擊力。

然而這三點都離不開空間。

一、空間的概念

平面設計中的空間主要通過遮擋關系、透視規律、留白、色彩等來表達物體前后的位置關系、物體的厚度（立體感）、空間的深度。因為現實中的空間是一個三維空間，除了長度和寬度還有深度。但是我們平面設計就是要在二維的環境下去創造本來包括深度這個第三維的空間。

人類可以在二維平面環境中感受到三維空間依賴的是視錯覺現象。利用恰當的技巧就可以在二維的環境中營造出完美的三維空間感。

二、如何營造空間

1.物體間的遮擋關系

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

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

2.通過透視規律制造空間

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

比如，我們要展現一款新型微波爐在一個白領的廚房中的使用場景。設計師就要創建一個整潔時尚的廚房環境，新款微波爐擺放其中。帶領消費者幻想自己使用這款微波爐的美好體驗。但是這個廚房環境想要真實，就必須遵守一點透視，兩點透視以及三點透視的透視規律。避免消費者看到場景中的破綻。

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

3.留白制造空間

留白越多物體所在的空間越大，空間感強。留白越小物體所存在的空間越小，空間感弱。

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

4.利用色彩來營造空間

（一）色調

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

（二）色相

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

（三）純度

低純度的顏色，后退感強，高純度的顏色，刺激眼球，躍出感強。在設計中純度低的顏色通常作為背景出現，需要強調的信息用高純度的顏色。通常我們會將高純度的顏色放在設計圖的主要信息上，如標題字等重要的文字信息，產品圖等主要的圖片信息上。

圖1

圖2

耿甜，廣州工商學院，碩士研究生，研究方向： 美術。