首頁 > 網頁教程 > 設計分享 > 電商設計:韓國電商BANNER的構圖/配色/元素/應用分析

江苏十一选五现场开奖结果查询:電商設計:韓國電商BANNER的構圖/配色/元素/應用分析

時間:2016-11-08    來源:人人都是產品經理

江苏十一选五开奖公告 www.ervgn.com 韓國的電商設計久負盛名,今天我們從設計的角度談談他們的電商廣告廣告設計。本文以韓國大型生活超市emart 網站的廣告設計為例進行分析,文章主要分為構圖/配色/輔助元素/實際應用四大塊。

diainshagn

一. 構圖分析(總結出四大類型)

構圖一:中心集中式

uisdc-banner-2014611061

畫面由一個主要元素撐滿,主標題作為次要元素配合畫面平衡,根據畫面需求添加小標簽裝飾。整體視覺沖擊力強、張力足,適用于單個產品以及細節較為豐富的產品。多個物體集中式構圖和此方法同理,不再做單獨分析。

uisdc-banner-2014611062

構圖二:杠桿式構圖

uisdc-banner-2014611063

畫面由主體物和次主體斜面對稱而形成的杠桿關系,與主標題之間形成穩固的三角構造關系,此構圖方式畫面很飽滿、穩固。適合兩種產品或一個產品兩面展示時使用。

注:此構圖名詞參考張子建《氣韻設計理論研究》,具體可參見其詳細。

banner20161106-1

構圖三:頂視角分散式構圖

uisdc-banner-2014611065

頂視角度,以一個中心點向外發散,適用于產品展示比較多的情況。對于發散過程中的節奏以及氣韻走向的把握很重要,畫面出彩但比較難掌控,因此在廣告的應用中不常用。

uisdc-banner-2014611066

構圖四:折線跳躍式

banner20161106-2

產品懸浮在畫面中,上下可跨出畫面,加以恰當的文字排版和輔助裝飾,整體畫面效果很活躍,延展性很強,是一種能快速達到視覺表現的展現方式。此構圖方式應用廣泛。

uisdc-banner-2014611068

二. 配色分析(從配色基礎原理出發分析)

色彩理論基礎

banner20161106-3

色環其實就是將彩色光譜中的長條色彩序列首尾連在一起,通?;崢吹講煌姹鏡納?光學色環、物理色環之分),色相之間略有偏差,但掌握好公式原理就不會出現偏差了。上圖為參考示意色環。

uisdc-banner-20146110610

我們常見的配色方式有同色系、相似色、互補色、對比色搭配,這里在互補色里面劃分出了補色分割(與互補色相鄰的兩邊的顏色)以及單邊補色分割,此配色方式的目的是為了讓配色在形成鮮明對比的情況下又能有較高的融入度,較互補色而言柔和很多,補色分割在emart廣告里面用的很多。而矩形分割、廣場分割則是在多色搭配情況下出現的配色方式,下面我們單獨舉例說明每個配色方式。

單色/同色系

banner20161106-4

同色系搭配比較適合產品本身顏色比較統一的情況下,通過吸取產品較近的周邊顏色而成,再通過添加合適的輔助元素使畫面變得統一而豐富。

類似色

uisdc-banner-20146110612

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

相關推薦
電商設計:5個快速進階的電商Banner設計技巧
從人性的角度,揭露電商Banner設計背后的14個秘密
電商產品設計感想:你真的認識購物車嗎?
電商商品詳情頁如何通過設計提升轉化率?
電商設計教程:電商APP首頁設計總結
垂直電商APP首頁設計總結
電商設計:用可視化編輯,解構看起炫酷的專題頁面
設計一個優秀的電商網站需注意那些方面?
分享:如何才能讓你的設計作品耐看?
淘寶店鋪banner設計簡易排版參照模板圖文教程簡析超級實用
打造優秀網頁banner廣告設計的8個要點
新手教程:Flash廣告設計要素分享
網頁Banner設計的風格、排版以及配色經驗分享
快速設計節日促銷專題的經驗分享
淘寶店鋪廣告文案排版快速設計經驗分享
淘寶店鋪banner廣告設計技巧分享(一)
從優秀案例分析網頁Banner視覺構成與創意設計
網站Banner廣告設計經驗談
14個有效提高網站Banner點擊率的設計技巧分享
廣告圖片素材設計:如何從優秀到卓越?(上篇)
廣告圖片素材設計:如何從優秀到卓越?(中篇)
網站Banner橫幅廣告設計怎樣才能提高點擊率?
網絡廣告設計必備:Banner設計從入門到精通教程
如何快速設計好Banner?6個步驟幫你速成!
網站Banner廣告條怎樣設計才能提高點擊率?
網頁BANNER首圖設計抓住用戶注意力的8個要點
視覺設計師做banner的設計方法分享
電商設計:點綴元素在Banner設計里的運用
快速設計廣告BANNER的20個技巧
數字元素在BANNER及專題頁設計中的運用
廣告Banner設計:玩轉9種最常見的設計風格
Banner設計:最全面的流程分析總結
BANNER設計的幾個實用性策略

精彩推薦

熱門教程