電子商務(wù)視覺設(shè)計(jì)（第3版全彩慕課版）（PhotoshopCC AIGC）課件 項(xiàng)目一 初識(shí)電子商務(wù)視覺設(shè)計(jì)

項(xiàng)目一初識(shí)電子商務(wù)

視覺設(shè)計(jì)電子商務(wù)視覺設(shè)計(jì)（第3版

全彩慕課版）（PhotoshopCC+AIGC）1什么是視覺設(shè)計(jì)2電子商務(wù)視覺設(shè)計(jì)前的準(zhǔn)備工作3電子商務(wù)視覺設(shè)計(jì)的構(gòu)圖方法目錄CONTENTS視覺設(shè)計(jì)是指通過一些設(shè)計(jì)讓產(chǎn)品的視覺效果更加出彩，這些設(shè)計(jì)是針對(duì)人類眼睛的特點(diǎn)進(jìn)行的。視覺設(shè)計(jì)大體上可分為視覺識(shí)別設(shè)計(jì)和視覺傳達(dá)設(shè)計(jì)兩種，下面將分別對(duì)其進(jìn)行介紹。任務(wù)一什么是視覺設(shè)計(jì)一、視覺識(shí)別設(shè)計(jì)視覺識(shí)別設(shè)計(jì)的來源視覺識(shí)別設(shè)計(jì)來源于企業(yè)形象識(shí)別系統(tǒng)（CIS）。20世紀(jì)50年代中期，IBM公司在其設(shè)計(jì)顧問提出的“通過一些設(shè)計(jì)來傳達(dá)IBM的優(yōu)點(diǎn)和特點(diǎn)，并使公司的設(shè)計(jì)統(tǒng)一化”的倡導(dǎo)下首先推行了CIS設(shè)計(jì)。隨后，一些大中型企業(yè)紛紛將CIS作為一種企業(yè)經(jīng)營(yíng)戰(zhàn)略，并希望它成為企業(yè)形象傳播的有效手段。企業(yè)形象識(shí)別系統(tǒng)的構(gòu)成企業(yè)的理念識(shí)別（MindIdentity，MI）企業(yè)的行為識(shí)別（BehaviorIdentity，BI）企業(yè)的視覺識(shí)別（VisualIdentity，VI）視覺識(shí)別系統(tǒng)規(guī)范手冊(cè)基本設(shè)計(jì)要素：包括企業(yè)名稱、企業(yè)標(biāo)志、標(biāo)準(zhǔn)字體和標(biāo)準(zhǔn)色彩。應(yīng)用設(shè)計(jì)要素：是基本設(shè)計(jì)要素在企業(yè)旗幟、員工制服、產(chǎn)品包裝、名片證件等載體上的應(yīng)用。比亞迪的標(biāo)志的演進(jìn)CIS的構(gòu)成二、視覺傳達(dá)設(shè)計(jì)“海爾兄弟”卡通形象廣告視覺傳達(dá)設(shè)計(jì)視覺傳達(dá)設(shè)計(jì)是以視覺媒介為載體，以文字、圖形和色彩作為創(chuàng)作要素，利用視覺符號(hào)傳達(dá)特定的信息給消費(fèi)者，從而對(duì)消費(fèi)者產(chǎn)生影響的設(shè)計(jì)。視覺傳達(dá)的作用是讓人與人之間利用“看”的形式進(jìn)行交流。電子商務(wù)視覺設(shè)計(jì)從形式上看就是要利用視覺手段來吸引消費(fèi)者和提高產(chǎn)品銷量的，但目前大多數(shù)網(wǎng)店裝修偏重于設(shè)計(jì)，核心內(nèi)容是視覺展示。從大多數(shù)網(wǎng)店的實(shí)際運(yùn)營(yíng)效果來看，一味追求視覺效果的結(jié)果往往不夠理想，雖然網(wǎng)店設(shè)計(jì)了足夠美觀的頁面，產(chǎn)品銷量卻沒有顯著提高。在進(jìn)行視覺設(shè)計(jì)前，網(wǎng)店應(yīng)該對(duì)自身進(jìn)行分析，即對(duì)網(wǎng)店進(jìn)行視覺定位，并制定視覺規(guī)范。任務(wù)二電子商務(wù)視覺設(shè)計(jì)前的準(zhǔn)備工作一、網(wǎng)店的視覺定位營(yíng)銷型網(wǎng)店的視覺定位原則為營(yíng)造促銷氛圍。營(yíng)銷型網(wǎng)店品牌型網(wǎng)店的視覺定位原則是突出品牌優(yōu)勢(shì)。品牌型網(wǎng)店服務(wù)關(guān)系型網(wǎng)店的視覺定位原則是包裝服務(wù)形象。服務(wù)關(guān)系型網(wǎng)店要將產(chǎn)品的視覺定位和消費(fèi)群體的視覺偏好相結(jié)合，使網(wǎng)店在風(fēng)格上呈現(xiàn)出一種整體效果。品牌型網(wǎng)店的視覺內(nèi)容一、網(wǎng)店的視覺定位服務(wù)關(guān)系型網(wǎng)店的視覺內(nèi)容營(yíng)銷型網(wǎng)店的視覺定位原則為營(yíng)造促銷氛圍。營(yíng)銷型網(wǎng)店品牌型網(wǎng)店的視覺定位原則是突出品牌優(yōu)勢(shì)。品牌型網(wǎng)店服務(wù)關(guān)系型網(wǎng)店的視覺定位原則是包裝服務(wù)形象。服務(wù)關(guān)系型網(wǎng)店要將產(chǎn)品的視覺定位和消費(fèi)群體的視覺偏好相結(jié)合，使網(wǎng)店在風(fēng)格上呈現(xiàn)出一種整體效果。二、制定視覺規(guī)范制定視覺規(guī)范電子商務(wù)視覺設(shè)計(jì)前的準(zhǔn)備工作主要是圍繞制定視覺規(guī)范和搜索整理素材來展開的，因此，首先要把抽象的風(fēng)格定位具體化為圖形、顏色和字體等元素，然后為這些元素制定視覺規(guī)范，并以手冊(cè)的形式落實(shí)在紙面上。制定視覺規(guī)范的意義適當(dāng)?shù)漠嬅媲懈钅芙o頁面帶來動(dòng)感與節(jié)奏感，恰當(dāng)?shù)捻撁鏄?gòu)圖能讓頁面設(shè)計(jì)更加出彩，也能讓設(shè)計(jì)工作事半功倍。電子商務(wù)視覺設(shè)計(jì)的構(gòu)圖方法大致可以分為對(duì)稱切割構(gòu)圖法、組合切割構(gòu)圖法、整體場(chǎng)景構(gòu)圖法、簡(jiǎn)單切割構(gòu)圖法、流程構(gòu)圖法、放射構(gòu)圖法和物體輪廓構(gòu)圖法。任務(wù)三電子商務(wù)視覺設(shè)計(jì)的構(gòu)圖方法一、對(duì)稱切割構(gòu)圖法對(duì)稱切割構(gòu)圖法對(duì)稱切割構(gòu)圖法一般是指將頁面分為對(duì)稱的幾部分（如將整個(gè)頁面一分為二）的構(gòu)圖法。這種構(gòu)圖具有較強(qiáng)的視覺沖擊力，可以使頁面呈現(xiàn)平衡且不失重的效果。二、組合切割構(gòu)圖法組合切割構(gòu)圖法組合切割構(gòu)圖法是指通過集中而有規(guī)律的排列從整體上抓住人們的視覺注意力，讓整個(gè)頁面更具立體感的構(gòu)圖法。這種構(gòu)圖方法適用于每個(gè)區(qū)塊中的內(nèi)容屬于平級(jí)關(guān)系的情況，能夠讓頁面布局更具創(chuàng)意。三、整體場(chǎng)景構(gòu)圖法整體場(chǎng)景構(gòu)圖法整體場(chǎng)景構(gòu)圖法一般適用于促銷、節(jié)日慶典等活動(dòng)。整體場(chǎng)景構(gòu)圖法可以使消費(fèi)者快速融入活動(dòng)氛圍，并使產(chǎn)品信息的表達(dá)更加精準(zhǔn)、流暢。在設(shè)計(jì)這種頁面時(shí)，設(shè)計(jì)人員在頭腦中要有畫面感，首先建立大的畫面關(guān)系，然后添加細(xì)節(jié)內(nèi)容。切記不要讓場(chǎng)景元素成為視覺焦點(diǎn)，在適當(dāng)?shù)臅r(shí)候可以做減法。四、簡(jiǎn)單切割構(gòu)圖法簡(jiǎn)單切割構(gòu)圖法簡(jiǎn)單切割構(gòu)圖法是指使用簡(jiǎn)單的線條或圖案整齊地分割整個(gè)頁面，使頁面變得生動(dòng)、有趣，內(nèi)容區(qū)域得到有效劃分。這類構(gòu)圖方法對(duì)內(nèi)容沒有過多的要求，設(shè)計(jì)人員可以隨意安排內(nèi)容，具體排版方式可根據(jù)內(nèi)容確定。這類構(gòu)圖方法同樣具有較強(qiáng)的視覺沖擊力。五、流程構(gòu)圖法流程構(gòu)圖法如果設(shè)計(jì)人員需要按照循序漸進(jìn)的方式展現(xiàn)產(chǎn)品，那么不妨采用流程構(gòu)圖法。流程構(gòu)圖法能夠?qū)⒉襟E、關(guān)系、各個(gè)節(jié)點(diǎn)及整體流向展示清楚，讓枯燥的流程變得簡(jiǎn)潔明了、個(gè)性十足，并且充滿趣味性。六、放射構(gòu)圖法放射構(gòu)圖法放射構(gòu)圖法能夠展示出由一個(gè)中心點(diǎn)向四周擴(kuò)散的效果，使整體頁面呈現(xiàn)出立體感與空間感，且頁面視覺沖擊力強(qiáng)，富有動(dòng)感。需要注意的是，這種構(gòu)圖方法不太利于文字的閱讀，通常適用于文字?jǐn)?shù)量較少的情況。七、物體輪廓構(gòu)圖法物體輪廓構(gòu)圖法物體輪廓構(gòu)圖法主要適用于活動(dòng)、節(jié)日或新品宣傳等專題。設(shè)計(jì)人員可以根據(jù)專題的主要內(nèi)容先從整體上構(gòu)建一個(gè)邊界或外形線，形成一個(gè)大的輪廓，然后將內(nèi)容巧妙地填充進(jìn)去。物體輪廓構(gòu)圖法能讓整個(gè)頁面更加生動(dòng)、形象、有趣。需要注意的是，設(shè)計(jì)時(shí)要將形狀輪廓化，加以強(qiáng)調(diào)突出，主體不要太抽象，應(yīng)舍棄一些煩瑣、次要的元素。項(xiàng)目實(shí)訓(xùn)1．在移動(dòng)端應(yīng)