欧美精品免费观看二区/在线观看av/粉嫩国产精品14xxxxx/亚洲精品视频在线观看免费

4要點分析電商設計精髓!以韓國電商為例
發布時間:2016-11-02

    構圖分析(總結出四大類型)
    配色分析(從配色基礎原理出發分析)
    輔助元素應用(分析其大規則)
    實際應用(我們該怎么做?)


    構圖
    構圖一:中心集中式

    整體由一個主要元素,而主標題作為次要元素配合,可根據需要可添加一些小標簽,從而突出主體,平衡畫面。
    特點:整體視覺沖擊力強,有足夠的張力。適用于單個產品以及細節較為豐富的產品。

    構圖二:杠桿式構圖

    畫面的主體物與次要主題斜面對稱,并與主標題之間形成三角架構。
    特點:畫面充實,穩固。適合兩種產品或一個產品兩面展示。

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

    發散特征,由主體物向外發散,對于發散過程中的節奏及線條走向的把握很重要。
    特點:適用于展示較多產品情況下,但由于比較難掌控,一般不常用于廣告中。

    構圖四:折線跳躍式

    產品懸浮在畫面中,上下可跨出畫面,并配有恰當的文字。
    特點:版面活潑性強,給人視覺以延展性,能快速達到視覺表現的展示方式。較長應用!

    配色
    色彩理論基礎

    上圖為參考示意色環。

    之前有介紹過:常見配色方式有同色系、相似色、互補色、對比色。


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

    單色/同色系


    適合產品本身顏色較為統一,可吸取產品較近的顏色,通過添加合適的輔助元素可使畫面變得統一而豐富。


    類似色

    在主色調明確的情況下,添加類似色,從而使畫面色調不單一。在banner設計中,比較常見這種配色方式,同時,這也是比較好掌控的配色方式。


    補色系列

    這里把互補色、單邊補色分割、補色分割三種情況一同來說,因為三者在大范疇內上下浮動,效果也頗為相似,并無特別明顯的區分。


    emart 在補色上的應用比較廣泛和嫻熟。主要還是因為整個網站調性很活潑,加之產品都屬于色彩明快的快消品類,色彩上的愉悅感更容易激起點擊欲望。

    emart很少直接用補色設計,主要還是在補色系分割范圍內的應用變化,這里分享幾個比較代表性的補色系搭配。
    特征:畫面視覺配色上活躍,主產品突出!


    多色搭配系列



    這里把對比色、矩形分割、廣場分隔多顏色的搭配歸為一類來說。這三種跨度較大的配色方式,相對來說應用的比較少,不是很容易掌控,一般比較適合小面積的應用起到裝飾平衡作用。


    純度與明度的把握

    純度和明度的把握主要還看我們希望傳達出的整體視覺效果是怎樣的,根據產品調性、畫面效果來實際匹配才好。


    輔助元素

    emart的banner在輔助圖形上的應用較為廣泛。這樣即可增加畫面豐富性,也能強化產品特點。主要是提取產品相關元素進行圖形化。

    banner標簽上的樣式也很豐富,簡易而不簡單,特點鮮明,并能根據banner的特點,進行不同配色,和對形狀、質感等改變。