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

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

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

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