淘寶電商設(shè)計(jì)空間留白設(shè)計(jì)規(guī)范
電商設(shè)計(jì)是互聯(lián)網(wǎng)時(shí)代的一種廣告形式,需要設(shè)計(jì)師用“真實(shí)”的畫面去為觀眾呈現(xiàn)人們理想中的生活場(chǎng)景和時(shí)髦的消費(fèi)情境。為了使我們創(chuàng)設(shè)的畫面更加真實(shí)可信,我們需要懂得并且學(xué)會(huì)運(yùn)用各種空間知識(shí)。

空間是平面設(shè)計(jì)很重要的要素,平面設(shè)計(jì)往往需要我們?nèi)I(yíng)造一個(gè)畫面,創(chuàng)建一個(gè)環(huán)境。一個(gè)優(yōu)秀的畫面通常:具有真實(shí)性、能夠準(zhǔn)確傳達(dá)信息、具有視覺沖擊力,然而這三點(diǎn)都離不開空間。


平面設(shè)計(jì)中的空間主要通過遮擋關(guān)系、透視規(guī)律、留白、色彩等來表達(dá)物體前后的位置關(guān)系、立體感、空間的深度,利用恰當(dāng)?shù)募记删涂梢栽诙S的環(huán)境中營(yíng)造出完美的三維空間感。


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

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


透視規(guī)律還以幫助我們建造有立體感的景物,例如:在電商設(shè)計(jì)中經(jīng)常需要繪制有立體效果的展臺(tái)來擺放產(chǎn)品,這樣的設(shè)計(jì)形式是通過模擬現(xiàn)實(shí)中產(chǎn)品在柜臺(tái),和商店中擺放的場(chǎng)景使受眾對(duì)產(chǎn)品的質(zhì)量和品質(zhì)產(chǎn)生信任感,這種設(shè)計(jì)形式目前在電商設(shè)計(jì)中十分流行。


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

如果我們?cè)诋嬅嬷行枰獱I(yíng)造一個(gè)大的場(chǎng)景,我們就要縮小畫面中的物體和文字,留出足夠多的“空地”。如果你需要較強(qiáng)的視覺沖擊力和視覺上的壓迫感,就需要放大物體和文字,壓縮周圍的空間。價(jià)值高的產(chǎn)品需要大空間展示,價(jià)值較低需要小空間。


①色調(diào)。暗調(diào)給人遠(yuǎn)的感覺,亮調(diào)給人感覺靠前。大膽的使用亮暗調(diào)對(duì)比,暗調(diào)的部分往后退,亮調(diào)的部分向前走到觀眾的眼前,營(yíng)造出強(qiáng)烈的前后空間關(guān)系。

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

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