電商設(shè)計(jì) | 國(guó)外電商設(shè)計(jì)值得借鑒與學(xué)習(xí)

時(shí)間：2022-08-06 01:15:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-06 01:15:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

韓國(guó)是繼中國(guó)、日本之后的亞太地區(qū)第三大電商市場(chǎng)，它擁有全球最快的互聯(lián)網(wǎng)速度，電商覆蓋率極高。今天我們從設(shè)計(jì)的角度談?wù)勊麄兊碾娚虖V告廣告設(shè)計(jì)。本文以韓國(guó)大型生活超市emart網(wǎng)站的廣告設(shè)計(jì)為例進(jìn)行分析，文章主要分為四大塊：


· 構(gòu)圖分析（總結(jié)出四大類型）

· 配色分析（從配色基礎(chǔ)原理出發(fā)分析）

· 輔助元素應(yīng)用（分析其大規(guī)則）

· 實(shí)際應(yīng)用（我們?cè)撛趺醋?？?br>
構(gòu)圖

構(gòu)圖一：中心集中式

畫面由一個(gè)主要元素?fù)螡M，主標(biāo)題作為次要元素配合畫面平衡，根據(jù)畫面需求添加小標(biāo)簽裝飾。整體視覺(jué)沖擊力強(qiáng)、張力足，適用于單個(gè)產(chǎn)品以及細(xì)節(jié)較為豐富的產(chǎn)品。多個(gè)物體集中式構(gòu)圖和此方法同理，不再做單獨(dú)分析。




構(gòu)圖二：杠桿式構(gòu)圖

畫面由主體物和次主體斜面對(duì)稱而形成的杠桿關(guān)系，與主標(biāo)題之間形成穩(wěn)固的三角構(gòu)造關(guān)系，此構(gòu)圖方式畫面很飽滿、穩(wěn)固。適合兩種產(chǎn)品或一個(gè)產(chǎn)品兩面展示時(shí)使用。

注：此構(gòu)圖名詞參考張子建《氣韻設(shè)計(jì)理論研究》，具體可參見其詳細(xì)。




構(gòu)圖三：頂視角分散式構(gòu)圖










構(gòu)圖四：折線跳躍式







配色

色彩理論基礎(chǔ)







單色/同色系







類似色




類似色相對(duì)于單色系可變化的范疇會(huì)大很多，但也是在主色調(diào)明確的情況下輔助添加類似色，這類配色方式在banner應(yīng)用中還比較常見。是一種比較好掌控的配色方式。

補(bǔ)色系列

這里把互補(bǔ)色、單邊補(bǔ)色分割、補(bǔ)色分割三種情況一同來(lái)說(shuō)，因?yàn)槿咴诖蠓懂爟?nèi)上下浮動(dòng)，效果也頗為相似，并無(wú)特別明顯的區(qū)分。emart 在補(bǔ)色上的應(yīng)用比較廣泛和嫻熟。主要還是因?yàn)檎麄€(gè)網(wǎng)站調(diào)性很活潑，加之產(chǎn)品都屬于色彩明快的快消品類，色彩上的愉悅感更容易激起點(diǎn)擊欲望。

我們發(fā)現(xiàn)emart直接用互補(bǔ)色設(shè)計(jì)的案例并不多見，主要還是在補(bǔ)色分割范圍內(nèi)的應(yīng)用變化，這樣既能達(dá)到很好的視覺(jué)對(duì)比效果又能使畫面融合度較高。這里挑選了幾個(gè)補(bǔ)色系里面比較有代表性的搭配方式，整個(gè)畫面視覺(jué)配色上相當(dāng)活躍，主產(chǎn)品很突出，是一種很贊的傳達(dá)方式。

多色搭配系列

這里把對(duì)比色、矩形分割、廣場(chǎng)分隔多顏色的搭配歸為一類來(lái)說(shuō)。這三種跨度較大的配色方式，相對(duì)來(lái)說(shuō)應(yīng)用的比較少，不是很容易掌控，一般比較適合小面積的應(yīng)用起到裝飾平衡作用。

純度與明度的把握

純度和明度的把握主要還看我們希望傳達(dá)出的整體視覺(jué)效果是怎樣的，根據(jù)產(chǎn)品調(diào)性、畫面效果來(lái)實(shí)際匹配才好。

輔助元素

emart網(wǎng)站banner在輔助圖形的應(yīng)用上特別廣泛，一來(lái)增加畫面豐富性一來(lái)強(qiáng)化產(chǎn)品特性。主要是提取產(chǎn)品相關(guān)的元素進(jìn)行圖形化，有小面積的純屬?gòu)?qiáng)化功能或增加趣味性的添加、也有大范圍的對(duì)產(chǎn)品紋樣或特性的延展。主要還是在產(chǎn)品特點(diǎn)基礎(chǔ)上進(jìn)行提取。

在banner標(biāo)簽應(yīng)用的樣式上也很豐富，在類似樣式下所衍生出的演變很多，根據(jù)banner特點(diǎn)進(jìn)行不同配色、時(shí)而實(shí)底、時(shí)而鏤空、或黑白搭配，演繹出很多可能性。

從上面三大塊的分析來(lái)看，emart在廣告設(shè)計(jì)上主要特點(diǎn)為

· 構(gòu)圖大膽、主體突出、畫面延展性很強(qiáng)

· 配色活潑且有理有據(jù)

· 輔助元素點(diǎn)綴很到位、豐富而強(qiáng)化特點(diǎn)

關(guān)鍵點(diǎn)：開放、多元化、有自己的性格

我們?cè)撛趺醋觯?br>



我們的實(shí)際應(yīng)用