項目一初識電子商務

視覺設計電子商務視覺設計（第3版

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