電商視覺設(shè)計第1章課件

1、第1章 初識電商視覺設(shè)計了解視覺設(shè)計的定義了解電商視覺設(shè)計前的準備工作掌握電商視覺設(shè)計黃金構(gòu)圖法學(xué)習(xí)目標目 錄什么是視覺設(shè)計1.1電商視覺設(shè)計前的準備1.2電商視覺設(shè)計黃金構(gòu)圖法1.31.1 什么是視覺設(shè)計視覺識別設(shè)計1視覺傳達設(shè)計21.1 什么是視覺設(shè)計 1 視覺識別設(shè)計CIS的構(gòu)成:1.1 什么是視覺設(shè)計 1 視覺識別設(shè)計寶馬標志的變革1.1 什么是視覺設(shè)計 2 視覺傳達設(shè)計視覺傳達設(shè)計是以視覺媒介為載體，以文字、圖形和色彩作為創(chuàng)作要素，利用視覺形象傳達特定的信息給受眾，從而使被傳達對象產(chǎn)生影響的過程。1.2 電商視覺設(shè)計前的準備網(wǎng)店的視覺定位1明確視覺規(guī)范的作用21.2 電商視覺設(shè)計前的

2、準備 1 網(wǎng)店的視覺定位營銷型網(wǎng)店1.2 電商視覺設(shè)計前的準備 1 網(wǎng)店的視覺定位品牌型網(wǎng)店1.2 電商視覺設(shè)計前的準備 1 網(wǎng)店的視覺定位服務(wù)關(guān)系型網(wǎng)店1.2 電商視覺設(shè)計前的準備 2 明確視覺規(guī)范的作用統(tǒng)一識別 1節(jié)約資源2重復(fù)利用31.2 電商視覺設(shè)計前的準備 2 明確視覺規(guī)范的作用統(tǒng)一識別可以確保網(wǎng)店在整體風(fēng)格、售前售后服務(wù)和產(chǎn)品包裝形象等方面都保持整體風(fēng)格的一貫性，既有利于買家識別和區(qū)分店鋪，也可以避免買家在瀏覽時出現(xiàn)理解困難，甚至是理解錯誤的現(xiàn)象。1.2 電商視覺設(shè)計前的準備 2 明確視覺規(guī)范的作用節(jié)約資源除了活動海報等個性模塊之外，其他的頁面和模塊參照規(guī)范進行設(shè)計可以極大地減少設(shè)

3、計時間，從而達到節(jié)約資源的目的。1.2 電商視覺設(shè)計前的準備 2 明確視覺規(guī)范的作用 重復(fù)利用設(shè)計相同屬性的模塊或頁面時，執(zhí)行視覺規(guī)范有利于減少無關(guān)的信息，方便買家的閱讀和信息傳遞。同時，視覺規(guī)范也有利于美工之間的協(xié)調(diào)工作。標準化的視覺規(guī)范不但可以節(jié)約設(shè)計時間，還可以避免出錯。1.3 電商視覺設(shè)計黃金構(gòu)圖法對稱切割構(gòu)圖法01簡單切割構(gòu)圖法05組合切割構(gòu)圖法02流程構(gòu)圖法06放射構(gòu)圖法07多重切割構(gòu)圖法04物體輪廓構(gòu)圖法0803整體場景構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 1 對稱切割構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 2 組合切割構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 3 整體場景構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 4 多重切割構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 5 簡單切割構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 6 流程構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 7 放射構(gòu)圖法1.3 電商視覺設(shè)計黃金構(gòu)圖法 8 物體輪廓構(gòu)圖法課后練習(xí)題請列舉幾個除寶馬公司之外，其他企業(yè)導(dǎo)入視覺識別系統(tǒng)的案例。請列舉幾個采用黃金構(gòu)圖法的電商視覺設(shè)計案例。請?zhí)詫毸阉骰使诘赇?/p>