電子商務(wù)視覺(jué)設(shè)計(jì)（PhotoshopCC+AIGC）-教案VIP

《電子商務(wù)視覺(jué)設(shè)計(jì)（PhotoshopCC+AIGC）》教案PAGEPAGE32項(xiàng)目一初識(shí)電商視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、什么是視覺(jué)設(shè)計(jì)二、電商視覺(jué)設(shè)計(jì)前的準(zhǔn)備工作三、電子商務(wù)視覺(jué)設(shè)計(jì)的構(gòu)圖方法教學(xué)要求【知識(shí)目標(biāo)】1．初步了解視覺(jué)設(shè)計(jì)。2．了解電子商務(wù)視覺(jué)設(shè)計(jì)前的準(zhǔn)備工作。3．掌握電子商務(wù)視覺(jué)設(shè)計(jì)的構(gòu)圖方法?！灸芰δ繕?biāo)】1．能夠?qū)W(wǎng)店進(jìn)行視覺(jué)定位。2．能夠識(shí)別電子商務(wù)視覺(jué)設(shè)計(jì)的構(gòu)圖方法。【素養(yǎng)目標(biāo)】1．培養(yǎng)和提高審美能力，用美感塑造品牌形象。2．培養(yǎng)創(chuàng)造性思維，用創(chuàng)意激發(fā)創(chuàng)作活力。教學(xué)重點(diǎn)1．網(wǎng)店的視覺(jué)定位2．電商視覺(jué)設(shè)計(jì)黃金構(gòu)圖法教學(xué)難點(diǎn)1．網(wǎng)店的視覺(jué)定位2．電商視覺(jué)設(shè)計(jì)黃金構(gòu)圖法教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)2課時(shí)教學(xué)內(nèi)容任務(wù)一什么是視覺(jué)設(shè)計(jì)一、視覺(jué)識(shí)別設(shè)計(jì)視覺(jué)識(shí)別設(shè)計(jì)來(lái)源于企業(yè)形象識(shí)別系統(tǒng)。企業(yè)形象識(shí)別系統(tǒng)一般分為3個(gè)方面，即企業(yè)的理念識(shí)別（MI）、行為識(shí)別（BI）和視覺(jué)識(shí)別（VI）。企業(yè)視覺(jué)識(shí)別系統(tǒng)是企業(yè)理念的視覺(jué)化，企業(yè)通過(guò)形象廣告、標(biāo)志、商標(biāo)、品牌、產(chǎn)品包裝、企業(yè)內(nèi)部環(huán)境布局等向消費(fèi)者傳達(dá)企業(yè)理念，使消費(fèi)者對(duì)企業(yè)產(chǎn)生一致的認(rèn)同感。二、視覺(jué)傳達(dá)設(shè)計(jì)視覺(jué)傳達(dá)設(shè)計(jì)是以視覺(jué)媒介為載體，以文字、圖形和色彩作為創(chuàng)作要素，利用視覺(jué)符號(hào)傳達(dá)特定的信息給消費(fèi)者，從而對(duì)消費(fèi)者產(chǎn)生影響的設(shè)計(jì)。視覺(jué)傳達(dá)的作用是讓人與人之間利用“看”的形式進(jìn)行交流。任務(wù)二電商視覺(jué)設(shè)計(jì)前的準(zhǔn)備工作一、網(wǎng)店的視覺(jué)定位視覺(jué)定位就像人的風(fēng)格定位，不同的產(chǎn)品應(yīng)該對(duì)應(yīng)不同的視覺(jué)定位，不同的消費(fèi)群體有著不同的視覺(jué)偏好，因此，關(guān)鍵是要將產(chǎn)品的視覺(jué)定位和消費(fèi)群體的視覺(jué)偏好相結(jié)合，使網(wǎng)店在風(fēng)格上呈現(xiàn)出一種整體效果。營(yíng)銷型網(wǎng)店的視覺(jué)定位原則為營(yíng)造促銷氛圍，主要措施包括通過(guò)對(duì)比強(qiáng)烈的顏色突出顯示打折、包郵、半價(jià)等優(yōu)惠活動(dòng)的信息。品牌型網(wǎng)店的視覺(jué)定位原則是突出品牌優(yōu)勢(shì)，整體設(shè)計(jì)風(fēng)格偏向于簡(jiǎn)潔、干凈，重點(diǎn)突出品牌Logo、形象代言人等元素。服務(wù)關(guān)系型網(wǎng)店的視覺(jué)定位原則是包裝服務(wù)形象。二、制定視覺(jué)規(guī)范任何一個(gè)優(yōu)秀的設(shè)計(jì)作品都會(huì)有自己的視覺(jué)規(guī)范。電子商務(wù)視覺(jué)設(shè)計(jì)前的準(zhǔn)備工作主要是圍繞制定視覺(jué)規(guī)范和搜索整理素材來(lái)展開(kāi)的，因此，首先要把抽象的風(fēng)格定位具體化為圖形、顏色和字體等元素，然后為這些元素制定視覺(jué)規(guī)范，并以手冊(cè)的形式落實(shí)在紙面上。制定視覺(jué)規(guī)范的意義如下。（1）統(tǒng)一識(shí)別（2）節(jié)約資源（3）重復(fù)利用任務(wù)三電子商務(wù)視覺(jué)設(shè)計(jì)的構(gòu)圖方法一、對(duì)稱切割構(gòu)圖法對(duì)稱切割構(gòu)圖法一般是指將頁(yè)面分為對(duì)稱的幾部分（如將整個(gè)頁(yè)面一分為二）的構(gòu)圖法。這種構(gòu)圖具有較強(qiáng)的視覺(jué)沖擊力，可以使頁(yè)面呈現(xiàn)平衡且不失重的效果。二、組合切割構(gòu)圖法組合切割構(gòu)圖法是指通過(guò)集中而有規(guī)律的排列從整體上抓住人們的視覺(jué)注意力，讓整個(gè)頁(yè)面更具立體感的構(gòu)圖法。這種構(gòu)圖方法適用于每個(gè)區(qū)塊中的內(nèi)容屬于平級(jí)關(guān)系的情況，能夠讓頁(yè)面布局更具創(chuàng)意。三、整體場(chǎng)景構(gòu)圖法整體場(chǎng)景構(gòu)圖法一般適用于促銷、節(jié)日慶典等活動(dòng)。整體場(chǎng)景構(gòu)圖法可以使消費(fèi)者快速融入活動(dòng)氛圍，并使產(chǎn)品信息的表達(dá)更加精準(zhǔn)、流暢。四、簡(jiǎn)單切割構(gòu)圖法簡(jiǎn)單切割構(gòu)圖法是指使用簡(jiǎn)單的線條或圖案整齊地分割整個(gè)頁(yè)面，使頁(yè)面變得生動(dòng)、有趣，內(nèi)容區(qū)域得到有效劃分。這類構(gòu)圖方法對(duì)內(nèi)容沒(méi)有過(guò)多的要求，設(shè)計(jì)人員可以隨意安排內(nèi)容，具體排版方式可根據(jù)內(nèi)容確定。五、流程構(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è)中心點(diǎn)向四周擴(kuò)散的效果，使整體頁(yè)面呈現(xiàn)出立體感與空間感，且頁(yè)面視覺(jué)沖擊力強(qiáng)，富有動(dòng)感。七、物體輪廓構(gòu)圖法物體輪廓構(gòu)圖法主要適用于活動(dòng)、節(jié)日或新品宣傳等專題。設(shè)計(jì)人員可以根據(jù)專題的主要內(nèi)容先從整體上構(gòu)建一個(gè)邊界或外形線，形成一個(gè)大的輪廓，然后將內(nèi)容巧妙地填充進(jìn)去。物體輪廓構(gòu)圖法能讓整個(gè)頁(yè)面更加生動(dòng)、形象、有趣。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們初步了解了視覺(jué)設(shè)計(jì)，還了解了電子商務(wù)視覺(jué)設(shè)計(jì)前的準(zhǔn)備工作，并掌握了電子商務(wù)視覺(jué)設(shè)計(jì)的構(gòu)圖方法。電子商務(wù)平臺(tái)上的商品數(shù)以億計(jì)，消費(fèi)者在瀏覽商品時(shí)一般會(huì)更注重第一眼的感覺(jué)。說(shuō)到如何讓消費(fèi)者第一眼就對(duì)商品感興趣，就不得不提電子商務(wù)視覺(jué)設(shè)計(jì)。電子商務(wù)視覺(jué)設(shè)計(jì)近年來(lái)受到了我國(guó)各大企業(yè)和知名品牌的高度重視，特別是在以淘寶、天貓為代表的電子商務(wù)平臺(tái)中，電子商務(wù)視覺(jué)設(shè)計(jì)理念運(yùn)用得非常廣泛，效果也很明顯。

項(xiàng)目二店鋪視覺(jué)配色設(shè)計(jì)教學(xué)內(nèi)容一、店鋪?lái)?yè)面的配色方案二、店鋪?lái)?yè)面的配色誤區(qū)三、店鋪?lái)?yè)面的整體配色案例教學(xué)要求【知識(shí)目標(biāo)】1．了解店鋪?lái)?yè)面的配色方案。2．了解店鋪?lái)?yè)面常見(jiàn)的配色誤區(qū)。3．掌握店鋪?lái)?yè)面配色設(shè)計(jì)方法。【能力目標(biāo)】1．能夠進(jìn)行店鋪?lái)?yè)面主色設(shè)計(jì)。2．能夠進(jìn)行店鋪?lái)?yè)面文案配色設(shè)計(jì)。3．能夠進(jìn)行店鋪?lái)?yè)面輔色設(shè)計(jì)?！舅仞B(yǎng)目標(biāo)】1．堅(jiān)定文化自信，在進(jìn)行配色設(shè)計(jì)時(shí)弘揚(yáng)中華優(yōu)秀傳統(tǒng)文化。2．培養(yǎng)工具意識(shí)和工具思維，用圖片處理工具高效完成配色設(shè)計(jì)。教學(xué)重點(diǎn)1．網(wǎng)店頁(yè)面的配色方案2．網(wǎng)店頁(yè)面的配色誤區(qū)3．網(wǎng)店的整體配色案例教學(xué)難點(diǎn)1．網(wǎng)店頁(yè)面的配色方案2．網(wǎng)店的整體配色案例教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)4課時(shí)教學(xué)內(nèi)容任務(wù)一店鋪?lái)?yè)面的配色方案一、色彩搭配原則色彩搭配并不是簡(jiǎn)單地把幾種色彩拼在一起，而需遵循一定的原則。色彩搭配的6個(gè)原則如下。1．漸進(jìn)配色2．對(duì)比配色3．色調(diào)配色4．近似配色5．單重點(diǎn)配色6．分隔式配色二、色彩的聯(lián)覺(jué)聚焦圖片色彩的聯(lián)覺(jué)反映人們感知色彩的經(jīng)驗(yàn)，在消費(fèi)過(guò)程中人們會(huì)自覺(jué)或不自覺(jué)地運(yùn)用這種感知習(xí)慣。同時(shí)，人們的視覺(jué)對(duì)色彩最為敏感，所以人們?cè)跒g覽購(gòu)物網(wǎng)站時(shí)很可能會(huì)首先通過(guò)色彩來(lái)識(shí)別產(chǎn)品。要想吸引消費(fèi)者的目光，就需要根據(jù)消費(fèi)者的認(rèn)知習(xí)慣找出通常情況下能夠表現(xiàn)產(chǎn)品的最具代表性的色彩，并將其運(yùn)用到與產(chǎn)品相關(guān)的視覺(jué)設(shè)計(jì)中，這樣才能避免消費(fèi)者因?yàn)樯识艞墝?duì)產(chǎn)品的進(jìn)一步關(guān)注。三、店鋪風(fēng)格的形成要素店鋪風(fēng)格的形成要素主要包括店鋪的主要風(fēng)格、產(chǎn)品的情緒、店鋪的主題氣氛、店鋪的包裝色彩和VI配色。1．店鋪的主要風(fēng)格●簡(jiǎn)約清爽型●商業(yè)型●炫酷型●可愛(ài)型●特色型2．產(chǎn)品的情緒（1）女裝風(fēng)格●韓式風(fēng)格●淑女風(fēng)格●嬉皮風(fēng)格●波西米亞風(fēng)格●田園風(fēng)格●民族風(fēng)格（2）男裝風(fēng)格●商務(wù)休閑風(fēng)格●運(yùn)動(dòng)休閑風(fēng)格●英倫風(fēng)格●時(shí)尚休閑風(fēng)格3．店鋪的主題氣氛4．店鋪的包裝色彩5．VI配色（1）單色VI配色（2）雙色VI配色（3）多色VI配色任務(wù)二店鋪?lái)?yè)面的配色誤區(qū)一、色彩過(guò)多合理地運(yùn)用色彩會(huì)使店鋪?lái)?yè)面變得鮮艷、生動(dòng)且富有活力，但色彩數(shù)量的多少并不與店鋪?lái)?yè)面表現(xiàn)力的強(qiáng)弱成正比。在設(shè)計(jì)店鋪?lái)?yè)面的配色時(shí)，要確定一種主色。主色不一定是所占面積最大的色彩，但應(yīng)該是最重要、最能揭示和反映主題的色彩。二、背景和文字色彩對(duì)比不強(qiáng)烈背景和文字色彩對(duì)比不強(qiáng)烈，則文字無(wú)法突出，而且昏暗的背景會(huì)讓人產(chǎn)生沮喪的感覺(jué)，用花紋繁雜的圖案充當(dāng)背景則容易讓人眼花繚亂。背景和文字色彩對(duì)比不強(qiáng)烈，還容易使商品的辨識(shí)度降低。三、過(guò)分強(qiáng)調(diào)色彩的刺激度人們?cè)诰W(wǎng)上購(gòu)物時(shí)絕不希望自己的視力受損，所以設(shè)計(jì)人員在進(jìn)行店鋪?lái)?yè)面配色設(shè)計(jì)時(shí)應(yīng)盡量少用容易引起人們視覺(jué)疲勞的色彩。一般來(lái)說(shuō)，高明度、高純度色彩的刺激度高。在無(wú)彩色系中，白色的明度最高，黑色的明度最低；在有彩色系中，最明亮的是黃色，最暗的是紫色。任務(wù)三店鋪?lái)?yè)面的整體配色案例一、店鋪?lái)?yè)面主色設(shè)計(jì)在本案例中，練習(xí)店鋪?lái)?yè)面主色設(shè)計(jì)的方法。設(shè)計(jì)方法：見(jiàn)教材P26。二、店鋪?lái)?yè)面文案配色設(shè)計(jì)在本案例中，店鋪?lái)?yè)面文案配色設(shè)計(jì)主要采用了藍(lán)色與橙色的對(duì)比配色方案，以此作為視覺(jué)焦點(diǎn)來(lái)強(qiáng)調(diào)主題信息“超級(jí)節(jié)能清涼一夏”及促銷信息“全場(chǎng)每滿300元減50元”，不僅增強(qiáng)了頁(yè)面的視覺(jué)沖擊力，還有效提升了信息的吸引力與辨識(shí)度。設(shè)計(jì)方法：見(jiàn)教材P27。三、店鋪?lái)?yè)面輔色設(shè)計(jì)在本案例中，藍(lán)色與白色等冷色調(diào)為產(chǎn)品信息的展示提供了清晰的背景，而黃色、紅色等暖色調(diào)的點(diǎn)綴使關(guān)鍵信息更加突出。同時(shí)，各種顏色之間的搭配也保持了整體的和諧統(tǒng)一，避免了給人雜亂無(wú)章的感覺(jué)。設(shè)計(jì)方法：見(jiàn)教材P29。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們了解了店鋪?lái)?yè)面的配色方案和店鋪?lái)?yè)面常見(jiàn)的配色誤區(qū)，還掌握了店鋪?lái)?yè)面配色設(shè)計(jì)方法等。色彩是企業(yè)形象識(shí)別系統(tǒng)中最為直觀和感性的元素之一。通過(guò)巧妙的色彩搭配，店鋪不僅能夠迅速樹(shù)立起獨(dú)特的品牌形象，提升品牌的辨識(shí)度和記憶度，還能引導(dǎo)消費(fèi)者情緒、優(yōu)化視覺(jué)層次、提升用戶體驗(yàn)和促進(jìn)品牌傳播。因此，在電子商務(wù)視覺(jué)設(shè)計(jì)中應(yīng)高度重視色彩的運(yùn)用與搭配，為消費(fèi)者營(yíng)造具有吸引力的購(gòu)物環(huán)境。色彩的運(yùn)用與搭配會(huì)直接影響消費(fèi)者的情緒與購(gòu)買(mǎi)決策，進(jìn)而提升消費(fèi)者的滿意度和店鋪的轉(zhuǎn)化率。

項(xiàng)目三店鋪品牌視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、店標(biāo)視覺(jué)設(shè)計(jì)二、使用即夢(mèng)AI設(shè)計(jì)店標(biāo)案例三、產(chǎn)品包裝視覺(jué)設(shè)計(jì)四、產(chǎn)品包裝視覺(jué)設(shè)計(jì)案例教學(xué)要求【知識(shí)目標(biāo)】1．掌握店標(biāo)的設(shè)計(jì)形態(tài)與設(shè)計(jì)技巧。2．掌握不同風(fēng)格店標(biāo)設(shè)計(jì)的方法。3．掌握產(chǎn)品包裝視覺(jué)設(shè)計(jì)的基本要素。4．掌握產(chǎn)品包裝視覺(jué)設(shè)計(jì)的流程與方法?！灸芰δ繕?biāo)】1．能夠使用PhotoshopCC2020軟件設(shè)計(jì)不同風(fēng)格的店標(biāo)。2．能夠使用PhotoshopCC2020軟件進(jìn)行產(chǎn)品包裝視覺(jué)設(shè)計(jì)?！舅仞B(yǎng)目標(biāo)】1．激發(fā)想象力，用抽象思維提升視覺(jué)設(shè)計(jì)效果。2．樹(shù)立系統(tǒng)思維和整體性思維，使視覺(jué)設(shè)計(jì)具備統(tǒng)一性。教學(xué)重點(diǎn)1．店標(biāo)視覺(jué)設(shè)計(jì)2．使用即夢(mèng)AI設(shè)計(jì)店標(biāo)3．產(chǎn)品包裝視覺(jué)設(shè)計(jì)4．產(chǎn)品包裝視覺(jué)設(shè)計(jì)案例教學(xué)難點(diǎn)1．產(chǎn)品包裝視覺(jué)設(shè)計(jì)2．產(chǎn)品包裝視覺(jué)設(shè)計(jì)案例教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)5課時(shí)教學(xué)內(nèi)容任務(wù)一店標(biāo)視覺(jué)設(shè)計(jì)一、店標(biāo)的設(shè)計(jì)形態(tài)店標(biāo)的設(shè)計(jì)形態(tài)可以分為以下幾種。1．中文文字型店標(biāo)2．非中文文字型店標(biāo)3．組合型店標(biāo)4．圖片型店標(biāo)5．圖文結(jié)合型店標(biāo)二、店標(biāo)的設(shè)計(jì)技巧設(shè)計(jì)出色的店標(biāo)能吸引消費(fèi)者的眼球，進(jìn)而增加店鋪的瀏覽量。設(shè)計(jì)人員在設(shè)計(jì)店標(biāo)時(shí)，可以運(yùn)用以下技巧。1．設(shè)計(jì)要有造型2．設(shè)計(jì)要有主導(dǎo)性3．設(shè)計(jì)要有統(tǒng)一性4．設(shè)計(jì)要有識(shí)別性5．設(shè)計(jì)要有時(shí)代性6．設(shè)計(jì)要有系統(tǒng)性7．設(shè)計(jì)要有延伸性三、不同風(fēng)格的店標(biāo)設(shè)計(jì)在設(shè)計(jì)店標(biāo)時(shí)，不同的行業(yè)和類目針對(duì)不同的消費(fèi)者和不同的營(yíng)銷目的會(huì)有一些設(shè)計(jì)上的共性和個(gè)性。1．柔美型2．陽(yáng)剛型3．可愛(ài)型任務(wù)二使用即夢(mèng)AI設(shè)計(jì)店標(biāo)案例本任務(wù)將結(jié)合前面所講的內(nèi)容使用即夢(mèng)AI為一個(gè)童裝店鋪設(shè)計(jì)店標(biāo)。在本案例中，店鋪名稱是“青蛙寶貝”，主營(yíng)項(xiàng)目是童裝，客戶希望店標(biāo)設(shè)計(jì)可以體現(xiàn)出童裝店鋪的風(fēng)格。設(shè)計(jì)方法：見(jiàn)教材P40。任務(wù)三產(chǎn)品包裝視覺(jué)設(shè)計(jì)一、產(chǎn)品包裝的分類1．按包裝內(nèi)容分類2．按包裝樣式分類（1）紙盒包裝（2）軟性包裝（3）金屬罐包裝（4）塑料容器包裝（5）玻璃瓶包裝二、產(chǎn)品包裝視覺(jué)設(shè)計(jì)的基本要素色彩、圖形、文字是產(chǎn)品包裝視覺(jué)設(shè)計(jì)的3個(gè)基本要素。它們的合理運(yùn)用對(duì)于提升產(chǎn)品包裝視覺(jué)吸引力、傳達(dá)品牌理念及促進(jìn)銷售轉(zhuǎn)化具有至關(guān)重要的作用。1．產(chǎn)品包裝的色彩設(shè)計(jì)2．產(chǎn)品包裝的圖形設(shè)計(jì)●具象圖形設(shè)計(jì)●抽象圖形設(shè)計(jì)3．產(chǎn)品包裝的文字設(shè)計(jì)（1）可讀性（2）美觀性（3）品牌一致性任務(wù)四產(chǎn)品包裝視覺(jué)設(shè)計(jì)案例本任務(wù)將結(jié)合前面所講的內(nèi)容為一款蜂蜜柚子茶設(shè)計(jì)包裝，設(shè)計(jì)內(nèi)容包括視覺(jué)元素、產(chǎn)品信息和營(yíng)養(yǎng)成分表等，要求設(shè)計(jì)的包裝能夠清晰、準(zhǔn)確地展示產(chǎn)品名稱、品牌標(biāo)識(shí)、成分說(shuō)明、生產(chǎn)日期、保質(zhì)期、生產(chǎn)廠商等關(guān)鍵信息，讓消費(fèi)者能夠迅速獲取產(chǎn)品信息。設(shè)計(jì)方法：見(jiàn)教材P47。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們掌握了店標(biāo)的設(shè)計(jì)形態(tài)與設(shè)計(jì)技巧，不同風(fēng)格店標(biāo)設(shè)計(jì)的方法，以及產(chǎn)品包裝視覺(jué)設(shè)計(jì)的基本要素、流程與方法等。在電子商務(wù)視覺(jué)設(shè)計(jì)中，店鋪品牌視覺(jué)設(shè)計(jì)至關(guān)重要，因?yàn)樗粌H是品牌身份的直接體現(xiàn)，還是與消費(fèi)者建立情感連接的關(guān)鍵橋梁。店標(biāo)是店鋪品牌的視覺(jué)象征，是消費(fèi)者識(shí)別和記憶品牌的首要元素。一個(gè)獨(dú)特且設(shè)計(jì)精良的店標(biāo)能夠在眾多店鋪中脫穎而出，幫助消費(fèi)者快速識(shí)別并記住品牌，提升消費(fèi)者對(duì)品牌的忠誠(chéng)度。而產(chǎn)品包裝視覺(jué)設(shè)計(jì)則是品牌推廣的關(guān)鍵一環(huán)，色彩、圖形和文字等元素的巧妙融合，能夠展現(xiàn)產(chǎn)品的獨(dú)特魅力與品牌理念。

項(xiàng)目四店鋪首頁(yè)視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、店鋪首頁(yè)視覺(jué)設(shè)計(jì)評(píng)價(jià)的四大指標(biāo)二、店招視覺(jué)設(shè)計(jì)三、全屏輪播區(qū)視覺(jué)設(shè)計(jì)四、商品陳列區(qū)視覺(jué)設(shè)計(jì)五、零食店鋪首頁(yè)視覺(jué)設(shè)計(jì)案例教學(xué)要求【知識(shí)目標(biāo)】1．了解店鋪首頁(yè)視覺(jué)設(shè)計(jì)評(píng)價(jià)的四大指標(biāo)。2．掌握店招視覺(jué)設(shè)計(jì)規(guī)范及技巧。3．掌握全屏輪播區(qū)視覺(jué)設(shè)計(jì)的技巧。4．掌握商品陳列區(qū)視覺(jué)設(shè)計(jì)的技巧?！灸芰δ繕?biāo)】1．能夠進(jìn)行店招視覺(jué)設(shè)計(jì)。2．能夠進(jìn)行全屏輪播區(qū)視覺(jué)設(shè)計(jì)。3．能夠進(jìn)行商品陳列區(qū)視覺(jué)設(shè)計(jì)?！舅仞B(yǎng)目標(biāo)】1．把握適度原則，避免設(shè)計(jì)過(guò)于華麗。2．弘揚(yáng)并踐行工匠精神，在設(shè)計(jì)時(shí)精益求精。教學(xué)重點(diǎn)1．店招視覺(jué)設(shè)計(jì)2．全屏輪播區(qū)視覺(jué)設(shè)計(jì)3．商品陳列區(qū)視覺(jué)設(shè)計(jì)4．零食店鋪首頁(yè)視覺(jué)設(shè)計(jì)案例教學(xué)難點(diǎn)1．全屏輪播區(qū)視覺(jué)設(shè)計(jì)2．零食店鋪首頁(yè)視覺(jué)設(shè)計(jì)案例教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)6課時(shí)教學(xué)內(nèi)容任務(wù)一店鋪首頁(yè)視覺(jué)設(shè)計(jì)評(píng)價(jià)的四大指標(biāo)一、首頁(yè)跳失率首頁(yè)跳失率是消費(fèi)者通過(guò)某種渠道進(jìn)入店鋪，只訪問(wèn)了店鋪首頁(yè)就離開(kāi)的訪問(wèn)次數(shù)占該渠道總訪問(wèn)次數(shù)的比例。電子商務(wù)運(yùn)營(yíng)人員需要隨時(shí)觀測(cè)店鋪的各項(xiàng)數(shù)據(jù)，并根據(jù)數(shù)據(jù)變化情況對(duì)店鋪首頁(yè)進(jìn)行優(yōu)化與調(diào)整。二、首頁(yè)點(diǎn)擊率首頁(yè)點(diǎn)擊率是商品在首頁(yè)展現(xiàn)后的被點(diǎn)擊比率，即首頁(yè)點(diǎn)擊率=首頁(yè)點(diǎn)擊量÷首頁(yè)展現(xiàn)量×100%。通過(guò)首頁(yè)點(diǎn)擊率可以看出店鋪推廣的商品是否吸引人：首頁(yè)點(diǎn)擊率越高，說(shuō)明商品對(duì)消費(fèi)者的吸引力越高；首頁(yè)點(diǎn)擊率越低，表示商品對(duì)于消費(fèi)者的吸引力越低。三、首頁(yè)人均點(diǎn)擊次數(shù)首頁(yè)人均點(diǎn)擊次數(shù)是反映在一段時(shí)間內(nèi)人均點(diǎn)擊了多少次首頁(yè)的指標(biāo)。首頁(yè)人均點(diǎn)擊次數(shù)可以用來(lái)評(píng)估訪客黏性，如果店鋪首頁(yè)做得很差，讓訪客進(jìn)入后不知所措，找不到想要的商品，那么訪客自然會(huì)離開(kāi)。運(yùn)營(yíng)人員要根據(jù)首頁(yè)人均點(diǎn)擊次數(shù)來(lái)優(yōu)化店鋪首頁(yè)，美化海報(bào)或商品圖片，從而有效引導(dǎo)訪客。四、首頁(yè)平均停留時(shí)間首頁(yè)平均停留時(shí)間等于訪問(wèn)店鋪首頁(yè)的所有訪客總的停留時(shí)間除以訪客數(shù)，和首頁(yè)人均點(diǎn)擊次數(shù)一樣，首頁(yè)平均停留時(shí)間也可以用來(lái)判斷店鋪首頁(yè)是否能留住訪客。任務(wù)二店招視覺(jué)設(shè)計(jì)一、店招視覺(jué)設(shè)計(jì)規(guī)范店招通常由店鋪Logo、店鋪名稱、宣傳語(yǔ)、導(dǎo)航條、促銷信息等幾個(gè)部分組成。不同的電子商務(wù)平臺(tái)對(duì)店招的圖片尺寸要求不同，以淘寶為例，其后臺(tái)默認(rèn)的店招高度（除導(dǎo)航條外）為120像素，建議設(shè)計(jì)自定義店招時(shí)設(shè)定店招尺寸（除導(dǎo)航條外）為950像素×120像素，加上導(dǎo)航條（高度為30像素），整體高度為150像素。在店招上可以添加品牌宣傳語(yǔ)、近期的打折促銷信息、關(guān)注按鈕等元素，但這些元素最好不要超過(guò)3個(gè)，因?yàn)樽銐虻牧舭卓臻g有利于突出視覺(jué)重點(diǎn)。在設(shè)計(jì)店招時(shí)要注意風(fēng)格的統(tǒng)一，利用色彩、裝飾元素與風(fēng)格的相似性來(lái)營(yíng)造視覺(jué)上的一致性，打造出獨(dú)特的店鋪裝修風(fēng)格。二、店鋪名稱的藝術(shù)化處理為了讓店招中的店鋪名稱給消費(fèi)者留下深刻的印象，需要對(duì)店鋪名稱進(jìn)行藝術(shù)化處理。常用的幾種處理方法如下。1．用不同字體和字號(hào)的組合營(yíng)造藝術(shù)感2．添加特效，突出特殊性和醒目度3．使用修飾元素提升觀賞性三、圖層樣式的應(yīng)用應(yīng)用圖層樣式的作用就是對(duì)設(shè)計(jì)元素進(jìn)行修飾和美化，營(yíng)造色彩、質(zhì)感與光澤上的變化。添加圖層樣式不僅可以使原本單一的色彩變得絢麗，為設(shè)計(jì)元素添加內(nèi)陰影、外發(fā)光等特殊的光澤效果，還可以營(yíng)造立體浮雕、圖案紋理等特殊效果。需要注意的是，導(dǎo)航條的設(shè)計(jì)風(fēng)格應(yīng)當(dāng)和店招乃至整個(gè)店鋪首頁(yè)的裝修風(fēng)格一致，設(shè)計(jì)人員不能一味地追求華麗而讓導(dǎo)航條顯得突兀、不協(xié)調(diào)。任務(wù)三全屏輪播區(qū)視覺(jué)設(shè)計(jì)一、聚焦消費(fèi)者的視線在全屏輪播區(qū)的商品圖片展示模塊中，在開(kāi)端位置放置單張圖片可以在一定程度上聚焦消費(fèi)者的視線，讓其有繼續(xù)瀏覽頁(yè)面的興趣。如果全屏輪播區(qū)能夠首先抓住消費(fèi)者的眼球，就會(huì)大大提升其繼續(xù)瀏覽店鋪?lái)?yè)面的可能性。相較于在全屏輪播區(qū)使用大量文字的設(shè)計(jì)，圖文結(jié)合的設(shè)計(jì)更符合消費(fèi)者追求輕松的閱讀與購(gòu)物體驗(yàn)的心理。同時(shí)，呈現(xiàn)消費(fèi)者最渴望看到的信息也是這個(gè)區(qū)域設(shè)計(jì)的重點(diǎn)。二、全屏輪播區(qū)設(shè)計(jì)三要素全屏輪播區(qū)基本上由3個(gè)要素組成：完整、精致的商品形象，唯美、絢麗的背景，以及精心編排的文字。全屏輪播區(qū)的背景要與商品形象保持一致的風(fēng)格，或者能夠烘托出某種特定的氣氛。全屏輪播區(qū)中的商品形象是商品給消費(fèi)者的“初印象”，直接關(guān)系到商品轉(zhuǎn)化率的高低。文字是全屏輪播區(qū)中不可或缺的重要元素，很多不能用圖片表達(dá)的信息都需要通過(guò)文字來(lái)傳達(dá)，如活動(dòng)的內(nèi)容、商品的名稱、商品的價(jià)格等三、使用可靈AI生成全屏輪播區(qū)背景圖案例本案例學(xué)習(xí)如何使用可靈AI生成一張端午節(jié)全屏輪播區(qū)背景圖。該背景圖以中國(guó)傳統(tǒng)山水畫(huà)風(fēng)格為基調(diào)，運(yùn)用了柔和的青綠色調(diào)，再搭配青山、竹葉、粽子、紅日等與端午節(jié)主題相契合的元素，營(yíng)造出了一個(gè)既符合節(jié)日氛圍又具有視覺(jué)吸引力的背景環(huán)境。設(shè)計(jì)方法：見(jiàn)教材P60。任務(wù)四商品陳列區(qū)視覺(jué)設(shè)計(jì)一、營(yíng)造視覺(jué)動(dòng)線在進(jìn)行商品展示圖片的排列時(shí)，首先要確保整齊，然后還要注意圖片不宜過(guò)多，橫排圖片最好不超過(guò)5張，避免讓消費(fèi)者在瀏覽時(shí)感到壓力并產(chǎn)生疲倦感。除此之外，通過(guò)靈活多變的排列方式營(yíng)造一定的視覺(jué)動(dòng)線，也能減少過(guò)于死板的排列組合帶來(lái)的枯燥與乏味感。二、商品布局藝術(shù)化商品圖片的布局是影響商品陳列區(qū)整個(gè)版式的關(guān)鍵，也是確立整個(gè)店鋪首頁(yè)風(fēng)格的關(guān)鍵。為了吸引消費(fèi)者的眼球，設(shè)計(jì)人員可以根據(jù)商品的功能、外形特點(diǎn)、設(shè)計(jì)風(fēng)格來(lái)對(duì)商品陳列區(qū)進(jìn)行精心的規(guī)劃與設(shè)計(jì)，將店鋪中的商品藝術(shù)化地展現(xiàn)出來(lái)。常見(jiàn)的商品陳列區(qū)布局方式有折線型布局和隨意型布局兩種。1．折線型布局2．隨意型布局任務(wù)五零食店鋪首頁(yè)視覺(jué)設(shè)計(jì)案例本案例主要介紹如何為零食店鋪設(shè)計(jì)首頁(yè)。該店鋪首頁(yè)以橙色為主色，橙色不僅醒目，還能激發(fā)人們的熱情和購(gòu)買(mǎi)欲望。在輔色方面，紅色主要用于展示文字，能夠有效增強(qiáng)信息的層次感；金色則用于背景，使頁(yè)面整體既整潔又便于閱讀。設(shè)計(jì)方法：見(jiàn)教材P66。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們了解了店鋪首頁(yè)視覺(jué)設(shè)計(jì)評(píng)價(jià)的四大指標(biāo)，掌握了店招視覺(jué)設(shè)計(jì)規(guī)范及技巧、全屏輪播區(qū)視覺(jué)設(shè)計(jì)的技巧，以及商品陳列區(qū)視覺(jué)設(shè)計(jì)的技巧等。項(xiàng)目五商品詳情頁(yè)視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、商品主圖設(shè)計(jì)二、商品細(xì)節(jié)展示區(qū)設(shè)計(jì)三、商品功效簡(jiǎn)介區(qū)設(shè)計(jì)四、商品詳情頁(yè)視覺(jué)設(shè)計(jì)案例教學(xué)要求【知識(shí)目標(biāo)】1．了解商品主圖的設(shè)計(jì)規(guī)范。2．掌握商品主圖的設(shè)計(jì)形式。3．掌握商品細(xì)節(jié)展示區(qū)的設(shè)計(jì)技巧。4．了解修飾元素在商品功效簡(jiǎn)介區(qū)中的運(yùn)用。5．熟練掌握商品詳情頁(yè)各部分的設(shè)計(jì)方法。【能力目標(biāo)】1．能夠?yàn)樯唐分鲌D添加合適的文案。2．能夠進(jìn)行商品詳情頁(yè)視覺(jué)設(shè)計(jì)。【素養(yǎng)目標(biāo)】1．把握細(xì)節(jié)，用嚴(yán)謹(jǐn)為創(chuàng)意托底。2．掌握新質(zhì)生產(chǎn)力，善用AI輔助設(shè)計(jì)。教學(xué)重點(diǎn)1．商品主圖設(shè)計(jì)2．商品細(xì)節(jié)展示區(qū)設(shè)計(jì)3．商品功效簡(jiǎn)介區(qū)設(shè)計(jì)4．商品詳情頁(yè)視覺(jué)設(shè)計(jì)案例教學(xué)難點(diǎn)1．商品主圖設(shè)計(jì)2．商品細(xì)節(jié)展示區(qū)設(shè)計(jì)3．商品詳情頁(yè)視覺(jué)設(shè)計(jì)案例教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)5課時(shí)教學(xué)內(nèi)容任務(wù)一商品主圖設(shè)計(jì)一、商品主圖的設(shè)計(jì)規(guī)范為了保證搜索結(jié)果頁(yè)的美觀和消費(fèi)者的消費(fèi)體驗(yàn)，淘寶對(duì)商品主圖的尺寸和設(shè)計(jì)都提出了具體的要求和規(guī)范。1．標(biāo)準(zhǔn)尺寸2．3∶4主圖尺寸二、商品主圖的設(shè)計(jì)形式商品主圖應(yīng)滿足的基本要求是展示商品的全貌，畫(huà)面清晰，并且不能有雜亂的背景。商品主圖的設(shè)計(jì)形式主要有以下幾種。1．展示商品的全貌2．場(chǎng)景化設(shè)計(jì)3．拼接式設(shè)計(jì)4．突出商品品牌三、添加文案，提高商品主圖點(diǎn)擊率添加了文案的商品主圖可以傳遞更多的商品信息，讓消費(fèi)者通過(guò)一張圖片就能對(duì)商品有更多的了解，更容易激發(fā)消費(fèi)者的點(diǎn)擊興趣和購(gòu)買(mǎi)欲望。在為商品主圖添加文案時(shí)，需要注意以下兩點(diǎn)。（1）文案簡(jiǎn)潔明了，有引發(fā)消費(fèi)者產(chǎn)生點(diǎn)擊沖動(dòng)的吸引力。（2）文案不能遮擋商品主體。任務(wù)二商品細(xì)節(jié)展示區(qū)設(shè)計(jì)一、商品細(xì)節(jié)展示區(qū)的表現(xiàn)形式考慮到不同商品在材質(zhì)、功能和外觀等方面的差異，在設(shè)計(jì)商品細(xì)節(jié)展示區(qū)時(shí)可以采用不同的表現(xiàn)形式。常見(jiàn)的表現(xiàn)形式有以下兩種。1．指示型表現(xiàn)形式2．局部圖解型表現(xiàn)形式二、商品細(xì)節(jié)展示區(qū)的通用設(shè)計(jì)方式商品細(xì)節(jié)展示區(qū)的一種通用設(shè)計(jì)方式就是添加必要的文字和素材。1．利用文字對(duì)細(xì)節(jié)進(jìn)行說(shuō)明2．素材讓細(xì)節(jié)展示更直觀任務(wù)三商品功效簡(jiǎn)介區(qū)設(shè)計(jì)一、商品功效簡(jiǎn)介區(qū)的設(shè)計(jì)規(guī)范商品功效簡(jiǎn)介區(qū)是商品描述頁(yè)的一部分，其設(shè)計(jì)寬度受到商品描述頁(yè)寬度的限制，設(shè)計(jì)高度受到的限制較弱。商品功效簡(jiǎn)介區(qū)的設(shè)計(jì)重點(diǎn)就是對(duì)商品的功效進(jìn)行總結(jié)與歸納，并通過(guò)文字、色彩和修飾元素的完美搭配來(lái)提升文字的可讀性。二、修飾元素在商品功效簡(jiǎn)介區(qū)中的運(yùn)用在設(shè)計(jì)商品功效簡(jiǎn)介區(qū)時(shí)，為了將商品功效表述得更加直觀、形象，賣家可以使用多種修飾元素來(lái)豐富畫(huà)面的內(nèi)容。例如，用圖片來(lái)代替某些文字或者使用素材來(lái)突出重點(diǎn)文字。修飾元素的巧妙應(yīng)用不僅能夠提升商品信息的可讀性，還讓枯燥的文字變得更具象化，在給消費(fèi)者帶來(lái)視覺(jué)享受的同時(shí)，也有助于消費(fèi)者深入了解商品的功效。任務(wù)四商品詳情頁(yè)視覺(jué)設(shè)計(jì)案例本任務(wù)結(jié)合前面所講的內(nèi)容為一款蜂蜜設(shè)計(jì)商品詳情頁(yè)，設(shè)計(jì)內(nèi)容包括廣告圖、商品信息、檢測(cè)展示和商品細(xì)節(jié)展示等，要求設(shè)計(jì)的頁(yè)面能清晰、準(zhǔn)確地展示并說(shuō)明該蜂蜜的特點(diǎn)。設(shè)計(jì)方法：見(jiàn)教材P85。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們了解了商品主圖的設(shè)計(jì)規(guī)范，掌握了商品主圖的設(shè)計(jì)形式和商品細(xì)節(jié)展示區(qū)的設(shè)計(jì)技巧，還了解了修飾元素在商品功效簡(jiǎn)介區(qū)中的運(yùn)用，掌握了商品詳情頁(yè)各部分的設(shè)計(jì)方法等。商品詳情頁(yè)是商品營(yíng)銷的落地點(diǎn)。消費(fèi)者在購(gòu)買(mǎi)商品前一般會(huì)仔細(xì)、反復(fù)地看商品詳情頁(yè)的內(nèi)容，甚至對(duì)比著看，這樣才能決定是否咨詢賣家、是否下單。如果商品詳情頁(yè)不能滿足消費(fèi)者的需求，不能解決消費(fèi)者的實(shí)際問(wèn)題，那么前面的工作做得再好，都可能功虧一簣。因此，任何店鋪都要對(duì)商品詳情頁(yè)進(jìn)行重點(diǎn)設(shè)計(jì)。

項(xiàng)目六高點(diǎn)擊率推廣圖片視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、推廣圖片的構(gòu)圖方式二、關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)三、內(nèi)容推廣創(chuàng)意圖設(shè)計(jì)四、關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)案例教學(xué)要求【知識(shí)目標(biāo)】1．掌握推廣圖片的構(gòu)圖方式。2．掌握關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)的技巧。3．掌握內(nèi)容推廣創(chuàng)意圖設(shè)計(jì)的關(guān)鍵點(diǎn)。【能力目標(biāo)】1．能夠識(shí)別推廣圖片的各種構(gòu)圖方式。2．能夠設(shè)計(jì)關(guān)鍵詞推廣創(chuàng)意圖。3．能夠設(shè)計(jì)內(nèi)容推廣創(chuàng)意圖?！舅仞B(yǎng)目標(biāo)】1．以營(yíng)銷思維為指導(dǎo)，增加電子商務(wù)視覺(jué)設(shè)計(jì)的看點(diǎn)。2．深入理解消費(fèi)者，堅(jiān)持“以人為本”的設(shè)計(jì)思想。教學(xué)重點(diǎn)1．推廣圖片的構(gòu)圖方式2．關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)3．內(nèi)容推廣創(chuàng)意圖設(shè)計(jì)4．關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)案例教學(xué)難點(diǎn)1．關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)2．內(nèi)容推廣創(chuàng)意圖設(shè)計(jì)3．關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)案例教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)4課時(shí)教學(xué)內(nèi)容任務(wù)一推廣圖片的構(gòu)圖方式一、變化式構(gòu)圖變化式構(gòu)圖又稱留白式構(gòu)圖。設(shè)計(jì)人員將商品安排在某一角落或某一邊，同時(shí)留出大部分空白區(qū)域。留白的作用是展示感情色彩，給消費(fèi)者思考和想象的空間。二、對(duì)角線構(gòu)圖對(duì)角線構(gòu)圖就是把商品安排在對(duì)角線上，利用對(duì)角線來(lái)統(tǒng)一畫(huà)面元素，同時(shí)使陪體與主體明顯區(qū)分。這種構(gòu)圖方式的特點(diǎn)是畫(huà)面富有動(dòng)感，容易產(chǎn)生線條的匯聚趨勢(shì)，吸引消費(fèi)者的目光，從而達(dá)到突出商品的效果。三、對(duì)稱式構(gòu)圖對(duì)稱式構(gòu)圖給人一種畫(huà)面平衡、穩(wěn)定的感覺(jué)，缺點(diǎn)是畫(huà)面比較呆板、缺少變化。四、平衡式構(gòu)圖平衡式構(gòu)圖給人一種祥和、平靜的感覺(jué)，缺點(diǎn)是缺乏創(chuàng)新。平衡式構(gòu)圖不像對(duì)稱式構(gòu)圖那樣呆板，所以很多設(shè)計(jì)人員都會(huì)選擇這種構(gòu)圖方式。五、緊湊式構(gòu)圖緊湊式構(gòu)圖就是將商品以特寫(xiě)的形式加以放大，讓商品布滿畫(huà)面，具有緊湊、細(xì)膩、微觀等特點(diǎn)。任務(wù)二關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)一、確定圖片整體風(fēng)格在制作關(guān)鍵詞推廣創(chuàng)意圖之前，首先要做的是根據(jù)文案或商品特點(diǎn)等因素對(duì)其進(jìn)行風(fēng)格定位。設(shè)計(jì)人員可以根據(jù)關(guān)鍵詞的投放計(jì)劃確定自身商品推廣所投放的位置（如第幾頁(yè)、第幾個(gè)），并對(duì)周邊商品進(jìn)行分析，從而使自身商品在設(shè)計(jì)上更為突出，引起消費(fèi)者的注意。完成風(fēng)格定位后，就可以進(jìn)行關(guān)鍵詞推廣創(chuàng)意圖的制作了。在制作關(guān)鍵詞推廣創(chuàng)意圖時(shí)，可以采用以下技巧。1．運(yùn)用適當(dāng)?shù)谋尘邦伾?．保證圖片清晰度3．精簡(jiǎn)文字4．巧用素材搭配二、添加利益點(diǎn)說(shuō)明在關(guān)鍵詞推廣創(chuàng)意圖中可以放置更多的內(nèi)容來(lái)展示店鋪信息，利益點(diǎn)說(shuō)明也可以包含整個(gè)店鋪的利益點(diǎn)。在關(guān)鍵詞推廣創(chuàng)意圖中添加更多店鋪品牌的說(shuō)明信息，能讓消費(fèi)者從更多方面認(rèn)識(shí)店鋪品牌，進(jìn)一步增強(qiáng)消費(fèi)者對(duì)店鋪品牌的認(rèn)同感，提升圖片的可信度。同時(shí)，店鋪利益點(diǎn)的添加也能促使消費(fèi)者進(jìn)行點(diǎn)擊。任務(wù)三內(nèi)容推廣創(chuàng)意圖設(shè)計(jì)一、博取眼球的創(chuàng)意設(shè)計(jì)創(chuàng)意需要靈感和積累，并不是在短期內(nèi)就能輕易產(chǎn)生的，但如果創(chuàng)意有明確的對(duì)象，往往也不難抓住。例如，拍攝商品時(shí)變換相機(jī)的位置，從不同的角度進(jìn)行拍攝，便可以使內(nèi)容推廣創(chuàng)意圖展現(xiàn)出不一樣的效果。除了改變商品的拍攝角度外，對(duì)商品進(jìn)行富有造型感的擺設(shè)也能體現(xiàn)創(chuàng)意并增強(qiáng)商品的吸引力。二、統(tǒng)一設(shè)計(jì)風(fēng)格主題是圖片的重點(diǎn)。對(duì)于內(nèi)容推廣創(chuàng)意圖而言，主題是激發(fā)消費(fèi)者潛在需求的重要“武器”，明確的主題能夠促使消費(fèi)者點(diǎn)擊。因此，內(nèi)容推廣創(chuàng)意圖的設(shè)計(jì)需要擁有統(tǒng)一的風(fēng)格。三、確定重點(diǎn)表現(xiàn)元素只有統(tǒng)一的設(shè)計(jì)風(fēng)格是不夠的，內(nèi)容推廣創(chuàng)意圖更重要的意義在于通過(guò)圖片的設(shè)計(jì)對(duì)店鋪或商品進(jìn)行推廣，從而為其帶來(lái)流量。搭配適當(dāng)?shù)纳?、控制好相關(guān)元素的尺寸也是讓內(nèi)容推廣創(chuàng)意圖具有足夠吸引力的關(guān)鍵。在設(shè)計(jì)內(nèi)容推廣創(chuàng)意圖時(shí)，需要確定重點(diǎn)表現(xiàn)元素。任務(wù)四關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)案例本任務(wù)結(jié)合前面所講的內(nèi)容為一款立式電風(fēng)扇設(shè)計(jì)關(guān)鍵詞推廣創(chuàng)意圖。在制作過(guò)程中我們會(huì)使用家居背景、沙發(fā)和冷氣素材進(jìn)行修飾，添加“領(lǐng)券下單立減30元”“全國(guó)聯(lián)?！薄耙荒暌該Q代修”的促銷方案，并使用簡(jiǎn)單的廣告詞來(lái)突出產(chǎn)品優(yōu)勢(shì)。設(shè)計(jì)方法：見(jiàn)教材P101。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們掌握了推廣圖片的構(gòu)圖方式、關(guān)鍵詞推廣創(chuàng)意圖設(shè)計(jì)的技巧，以及內(nèi)容推廣創(chuàng)意圖設(shè)計(jì)的關(guān)鍵點(diǎn)等。圖片是電子商務(wù)營(yíng)銷的基礎(chǔ)與核心，尤其是推廣圖片，其設(shè)計(jì)的重要性不言而喻?？梢哉f(shuō)優(yōu)質(zhì)的推廣圖片是吸引流量、促進(jìn)點(diǎn)擊、提高轉(zhuǎn)化率的必需品，也是電子商務(wù)視覺(jué)設(shè)計(jì)的關(guān)鍵。

項(xiàng)目七店鋪促銷廣告視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、促銷廣告圖片的黃金設(shè)計(jì)要素二、不同發(fā)展階段的促銷廣告設(shè)計(jì)教學(xué)要求【知識(shí)目標(biāo)】1．掌握營(yíng)造促銷氛圍的方法。2．掌握促銷廣告圖片的三大設(shè)計(jì)原則。3．掌握不同發(fā)展階段的促銷廣告設(shè)計(jì)方法。【能力目標(biāo)】1．能夠在設(shè)計(jì)時(shí)保證設(shè)計(jì)的基本美感。2．能夠遵循設(shè)計(jì)原則設(shè)計(jì)促銷廣告圖片。3．能夠根據(jù)不同發(fā)展階段的特點(diǎn)設(shè)計(jì)促銷廣告圖片。【素養(yǎng)目標(biāo)】1．遵循設(shè)計(jì)標(biāo)準(zhǔn)，以高職業(yè)素養(yǎng)保證設(shè)計(jì)質(zhì)量。2．緊跟時(shí)代變化，使設(shè)計(jì)符合消費(fèi)者的碎片化閱讀習(xí)慣。教學(xué)重點(diǎn)1．促銷廣告圖片的黃金設(shè)計(jì)要素2．不同發(fā)展階段的促銷廣告設(shè)計(jì)教學(xué)難點(diǎn)1．促銷廣告圖片的黃金設(shè)計(jì)要素2．不同發(fā)展階段的促銷廣告設(shè)計(jì)教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)3課時(shí)教學(xué)內(nèi)容任務(wù)一促銷廣告圖片的黃金設(shè)計(jì)要素一、保證設(shè)計(jì)的基本美感具有視覺(jué)吸引力的促銷廣告圖片需要具備基本的設(shè)計(jì)美感與清晰度。如果想使促銷廣告圖片更富有吸引力與協(xié)調(diào)感，就要特別注意以下幾點(diǎn)。1．平衡2．勢(shì)能3．集群4．標(biāo)簽分割二、營(yíng)造促銷氛圍在設(shè)計(jì)促銷廣告圖片時(shí)，除了促銷活動(dòng)本身的內(nèi)容以外，設(shè)計(jì)人員還可以添加引導(dǎo)標(biāo)簽，營(yíng)造出更為濃郁的促銷氛圍，進(jìn)一步引導(dǎo)消費(fèi)者點(diǎn)擊促銷廣告圖片。在消費(fèi)者的認(rèn)知經(jīng)驗(yàn)中，箭頭具有引導(dǎo)性，而按鈕則是用來(lái)點(diǎn)擊的，所以當(dāng)他們看到箭頭或按鈕等元素后，大腦便會(huì)無(wú)意識(shí)地發(fā)出跟隨或點(diǎn)擊的指令。三、促銷廣告圖片的設(shè)計(jì)原則除了具有基本的設(shè)計(jì)美感和促銷氛圍之外，促銷廣告圖片的設(shè)計(jì)還要遵循主題突出、風(fēng)格統(tǒng)一與目標(biāo)明確的原則。1．主題突出2．風(fēng)格統(tǒng)一3．目標(biāo)明確任務(wù)二不同發(fā)展階段的促銷廣告設(shè)計(jì)一、發(fā)展初期——為打造爆款而促銷對(duì)于剛起步的店鋪而言，幾乎沒(méi)有自然流量，此時(shí)便需要通過(guò)推廣來(lái)進(jìn)行流量的引入，而促銷就是最為有效的引流手段之一。新店或許沒(méi)有足夠的經(jīng)濟(jì)實(shí)力去開(kāi)展大規(guī)模的促銷活動(dòng)，但可以選擇某一單品進(jìn)行促銷，并投放一定比例的單品促銷廣告，打造爆款。為了打造爆款而設(shè)計(jì)的促銷廣告圖片主要需要表現(xiàn)單品的賣點(diǎn)及優(yōu)惠力度，以此來(lái)吸引消費(fèi)者點(diǎn)擊，同時(shí)也可以添加“掌柜熱推”等說(shuō)明文案，告知消費(fèi)者這件單品為本店重點(diǎn)推薦商品，以此來(lái)營(yíng)造更為濃厚的單品促銷氛圍。二、發(fā)展中期——為宣傳品牌而促銷在店鋪發(fā)展中期，品牌的樹(shù)立起到了穩(wěn)定店鋪發(fā)展的作用。在這一基礎(chǔ)上，促銷活動(dòng)應(yīng)更具品牌宣傳效應(yīng)，相應(yīng)的促銷廣告也應(yīng)該為品牌宣傳服務(wù)。店鋪除了需要樹(shù)立獨(dú)特的品牌形象以外，還要根據(jù)這一品牌形象建立一系列規(guī)范的設(shè)計(jì)標(biāo)準(zhǔn)。有了統(tǒng)一的設(shè)計(jì)標(biāo)準(zhǔn)，才能在品牌傳播過(guò)程中不斷地在消費(fèi)者腦海中強(qiáng)化品牌形象，雜亂無(wú)章的表現(xiàn)形式只會(huì)干擾消費(fèi)者對(duì)于品牌形象的識(shí)別。三、發(fā)展成熟期——為維系客戶而促銷當(dāng)?shù)赇伆l(fā)展到成熟期，維系客戶就成為店鋪的首要任務(wù)，此時(shí)店鋪可以增加針對(duì)老客戶的促銷活動(dòng)。老客戶對(duì)品牌已經(jīng)有了一定的認(rèn)知與信任，維系好老客戶其實(shí)相當(dāng)于為店鋪樹(shù)立好口碑，能讓營(yíng)銷活動(dòng)的開(kāi)展變得更加輕松。設(shè)計(jì)人員在設(shè)計(jì)促銷廣告圖片時(shí)，可以專門(mén)設(shè)計(jì)一個(gè)促銷頁(yè)面，說(shuō)明老客戶適用的一系列優(yōu)惠政策，以增強(qiáng)老客戶的歸屬感，幫助店鋪維系老客戶。需要注意的是，促銷廣告圖片的設(shè)計(jì)需要顧及消費(fèi)者的情感體驗(yàn)，否則無(wú)法獲取消費(fèi)者的好感。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們掌握了營(yíng)造促銷氛圍的方法、促銷廣告圖片的三大設(shè)計(jì)原則，以及不同發(fā)展階段的促銷廣告設(shè)計(jì)方法等。促銷活動(dòng)幾乎是店鋪運(yùn)營(yíng)中最常見(jiàn)、最重要的內(nèi)容，可以這樣說(shuō)，一個(gè)成功的店鋪是離不開(kāi)各種各樣的促銷活動(dòng)的。促銷活動(dòng)的內(nèi)容可以通過(guò)視覺(jué)設(shè)計(jì)更好地傳遞給消費(fèi)者。

項(xiàng)目八移動(dòng)端店鋪視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、移動(dòng)端店鋪的設(shè)計(jì)標(biāo)準(zhǔn)二、移動(dòng)端店鋪視覺(jué)設(shè)計(jì)要點(diǎn)三、電子數(shù)碼類商品店鋪首頁(yè)案例解析教學(xué)要求【知識(shí)目標(biāo)】1．了解移動(dòng)端店鋪的設(shè)計(jì)標(biāo)準(zhǔn)。2．掌握移動(dòng)端店鋪視覺(jué)設(shè)計(jì)要點(diǎn)。【能力目標(biāo)】1．能夠分析移動(dòng)端店鋪框架結(jié)構(gòu)。2．能夠分析移動(dòng)端店鋪視覺(jué)設(shè)計(jì)?！舅仞B(yǎng)目標(biāo)】1．踐行極簡(jiǎn)主義，減少不必要的設(shè)計(jì)元素。2．秉持常換常新的理念，保證店鋪視覺(jué)設(shè)計(jì)的活力。教學(xué)重點(diǎn)1．移動(dòng)端店鋪的設(shè)計(jì)標(biāo)準(zhǔn)2．移動(dòng)端店鋪視覺(jué)設(shè)計(jì)要點(diǎn)教學(xué)難點(diǎn)1．移動(dòng)端店鋪的設(shè)計(jì)標(biāo)準(zhǔn)2．移動(dòng)端店鋪視覺(jué)設(shè)計(jì)要點(diǎn)教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)3課時(shí)教學(xué)內(nèi)容任務(wù)一移動(dòng)端店鋪的設(shè)計(jì)標(biāo)準(zhǔn)一、移動(dòng)端店標(biāo)設(shè)計(jì)移動(dòng)端店標(biāo)設(shè)計(jì)思路與PC端店標(biāo)設(shè)計(jì)思路完全不同。例如，手機(jī)淘寶的店標(biāo)直接出現(xiàn)在店鋪?lái)敹?，并在店?biāo)右側(cè)顯示店鋪名稱。手機(jī)淘寶的店標(biāo)適合采用圖形或字母組合的形式，因?yàn)榉?hào)化的店標(biāo)更容易加深消費(fèi)者對(duì)店鋪的印象。利用微信朋友圈進(jìn)行小范圍營(yíng)銷的店鋪或銷售母嬰用品等特定商品的店鋪，也可以使用店主或品牌形象作為店標(biāo)。在設(shè)計(jì)店標(biāo)時(shí)需要注意的是，移動(dòng)端店鋪和PC端店鋪使用的是同一張店標(biāo)圖片，因此要綜合考慮這兩種店鋪的特點(diǎn)。二、移動(dòng)端店鋪圖片尺寸標(biāo)準(zhǔn)為了規(guī)范設(shè)計(jì)，手機(jī)淘寶對(duì)發(fā)布的圖片尺寸做出了以下要求。首頁(yè)和商品詳情頁(yè)圖片寬度為480像素~1600像素（建議使用750像素的寬度）；單張圖片高度建議<960像素、文件大小建議≤1MB，圖片支持IPG、GIF、PNG格式。三、移動(dòng)端店鋪框架結(jié)構(gòu)移動(dòng)端店鋪和PC端店鋪一樣，也存在著頁(yè)面間的跳轉(zhuǎn)及頁(yè)面結(jié)構(gòu)層級(jí)關(guān)系的安排與布置的問(wèn)題。這里所說(shuō)的頁(yè)面不再是指店鋪的各級(jí)網(wǎng)頁(yè)，而是指類似手機(jī)淘寶中的店鋪的各級(jí)界面。為了方便管理，淘寶已經(jīng)為賣家劃分好了相應(yīng)的店鋪框架結(jié)構(gòu)。賣家雖然可以不考慮圖標(biāo)、按鈕等用戶界面（UI）的設(shè)計(jì)，也不必過(guò)多地考慮店鋪框架結(jié)構(gòu)，但需要注意在已有的店鋪框架結(jié)構(gòu)中添加能夠促進(jìn)消費(fèi)者購(gòu)買(mǎi)的內(nèi)容。任務(wù)二移動(dòng)端店鋪視覺(jué)設(shè)計(jì)要點(diǎn)一、信息內(nèi)容簡(jiǎn)潔，便于快速傳播受移動(dòng)端載體的限制，店鋪信息的呈現(xiàn)受限。如果信息量過(guò)多且不做取舍，會(huì)導(dǎo)致信息無(wú)法清晰、明確地加載與顯示，這樣消費(fèi)者也很難讀懂關(guān)鍵信息，不能快速找到自己想要看到的界面，就很有可能會(huì)選擇離開(kāi)。因此，對(duì)信息進(jìn)行必要的精簡(jiǎn)化處理是讓消費(fèi)者快速瀏覽與接收信息的關(guān)鍵。此外，控制文字信息的篇幅及文字的大小也是讓信息在移動(dòng)端清晰展示的方法之一。二、簡(jiǎn)單方便的操作與交互無(wú)須進(jìn)行縮放操作，只需伸出手指執(zhí)行單一操作便可以進(jìn)行信息的瀏覽的方式更容易被消費(fèi)者所接受。因此，在進(jìn)行移動(dòng)端店鋪視覺(jué)設(shè)計(jì)時(shí)，要簡(jiǎn)化一切不必要的設(shè)計(jì)，避免因多余的操作而影響消費(fèi)者購(gòu)買(mǎi)，這也是促進(jìn)移動(dòng)端店鋪商品銷量增加的有效手段之一。三、整體設(shè)計(jì)風(fēng)格首尾呼應(yīng)店鋪整體的設(shè)計(jì)風(fēng)格需要做到首尾呼應(yīng)，否則店鋪形象的不鮮明感會(huì)給消費(fèi)者帶來(lái)視覺(jué)上的混亂體驗(yàn)，也無(wú)法讓消費(fèi)者對(duì)店鋪形成視覺(jué)記憶。四、保持色彩的鮮明感在進(jìn)行移動(dòng)端店鋪視覺(jué)設(shè)計(jì)時(shí)，最好采用較為鮮亮的色彩，因?yàn)檫@樣既能給消費(fèi)者帶來(lái)較好的瀏覽體驗(yàn)，又能與移動(dòng)端淘寶所提供的背景相融合，讓店鋪的整體設(shè)計(jì)風(fēng)格更加統(tǒng)一與完整。利用碎片化時(shí)間來(lái)進(jìn)行商品購(gòu)買(mǎi)的移動(dòng)端消費(fèi)者往往希望在瀏覽與購(gòu)買(mǎi)過(guò)程中獲得輕松感與自在感，而深色系色彩容易給消費(fèi)者帶來(lái)沉重感；相反，較為鮮明與惹眼的色彩則能讓消費(fèi)者獲得輕閱讀的體驗(yàn)。五、保持常換常新移動(dòng)端店鋪的大部分消費(fèi)者具有年輕、時(shí)尚的特點(diǎn)。除了希望能夠快速、便捷地達(dá)到購(gòu)物目的以外，他們也容易接受新事物，追求刺激、新鮮感，而且充滿好奇心。移動(dòng)端店鋪視覺(jué)設(shè)計(jì)保持常換常新的狀態(tài)，不僅能夠滿足這部分消費(fèi)者對(duì)新奇事物的追求，也不會(huì)讓店鋪看起來(lái)像是無(wú)人運(yùn)營(yíng)一樣。當(dāng)然，這一切是建立在店鋪品牌設(shè)計(jì)風(fēng)格不變的基礎(chǔ)之上的。任務(wù)三電子數(shù)碼類商品店鋪首頁(yè)案例解析在對(duì)移動(dòng)端店鋪進(jìn)行視覺(jué)設(shè)計(jì)時(shí)，賣家應(yīng)注意保持色彩的鮮明感，因?yàn)橄M(fèi)者利用碎片化的時(shí)間進(jìn)行購(gòu)物時(shí)，往往希望獲得放松感，而過(guò)于沉悶的色彩搭配無(wú)法讓消費(fèi)者達(dá)到這一目的。這并不意味著移動(dòng)端店鋪的視覺(jué)設(shè)計(jì)只能采用明亮的色彩，實(shí)際上賣家也可以使用一些較為暗沉的色彩。例如，對(duì)于一些經(jīng)營(yíng)電子數(shù)碼類商品的店鋪而言，其所銷售的商品具有較濃的科技感與炫酷感，而這也可以成為店鋪品牌的定位。因此，店鋪可以采用象征深沉與神秘的黑色作為店鋪首頁(yè)的主色，從而突出商品與品牌所具備的科技特性。案例解析：見(jiàn)教材P129。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們了解了移動(dòng)端店鋪的設(shè)計(jì)標(biāo)準(zhǔn)，還掌握了移動(dòng)端店鋪視覺(jué)設(shè)計(jì)要點(diǎn)等。移動(dòng)端店鋪可以看作PC端店鋪的延續(xù)，在設(shè)計(jì)時(shí)更要牢牢把握“消費(fèi)者體驗(yàn)”這一關(guān)鍵點(diǎn)。移動(dòng)端店鋪一般是依托于智能手機(jī)的，而智能手機(jī)讓人與機(jī)器之間有了更加緊密的接觸與互動(dòng)，因此與設(shè)計(jì)移動(dòng)端的其他應(yīng)用軟件一樣，在設(shè)計(jì)移動(dòng)端店鋪時(shí)也要結(jié)合智能手機(jī)的特色，設(shè)計(jì)出交互體驗(yàn)更佳、友好度更高的界面，只有這樣才能贏得消費(fèi)者的喜愛(ài)。

項(xiàng)目九移動(dòng)端店鋪優(yōu)化設(shè)計(jì)教學(xué)內(nèi)容一、移動(dòng)端店鋪首頁(yè)優(yōu)化設(shè)計(jì)二、移動(dòng)端店鋪商品詳情頁(yè)優(yōu)化設(shè)計(jì)三、女裝店鋪移動(dòng)端首頁(yè)設(shè)計(jì)案例實(shí)操教學(xué)要求【知識(shí)目標(biāo)】1．掌握移動(dòng)端店鋪首頁(yè)優(yōu)化設(shè)計(jì)的方法。2．掌握移動(dòng)端店鋪商品詳情頁(yè)優(yōu)化設(shè)計(jì)的方法。3．掌握移動(dòng)端店鋪首頁(yè)的設(shè)計(jì)流程與方法?！灸芰δ繕?biāo)】1．能夠設(shè)計(jì)移動(dòng)端店鋪首頁(yè)。2．能夠設(shè)計(jì)移動(dòng)端店鋪商品詳情頁(yè)。【素養(yǎng)目標(biāo)】1．遵守誠(chéng)實(shí)信用原則，讓消費(fèi)者放心消費(fèi)。2．勿墨守成規(guī)，做好不同平臺(tái)的適配調(diào)整工作。教學(xué)重點(diǎn)1．移動(dòng)端店鋪首頁(yè)優(yōu)化設(shè)計(jì)2．移動(dòng)端店鋪商品詳情頁(yè)優(yōu)化設(shè)計(jì)3．女裝店鋪移動(dòng)端首頁(yè)設(shè)計(jì)案例實(shí)操教學(xué)難點(diǎn)1．移動(dòng)端店鋪首頁(yè)優(yōu)化設(shè)計(jì)2．移動(dòng)端店鋪商品詳情頁(yè)優(yōu)化設(shè)計(jì)教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)4課時(shí)教學(xué)內(nèi)容任務(wù)一移動(dòng)端店鋪首頁(yè)優(yōu)化設(shè)計(jì)一、自定義板塊1．輪播圖片優(yōu)化設(shè)計(jì)2．優(yōu)惠券優(yōu)化設(shè)計(jì)3．商品分類導(dǎo)航優(yōu)化設(shè)計(jì)二、商品分類展示板塊1．第一區(qū)：促銷商品或熱銷商品2．第二區(qū)：新品和應(yīng)季商品3．第三區(qū)、第四區(qū)等更多區(qū)域：根據(jù)店鋪需求設(shè)置任務(wù)二移動(dòng)端店鋪商品詳情頁(yè)優(yōu)化設(shè)計(jì)一、商品詳情頁(yè)設(shè)計(jì)的FABE原則簡(jiǎn)單來(lái)說(shuō)，F(xiàn)ABE原則是一種通過(guò)4個(gè)關(guān)鍵環(huán)節(jié)來(lái)滿足消費(fèi)者訴求，并巧妙地處理好消費(fèi)者關(guān)心的問(wèn)題，從而順利實(shí)現(xiàn)商品銷售的設(shè)計(jì)原則，具體表現(xiàn)為四個(gè)方面?！馞——特征（Features）●A——優(yōu)點(diǎn)（Advantages）●B——利益（Benefits）●E——證據(jù)（Evidence）在FABE原則的指導(dǎo)下，商品詳情頁(yè)設(shè)計(jì)需要滿足以下6點(diǎn)要求，使對(duì)商品的描述更加匹配網(wǎng)絡(luò)銷售環(huán)境，從而增強(qiáng)消費(fèi)者的購(gòu)買(mǎi)意愿。1．真實(shí)感2．邏輯感3．親切感4．對(duì)話感5．氛圍感6．正規(guī)感二、商品詳情頁(yè)的設(shè)計(jì)誤區(qū)在設(shè)計(jì)商品詳情頁(yè)時(shí)，要注意避免以下幾個(gè)誤區(qū)。1．密密麻麻的文字說(shuō)明2．過(guò)度進(jìn)行海報(bào)宣傳3．不控制商品圖片與關(guān)聯(lián)銷售商品圖片的數(shù)量三、根據(jù)消費(fèi)者的界面平均停留時(shí)間設(shè)計(jì)消費(fèi)者在移動(dòng)端界面中的平均停留時(shí)間一般較短，所以設(shè)計(jì)人員在設(shè)計(jì)移動(dòng)端的商品詳情頁(yè)時(shí)，必須做到簡(jiǎn)單、直截了當(dāng)。在PC端商品詳情頁(yè)的開(kāi)端可能會(huì)呈現(xiàn)“新品推薦”“搭配套餐”等信息，但這些信息在移動(dòng)端顯得不那么實(shí)用。在移動(dòng)端，設(shè)計(jì)人員必須在前三屏中對(duì)商品的賣點(diǎn)和其他重要信息進(jìn)行清晰地描述。因?yàn)檫^(guò)于煩瑣的關(guān)聯(lián)信息可能需要占用好幾屏的空間，每占用一屏的空間便會(huì)使消費(fèi)者多進(jìn)行一次滑動(dòng)操作，并且消費(fèi)者還有可能看不到與當(dāng)前商品相關(guān)的信息，從而失去對(duì)當(dāng)前商品的購(gòu)買(mǎi)興趣。任務(wù)三女裝店鋪移動(dòng)端首頁(yè)設(shè)計(jì)案例實(shí)操本任務(wù)結(jié)合前面所講的內(nèi)容為某女裝店鋪設(shè)計(jì)移動(dòng)端首頁(yè)，設(shè)計(jì)內(nèi)容包括輪播圖片、優(yōu)惠券、商品分類導(dǎo)航、商品分類展示等。要求設(shè)計(jì)的首頁(yè)能夠快速吸引消費(fèi)者、提高轉(zhuǎn)化率并優(yōu)化消費(fèi)者體驗(yàn)。設(shè)計(jì)方法：見(jiàn)教材P143。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們掌握了移動(dòng)端店鋪首頁(yè)與商品詳情頁(yè)優(yōu)化設(shè)計(jì)的方法、移動(dòng)端店鋪優(yōu)化設(shè)計(jì)的方法，以及移動(dòng)端店鋪首頁(yè)的設(shè)計(jì)流程與方法等。

項(xiàng)目十直播間視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、直播間畫(huà)面構(gòu)圖二、直播封面圖設(shè)計(jì)三、直播間裝修四、直播間貼片視覺(jué)設(shè)計(jì)案例教學(xué)要求【知識(shí)目標(biāo)】1．了解直播間畫(huà)面構(gòu)圖。2．掌握直播封面圖設(shè)計(jì)原則。3．掌握直播間裝修的技巧?！灸芰δ繕?biāo)】1．能夠根據(jù)需要設(shè)計(jì)直播封面圖。2．能夠?qū)χ辈ラg背景和貼片進(jìn)行視覺(jué)設(shè)計(jì)。【素養(yǎng)目標(biāo)】1．抵制低俗文化，用直播封面圖傳播美好生活。2．樹(shù)立版權(quán)意識(shí)，在進(jìn)行視覺(jué)設(shè)計(jì)時(shí)具備原創(chuàng)精神。教學(xué)重點(diǎn)1．直播間畫(huà)面構(gòu)圖2．直播封面圖設(shè)計(jì)3．直播間裝修4．直播間貼片視覺(jué)設(shè)計(jì)案例教學(xué)難點(diǎn)1．直播間裝修2．直播間貼片視覺(jué)設(shè)計(jì)案例教學(xué)方法講授法、案例法、實(shí)踐法課時(shí)數(shù)4課時(shí)教學(xué)內(nèi)容任務(wù)一直播間畫(huà)面構(gòu)圖直播間畫(huà)面主要可以分為直播間身份區(qū)、內(nèi)容展示區(qū)和互動(dòng)引導(dǎo)區(qū)3個(gè)部分。1．直播間身份區(qū)（1）直播間賬號(hào)名稱（2）直播間ID或編號(hào)（3）直播間標(biāo)簽或分類（4）實(shí)時(shí)觀看人數(shù)（5）直播間排名或熱度值2．內(nèi)容展示區(qū)（1）直播間背景（2）主播形象（3）貼片信息（4）福袋、紅包或優(yōu)惠券（5）商品實(shí)物（6）PPT、圖片、視頻等多媒體素材3．互動(dòng)引導(dǎo)區(qū)（1）點(diǎn)贊、分享、評(píng)論數(shù)（2）購(gòu)物車或購(gòu)買(mǎi)鏈接任務(wù)二直播封面圖設(shè)計(jì)一、直播封面圖尺寸要求直播封面圖不宜過(guò)大，也不能太小，保持清晰、美觀很重要。手機(jī)淘寶直播封面圖尺寸要求如下。手機(jī)淘寶直播頻道關(guān)注頁(yè)：寬高比為1∶1，一般為800像素×800像素，不能小于500像素×500像素。手機(jī)淘寶直播頻道精選頁(yè)：寬高比為3∶4。手機(jī)淘寶首頁(yè)：寬高比為9∶16。二、直播封面圖設(shè)計(jì)原則要想設(shè)計(jì)出優(yōu)質(zhì)的直播封面圖，設(shè)計(jì)人員需要遵循以下原則。1．符合直播主題2．美觀、清晰3．色彩適當(dāng)4．禁用合成圖5．避免含有不當(dāng)信息6．不要雷同三、使用AI制作直播封面圖作為創(chuàng)新的圖像處理與設(shè)計(jì)工具，美圖設(shè)計(jì)室的“AI試衣”與“人像背景”功能極大地簡(jiǎn)化了服裝展示圖的制作流程，尤其適用于直播封面圖的快速生成。本案例學(xué)習(xí)如何利用這兩個(gè)功能快速制作女式羽絨服直播封面圖。制作方法：見(jiàn)教材P156。任務(wù)三直播間裝修一、直播間背景視覺(jué)設(shè)計(jì)1．直播間背景設(shè)計(jì)要點(diǎn)（1）貼合主題（2）畫(huà)面簡(jiǎn)潔（3）光線柔和（4）合理布局（5）定期更換2．設(shè)置直播間背景案例操作：見(jiàn)教材P159。二、直播間貼片視覺(jué)設(shè)計(jì)1．直播間貼片的類型（1）主題氛圍貼片（2）主播信息貼片（3）營(yíng)銷信息貼片2．直播間貼片設(shè)計(jì)要點(diǎn)（1）適宜的大小與位置（2）鮮明的色彩對(duì)比（3）文字精練易讀3．設(shè)置優(yōu)惠券貼片案例操作：見(jiàn)教材P166。任務(wù)四直播間貼片視覺(jué)設(shè)計(jì)案例本案例結(jié)合前面所講的內(nèi)容為某家具店鋪設(shè)計(jì)年貨節(jié)促銷直播間貼片，要求設(shè)計(jì)的直播間貼片能夠精準(zhǔn)傳達(dá)活動(dòng)主題、凸顯優(yōu)惠信息，并通過(guò)可靠的購(gòu)物保障及濃厚的節(jié)日氛圍，有效吸引觀眾的注意力，并激發(fā)他們的購(gòu)買(mǎi)欲望。案例操作：見(jiàn)教材P168。歸納與提高通過(guò)本項(xiàng)目的學(xué)習(xí)，我們了解了直播間畫(huà)面構(gòu)圖，掌握了直播封面圖設(shè)計(jì)原則與直播間裝修的技巧等。在新媒體時(shí)代，直播已成為連接品牌與觀眾、促進(jìn)商品銷售、增強(qiáng)互動(dòng)的重要渠道。而直播間視覺(jué)設(shè)計(jì)，作為觀眾對(duì)直播間第一印象的塑造者，其重要性不言而喻。一個(gè)精心設(shè)計(jì)的直播間不僅能夠吸引觀眾的注意力，提升觀看體驗(yàn)，還能有效傳達(dá)品牌調(diào)性，增強(qiáng)觀眾的信任感，提高直播間銷售轉(zhuǎn)化率。項(xiàng)目十一商品短視頻視覺(jué)設(shè)計(jì)教學(xué)內(nèi)容一、初識(shí)商品短視頻二、拍攝商品短視頻三、制作商品主圖視頻四、制作商品詳情頁(yè)視頻教學(xué)要求【知識(shí)目標(biāo)】1．掌握拍攝商品短視頻的相關(guān)知識(shí)。2．掌握制作商品主圖視頻的方法。3．掌握制作商品詳情頁(yè)視頻的方法?！灸芰δ繕?biāo)】1．能夠根據(jù)多功能輔食攪拌棒主圖視頻制作案例進(jìn)行實(shí)戰(zhàn)練習(xí)。2．能夠根據(jù)陶砂鍋商品詳情頁(yè)視頻制作案例進(jìn)行實(shí)戰(zhàn)練習(xí)。【素養(yǎng)目標(biāo)】1．彰顯優(yōu)質(zhì)的服務(wù)態(tài)度，讓消費(fèi)者從商品短視頻中感受到品牌關(guān)懷。2．注重把控全局，用導(dǎo)演思維進(jìn)行商品短