第1章網(wǎng)店美工概述網(wǎng)店美工∣微課版∣1.1∣了解網(wǎng)店美工內(nèi)容導(dǎo)航1.2∣網(wǎng)店美工的工作流程1.3∣網(wǎng)店美工的常用工具課堂實訓(xùn)1.1∣了解網(wǎng)店美工1.1.1網(wǎng)店美工需具備的能力良好的溝通與團隊協(xié)作能力，確保高效配合與需求的準(zhǔn)確傳達(dá)。擁有扎實的美術(shù)基礎(chǔ)和審美眼光，能夠設(shè)計出引人注目的作品，提升網(wǎng)店和商品的吸引力。具備運營和營銷思維，懂得從運營、推廣、數(shù)據(jù)分析等角度思考，并將思考結(jié)果運用到設(shè)計中，提升網(wǎng)店中商品的點擊率，同時激發(fā)消費者的購買欲。網(wǎng)店美工可以通過優(yōu)秀的設(shè)計作品達(dá)到提升網(wǎng)店形象、突出商品特點、營造購物氛圍的效果，這需要網(wǎng)店美工具備以下能力。熟練使用各種設(shè)計與制作軟件，包括使用Photoshop和Illustrator進行圖片、頁面的設(shè)計與制作，使用Premiere和剪映進行視頻剪輯與制作等。1.1∣了解網(wǎng)店美工1.1.2?網(wǎng)店美工的工作范疇網(wǎng)店美工的工作圍繞網(wǎng)店展開，通常涉及以下5種工作范疇。1234設(shè)計網(wǎng)店頁面5裝修網(wǎng)店處理商品圖片設(shè)計與制作推廣圖制作商品視頻1.1∣了解網(wǎng)店美工1.1.3?網(wǎng)店美工需要遵循的設(shè)計原則網(wǎng)店美工在設(shè)計時需要遵循以下設(shè)計原則，以確保網(wǎng)店的視覺效果能夠吸引并留住消費者，提升消費者體驗。風(fēng)格統(tǒng)一01重視消費者體驗04簡潔明了02強化主題031.1∣了解網(wǎng)店美工內(nèi)容導(dǎo)航1.2∣網(wǎng)店美工的工作流程1.3∣網(wǎng)店美工的常用工具課堂實訓(xùn)

1.2∣網(wǎng)店美工的工作流程1.2.1考慮設(shè)計定位1．針對消費群體按性別劃分：男性消費者偏好簡潔、大氣、現(xiàn)代的設(shè)計風(fēng)格，傾向于色彩對比強烈、線條簡潔明了的設(shè)計，對商品的實用性和功能性也有較高要求。按年齡劃分：青年消費者喜歡時尚、前衛(wèi)、個性化的設(shè)計風(fēng)格，對新穎、獨特的設(shè)計元素感興趣，傾向于選擇能夠展現(xiàn)自我個性和態(tài)度的商品。按消費傾向劃分：理性消費者注重商品的性價比和實用性，偏好方便比較不同商品性能和價格的簡潔設(shè)計風(fēng)格，對促銷和優(yōu)惠活動較為敏感；感性消費者更注重商品的外觀設(shè)計和品牌形象，容易被獨特的視覺效果和情感體驗所吸引，傾向于選擇與自己有情感共鳴的商品。1.2∣網(wǎng)店美工的工作流程1.2.1考慮設(shè)計定位2．針對網(wǎng)店需求網(wǎng)店不同時間段的需求不同，如日常運營中，網(wǎng)店需要針對新上架的商品進行特別展示，以吸引消費者的注意力。而在開展網(wǎng)店活動或參加平臺活動時，網(wǎng)店則需要根據(jù)活動內(nèi)容設(shè)計與裝修相應(yīng)的頁面，以營造活動氛圍或突出活動信息。3．針對商品風(fēng)格商品都有其獨特的風(fēng)格和特點，網(wǎng)店美工可根據(jù)商品的風(fēng)格進行設(shè)計定位，以塑造出與商品風(fēng)格相一致的品牌形象。具體來說，首先要深入分析商品的風(fēng)格特點，包括但不限于商品的材質(zhì)、色彩、形狀、功能，針對的消費群體，代表的行為理念等。1.2∣網(wǎng)店美工的工作流程1.2.2搜集設(shè)計素材網(wǎng)店美工在確定設(shè)計定位后，便可搜集設(shè)計所需的素材，提升后期制作效率。常見的素材主要有圖片素材、視頻素材等，搜集這些素材的方式主要有網(wǎng)上搜集和實物拍攝。網(wǎng)上搜集：網(wǎng)上搜集是指在互聯(lián)網(wǎng)上通過素材網(wǎng)站（如千圖網(wǎng)、花瓣網(wǎng)等），搜索并下載需要的素材。但網(wǎng)上很多素材不能用于商業(yè)行為，因此要注意著作權(quán)問題。實物拍攝：實物拍攝是指從多個角度或采用不同的拍攝手法拍攝商品，以全面展示商品的外觀、細(xì)節(jié)和特點。某數(shù)碼家電網(wǎng)店拍攝的商品圖片1.2∣網(wǎng)店美工的工作流程1.2.3素材處理與設(shè)計完成素材的搜集后，網(wǎng)店美工就需要對素材進行簡單的處理，如裁剪不需要的區(qū)域、修復(fù)污點、調(diào)整色調(diào)、摳取素材等，以及運用處理好或搜集到的素材進行添加文字、形狀、線條等設(shè)計操作，從而得到完整的設(shè)計作品。處理與設(shè)計某數(shù)碼家電網(wǎng)店商品圖片后的效果1.2∣網(wǎng)店美工的工作流程1.2.4頁面設(shè)計網(wǎng)店美工除了設(shè)計單個圖片，還需要設(shè)計首頁、商品詳情頁、活動頁等頁面，設(shè)計時要注意各頁面的統(tǒng)一性和內(nèi)容的連貫性。奧克斯網(wǎng)店首頁和商品詳情頁的部分設(shè)計效果右圖所示為奧克斯網(wǎng)店首頁和商品詳情頁的部分設(shè)計效果，頁面清新、自然，很好地展示了商品的特點。1.2∣網(wǎng)店美工的工作流程1.2.5設(shè)計審核與效果調(diào)整網(wǎng)店美工完成設(shè)計后，還需要將設(shè)計效果交由上級主管或網(wǎng)店店主進行審核，審核內(nèi)容包含設(shè)計的效果是否符合網(wǎng)店需求，是否存在違禁詞，商品信息是否有誤，文字信息是否能準(zhǔn)確展現(xiàn)商品賣點等。審核完成后，網(wǎng)店美工還需要根據(jù)反饋調(diào)整效果。1.2∣網(wǎng)店美工的工作流程1.2.6切片處理與裝修審核通過后，就可以進行網(wǎng)店裝修。然而在網(wǎng)店裝修的過程中，首頁、商品詳情頁、活動頁都需通過不同板塊的拼接來展現(xiàn)。切片處理頁面裝修1.1∣了解網(wǎng)店美工內(nèi)容導(dǎo)航1.2∣網(wǎng)店美工的工作流程1.3∣網(wǎng)店美工的常用工具課堂實訓(xùn)

1.3∣網(wǎng)店美工的常用工具1.3.1PhotoshopAdobePhotoshop，簡稱“PS”，是由AdobeSystems公司開發(fā)和發(fā)行的圖像處理軟件，可用于對圖像進行調(diào)色、修飾、合成、特效制作等，讓圖像的色彩、細(xì)節(jié)更加豐富。Photoshop2020的操作界面Photoshop是網(wǎng)店美工的常用軟件，使用Photoshop可進行商品圖片的處理和網(wǎng)店頁面的設(shè)計。1.3∣網(wǎng)店美工的常用工具1.3.2IllustratorAdobeIllustrator，簡稱“AI”，是由AdobeSystems公司開發(fā)和發(fā)行的一款矢量圖繪制軟件。該軟件主要應(yīng)用于印刷出版、海報書籍排版、專業(yè)插畫、多媒體圖像處理和互聯(lián)網(wǎng)頁面制作等領(lǐng)域。Illustrator2020的操作界面網(wǎng)店美工一般使用Illustrator設(shè)計Logo、繪制矢量素材、搭建各類頁面結(jié)構(gòu)。1.3∣網(wǎng)店美工的常用工具1.3.3PremiereAdobePremierePro，簡稱“Premiere”，是由AdobeSystems公司開發(fā)的一款視頻編輯軟件，具有強大的剪輯、修剪、合成和特效制作功能。Premiere2020的操作界面網(wǎng)店美工可以使用Premiere剪輯、制作商品展示視頻和品牌宣傳視頻，更好地展示商品和品牌優(yōu)勢，吸引消費者關(guān)注。1.3∣網(wǎng)店美工的常用工具1.3.4剪映剪映是字節(jié)跳動旗下的深圳市臉萌科技有限公司推出的一款視頻剪輯工具，具有切割、變速、倒放、轉(zhuǎn)場、變聲、貼紙、濾鏡、字幕等功能。剪映專業(yè)版的操作界面除此之外，剪映還提供了視頻翻譯功能，可以幫助使用者自動翻譯視頻內(nèi)容，降低多語言場景視頻制作的成本。網(wǎng)店美工可以使用剪映進行視頻的編輯操作。1.3∣網(wǎng)店美工的常用工具1.3.5AIGC工具文心一言是百度全新一代知識增強大語言模型，能夠與人進行對話互動，同時回答用戶的問題。通過與用戶的交流，文心一言可以提供各種信息、知識和靈感，幫助用戶更高效地獲取所需的內(nèi)容。網(wǎng)店美工運用文心一言可以快速生成或編輯商品描述文案、促銷文案，提升工作效率。1．文心一言使用文心一言生成的廣告文案1.3∣網(wǎng)店美工的常用工具1.3.5AIGC工具文心一格是一款基于人工智能技術(shù)的藝術(shù)和創(chuàng)意輔助工具。網(wǎng)店美工不僅可以通過該工具的文生圖功能快速生成符合品牌風(fēng)格和商品特性的圖像，為商品詳情頁、廣告海報等設(shè)計作品的制作提供高質(zhì)量的視覺內(nèi)容；還可以通過該工具的風(fēng)格遷移功能將自己上傳的圖片與多種藝術(shù)風(fēng)格相結(jié)合，創(chuàng)造出獨特而富有藝術(shù)性的作品。2．文心一格文心一格的首頁同時，文心一格還提供了圖片編輯工具，方便網(wǎng)店美工對生成的圖片進行細(xì)節(jié)調(diào)整和優(yōu)化。1.3∣網(wǎng)店美工的常用工具1.3.5AIGC工具Midjourney是一款強大的AIGC繪畫工具，該工具可以根據(jù)網(wǎng)店美工輸入的關(guān)鍵詞，快速生成各種風(fēng)格的圖像，幫助網(wǎng)店美工在商品展示、品牌宣傳等方面找到新的視覺創(chuàng)意。3．MidjourneyMidjourney中文站的界面1.3∣網(wǎng)店美工的常用工具1.3.5AIGC工具4．VegaAIVegaAI的界面VegaAI是一款簡單易用的在線創(chuàng)作工具，具備圖片生成、風(fēng)格模型和視頻生成等多種功能，為網(wǎng)店美工提供了高效、便捷的創(chuàng)作體驗。1.3∣網(wǎng)店美工的常用工具1.3.5AIGC工具StableDiffusion是一款開放源代碼的AIGC圖像生成器，提供了大量的繪畫模型供用戶免費下載使用。網(wǎng)店美工可以自由探索、定制和擴展其功能，生成符合自己品牌風(fēng)格和需求的獨特圖像。5．StableDiffusion使用文心一言生成的廣告文案1.3∣網(wǎng)店美工的常用工具1.3.5AIGC工具佐糖是一款功能強大的AI圖像處理工具，具備在線摳圖、通用變清晰、黑白照片上色、模糊照片背景等多種實用功能。網(wǎng)店美工可以利用佐糖的各項功能快速處理大量的商品圖片。6．佐糖佐糖的圖片編輯工具界面1.1∣了解網(wǎng)店美工內(nèi)容導(dǎo)航1.2∣網(wǎng)店美工的工作流程1.3∣網(wǎng)店美工的常用工具課堂實訓(xùn)課堂實訓(xùn)——賞析唐朝來客生鮮旗艦店首頁實訓(xùn)背景唐朝來客生鮮旗艦店是一家生鮮品牌網(wǎng)店，隨著“6·18”活動的到來，該網(wǎng)店對首頁進行了全新設(shè)計（見右圖），以直觀、醒目的方式展示了“6·18”活動內(nèi)容，整個頁面力求通過視覺沖擊吸引消費者的注意力，并引導(dǎo)消費者購物。課堂實訓(xùn)——賞析唐朝來客生鮮旗艦店首頁實訓(xùn)要求本實訓(xùn)將從統(tǒng)一性、簡潔性、強化主題、重視消費者體驗等設(shè)計原則的角度分析唐朝來客生鮮旗艦店的首頁。實訓(xùn)思路（1）統(tǒng)一性分析。（2）簡潔性分析。（3）主題分析。（4）消費者體驗分析。謝謝觀看網(wǎng)店美工概述網(wǎng)店美工∣微課版∣海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應(yīng)有盡有教師免費申請樣書，我們將安排快遞迅速送達(dá)教學(xué)視頻、PPT課件、教學(xué)案例、習(xí)題答案、模擬試卷等豐富資源免費下載教師可以申請最低折扣學(xué)生直接優(yōu)惠購買圖書歡迎寫文章／投稿，我們強大的編輯團隊將為您提供專業(yè)和高效的編輯出版服務(wù)第2章網(wǎng)店美工必備的視覺設(shè)計知識網(wǎng)店美工∣微課版∣2.1∣色彩內(nèi)容導(dǎo)航2.2∣文字2.3∣文案2.4∣圖片布局與頁面風(fēng)格定位課堂實訓(xùn)2.1∣色彩2.1.1色彩構(gòu)成三要素——色相、明度、純度1．色相色相即色彩呈現(xiàn)出來的外觀面貌，也可以簡單理解為某種顏色的具體稱謂，如紅色、黃色、綠色、藍(lán)色等，如右圖所示。右圖所示的商品海報，其主色調(diào)是藍(lán)色，這是一種典型的冷色，代表著冷靜和寧靜。商品海報2.1∣色彩2.1.1色彩構(gòu)成三要素——色相、明度、純度2．明度除了色相外，明度也是影響色彩感受的一大因素。明度是指色彩的明亮程度，即有色物體由于反射光量的區(qū)別，而產(chǎn)生顏色的明暗強弱。如右圖所示。明度高的色彩明度低的色彩2.1∣色彩2.1.1色彩構(gòu)成三要素——色相、明度、純度3．純度純度也叫“飽和度”，是指色彩的純凈或者鮮艷程度（后文統(tǒng)稱為“飽和度”）。飽和度越高，顏色越鮮艷，視覺沖擊力越強。飽和度的高低取決于該顏色中含色成分和消色成分（灰色）的比例。如下圖所示。高飽和度的海報2.1∣色彩2.1.2常用的配色方案1．同色系配色方案同色系配色方案是指使用同一種色系中的不同飽和度或明度的色彩進行搭配，這樣搭配出的效果和諧、平衡性強。綠色系色彩搭配效果2.1∣色彩2.1.2常用的配色方案2．相鄰色配色方案在12色相環(huán)中，色彩分為紅、橙、黃、綠、藍(lán)、紫等12個區(qū)域，每個區(qū)域占據(jù)30°。黃配綠的相鄰色色彩搭配效果12色相環(huán)2.1∣色彩2.1.2常用的配色方案3．對比色配色方案對比色是指在色相環(huán)中相距120°到180°的顏色，如紅色和綠色、藍(lán)色和橙色、黃色與紫色。黃色搭配藍(lán)色的對比色色彩搭配效果綠、紅、黃橙三色色彩搭配效果4．三色配色方案在12色相環(huán)中選擇3個彼此間隔相等的顏色進行搭配，能夠帶來視覺上的平衡感，適用需要展示多種顏色但又不希望色彩過于雜亂的設(shè)計。2.1∣色彩2.1.2常用的配色方案5．中性色配色方案中性色配色方案即使用黑色、白色、灰色等中性色作為基礎(chǔ)色，搭配其他顏色。中性色具有很好的兼容性，可以與各種顏色搭配，營造出不同的氛圍。2.1∣色彩2.1.3色彩搭配技巧色彩搭配的黃金比例為70∶25∶5，其中占總版面70%的為主色，占25%的為輔助色，占5%的為點綴色。遵循色彩搭配黃金比例的應(yīng)用案例2.1∣色彩內(nèi)容導(dǎo)航2.2∣文字2.3∣文案2.4∣圖片布局與頁面風(fēng)格定位課堂實訓(xùn)2.2∣文字2.2.1文字的類型宋體：宋體筆畫纖細(xì)，較為優(yōu)雅，具有文藝氣息，常用于家裝類、服裝類等網(wǎng)店設(shè)計中。黑體：黑體筆畫橫平豎直，字形方正，具有濃烈的商業(yè)氣息，常用于店招、商品詳情頁、全屏海報等設(shè)計中。宋體黑體2.2∣文字2.2.1文字的類型書法體：書法體常指具有書法風(fēng)格的字體，其筆畫多變，富有歷史和文化屬性，常用于書籍類等具有古典氣息的網(wǎng)店中。美術(shù)體：美術(shù)體多指一些筆畫和結(jié)構(gòu)有特殊設(shè)計的字體，具有較強的獨特性和藝術(shù)性，可以提升網(wǎng)店格調(diào)，常用于商品名稱、品牌名稱、活動主題等文字設(shè)計中。書法體美術(shù)體2.2∣文字2.2.2文字的運用原則文字用于展現(xiàn)商品基本信息和傳遞網(wǎng)店需要表達(dá)的內(nèi)容，在網(wǎng)店頁面設(shè)計中占有舉足輕重的地位。遵循文字運用原則可以有效地提升網(wǎng)店頁面的質(zhì)量和效果，使其更具專業(yè)性和可讀性。清晰準(zhǔn)確01突出主題04層次分明02美觀易讀032.2∣文字2.2.3文字的對比技巧1．文字大小對比設(shè)置文字大小是文字排版中最基本的操作，一般來說，畫面空間有限，需要通過不同大小的文字來突出重要信息，同時對重要信息和次要信息進行區(qū)分。文字大小對比左圖所示的商品海報將文字“溫和保濕

密集補水”放大顯示，讓消費者一眼就看到商品賣點，其他文字則縮小顯示，避免喧賓奪主，這種方式非常適用于促銷或商品推廣。2.2∣文字2.2.3文字的對比技巧2．文字疏密對比文字疏密是指文字之間的間距，包括文字與文字之間、文字與段落之間的距離等。文字疏密對比2.2∣文字2.2.3文字的對比技巧3．文字方向?qū)Ρ任淖衷诋嬅嬷械呐虐娣较蚩梢灾苯佑绊懴M者的視覺感受。如果將不同的信息進行不同方向的呈現(xiàn)，可以有效增加畫面的動感和空間感。不同文字方向?qū)Ρ?.2∣文字2.2.3文字的對比技巧4．文字樣式對比不同的文字樣式具有不同的視覺特點，在網(wǎng)店設(shè)計中，可以運用不同的文字樣式來突出主題或傳達(dá)特定的文字信息。文字樣式對比2.1∣色彩內(nèi)容導(dǎo)航2.2∣文字2.3∣文案2.4∣圖片布局與頁面風(fēng)格定位課堂實訓(xùn)

2.3∣文案2.3.1文案的重要性文案不僅是商品信息的傳遞者，也是品牌與消費者情感交流的紐帶。一則精心編寫的文案，可以極大地提升商品的吸引力，激發(fā)消費者的購買欲望，進而促進銷售。突出賣點01精準(zhǔn)營銷02提高品牌知名度032.3∣文案2.3.2寫作文案的前期準(zhǔn)備進行文案編寫之前，充分的前期準(zhǔn)備工作是不可或缺的。1234確定文案主題5策劃視覺表現(xiàn)確定文案類型分析消費群體分析同行信息2.3∣文案2.3.3文案的寫作主圖作為吸引消費者注意的首要內(nèi)容，在寫作其文案時不但要展現(xiàn)商品的關(guān)鍵信息，還需要迎合消費者的心理，刺激消費者產(chǎn)生購買欲望。123突出賣點數(shù)字化呈現(xiàn)體現(xiàn)促銷信息1．主圖文案的寫作2.3∣文案2.3.3文案的寫作商品詳情頁文案的寫作，可從以下3個角度展開。2．商品詳情頁文案的寫作激發(fā)興趣刺激需求增加信任0102032.3∣文案2.3.3文案的寫作海報是商品營銷過程中的一個重要道具，它直接連接商品和消費者，通過視覺傳達(dá)商品信息，提高消費者對商品的認(rèn)知，從而激發(fā)他們的購買欲望。海報文案的主要組成部分包括標(biāo)題、賣點、商品信息、促銷信息等。3．海報文案的寫作海報文案2.3∣文案2.3.4文案寫作的注意事項如果文案只是為了創(chuàng)意而寫作，會導(dǎo)致內(nèi)容過于天馬行空，失去應(yīng)有的價值和實用性。在文案寫作時還應(yīng)注意以下問題?！?/p>

避免重復(fù)：當(dāng)同質(zhì)商品較多時，應(yīng)盡量避免使用一樣的文案，要挖掘每個商品的特點，創(chuàng)作出具有獨特個性的文案?！?/p>

避免語句過長：為迅速引起消費者的閱讀興趣，應(yīng)將需要重點表達(dá)的關(guān)鍵詞放在文案前面，并且在保留核心信息的基礎(chǔ)上，通過刪減字?jǐn)?shù)、調(diào)換句式?！?/p>

避開敏感詞：避免使用《中華人民共和國廣告法》中規(guī)定的違禁詞和敏感詞。2.1∣色彩內(nèi)容導(dǎo)航2.2∣文字2.3∣文案2.4∣圖片布局與頁面風(fēng)格定位課堂實訓(xùn)

2.4∣圖片布局與頁面風(fēng)格定位2.4.1常規(guī)圖片布局方式兩欄式：把整個畫面分為左右兩個部分，根據(jù)需求可以文案在左，商品在右；也可以文案在右，商品在左。三欄式：把整個畫面分為左中右3個部分，文案在兩邊，中間放置模特兒或商品圖像；或左右兩邊為商品，中間為文案。在圖片布局的過程中，文案與商品的排版尤為重要，一般呈現(xiàn)為以下幾種方式。三欄式布局示例兩欄式布局示例2.4∣圖片布局與頁面風(fēng)格定位2.4.1常規(guī)圖片布局方式上下式：把整個畫面分為上下兩個部分，可以文案在上，商品在下；也可以文案在下，商品在上。中心式：在畫面中心位置安排主要元素，如商品圖片或促銷文案。對角線式：將畫面主體物安排在畫面的斜對角位置，這樣既能有效利用畫面對角線的長度，又能使主體物和陪襯物產(chǎn)生直接關(guān)系，使畫面更具有動感，還能達(dá)到突出主題的目的。對角線式布局示例中心式布局示例示例上下式布局示例2.4∣圖片布局與頁面風(fēng)格定位2.4.2常見頁面風(fēng)格極簡風(fēng)：極簡風(fēng)追求的是“少即是多”的設(shè)計理念，強調(diào)簡潔、明了和功能性?？蓯埏L(fēng)：可愛風(fēng)以明亮、鮮艷的色彩和卡通元素為主，營造出一種輕松、活潑的氛圍，通常用大量的粉色調(diào)、圓角和卡通圖案，給人一種可愛、甜美的感覺。頁面風(fēng)格在一定程度上可以影響網(wǎng)店流量和商品銷量。以下是常見的一些頁面風(fēng)格。可愛風(fēng)極簡風(fēng)2.4∣圖片布局與頁面風(fēng)格定位2.4.2常見頁面風(fēng)格科技風(fēng)：科技風(fēng)以現(xiàn)代、前衛(wèi)、科技感為主，強調(diào)未來感和創(chuàng)新感。立體風(fēng)：立體風(fēng)注重空間的層次感和立體感，從光影、透視和材質(zhì)等方面，營造出一種立體、生動的效果。立體風(fēng)科技風(fēng)復(fù)古風(fēng)：復(fù)古風(fēng)具有獨特的古典韻味，容易讓消費者產(chǎn)生一種戀舊情懷。復(fù)古風(fēng)2.1∣色彩內(nèi)容導(dǎo)航2.2∣文字2.3∣文案2.4∣圖片布局與頁面風(fēng)格定位課堂實訓(xùn)課堂實訓(xùn)——賞析甘福園旗艦店首頁實訓(xùn)背景甘福園旗艦店是一家經(jīng)營鮮果蔬菜的天貓網(wǎng)店，其商品種類豐富，包括芒果、荔枝、火龍果、葡萄、橘子、山竹等。右圖所示為甘福園旗艦店的“6·18”活動首頁，通過打造清爽的視覺效果體現(xiàn)了果蔬新鮮、清新的賣點，并將活動中的各類主推商品展示給消費者。課堂實訓(xùn)——賞析甘福園旗艦店首頁實訓(xùn)要求本實訓(xùn)要求從色彩、文字、文案和頁面風(fēng)格等角度鑒賞甘福園旗艦店首頁，以學(xué)習(xí)其設(shè)計方法。實訓(xùn)思路（1）色彩賞析。（2）文字賞析。（3）文案賞析。（4）頁面風(fēng)格賞析。謝謝觀看網(wǎng)店美工必備的視覺設(shè)計知識網(wǎng)店美工∣微課版∣海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應(yīng)有盡有教師免費申請樣書，我們將安排快遞迅速送達(dá)教學(xué)視頻、PPT課件、教學(xué)案例、習(xí)題答案、模擬試卷等豐富資源免費下載教師可以申請最低折扣學(xué)生直接優(yōu)惠購買圖書歡迎寫文章／投稿，我們強大的編輯團隊將為您提供專業(yè)和高效的編輯出版服務(wù)第3章圖片調(diào)色網(wǎng)店美工∣微課版∣3.1∣調(diào)整商品圖片的光影內(nèi)容導(dǎo)航3.2∣調(diào)整商品圖片的色調(diào)課堂實訓(xùn)3.1∣調(diào)整商品圖片的光影3.1.1調(diào)整曝光不足的商品圖片由于拍攝條件有限，音響商品圖片存在曝光不足的問題，需要提高商品圖片的明暗度和對比度，增加曝光度。其具體操作如下。01打開素材文件02調(diào)整色階03調(diào)整亮度和對比度04調(diào)整后的效果（1）3.1∣調(diào)整商品圖片的光影3.1.1調(diào)整曝光不足的商品圖片05設(shè)置曝光度06調(diào)整后的效果（2）07設(shè)置圖層參數(shù)08調(diào)整后的效果（3）3.1∣調(diào)整商品圖片的光影3.1.2調(diào)整曝光過度的商品圖片拍攝的桌面小風(fēng)扇商品圖片存在曝光過度的問題，導(dǎo)致視覺效果過亮、發(fā)白，因此需要降低圖片的亮度和曝光度，增加商品主體的輪廓細(xì)節(jié)。其具體操作如下。01打開素材文件02調(diào)整曝光度03調(diào)整曝光度后的效果3.1∣調(diào)整商品圖片的光影3.1.2調(diào)整曝光過度的商品圖片05調(diào)整自然飽和度07調(diào)整色階04調(diào)整亮度/對比度06調(diào)整亮度/對比度和自然飽和度后的效果08調(diào)整色階后的效果3.1∣調(diào)整商品圖片的光影3.1.2調(diào)整曝光過度的商品圖片10調(diào)整后的效果09設(shè)置參數(shù)12完成后的效果11設(shè)置圖層混合模式和不透明度3.1∣調(diào)整商品圖片的光影3.1.3調(diào)整逆光的商品圖片由于在光線較強烈的下午拍攝，商品圖片出現(xiàn)逆光、細(xì)節(jié)不清晰的問題，需要提高逆光部分的對比度，以突出商品主體。其具體操作如下。02設(shè)置亮度和對比度01打開素材文件03調(diào)整陰影/高光3.1∣調(diào)整商品圖片的光影3.1.3調(diào)整逆光的商品圖片05繪制路徑并將其轉(zhuǎn)換為選區(qū)04調(diào)整陰影/高光后的效果06調(diào)整曲線07繪制選區(qū)08調(diào)整亮度/對比度09調(diào)整色階3.1∣調(diào)整商品圖片的光影3.1.3調(diào)整逆光的商品圖片11設(shè)置圖層混合模式和不透明度10修補圖像3.1∣調(diào)整商品圖片的光影內(nèi)容導(dǎo)航3.2∣調(diào)整商品圖片的色調(diào)課堂實訓(xùn)3.2∣調(diào)整商品圖片的色調(diào)3.2.1調(diào)出暖色調(diào)商品圖片拍攝的投影儀商品圖片偏紫色，視覺效果偏冷。其具體操作如下。01打開素材文件02設(shè)置純色03設(shè)置填充顏色04設(shè)置圖層混合模式3.2∣調(diào)整商品圖片的色調(diào)3.2.1調(diào)出暖色調(diào)商品圖片07調(diào)整圖層位置和不透明度08完成后的效果05設(shè)置照片濾鏡參數(shù)06設(shè)置圖層參數(shù)3.2∣調(diào)整商品圖片的色調(diào)3.2.2調(diào)出冷色調(diào)商品圖片移動電源商品圖片的色調(diào)為暖色調(diào)，為了體現(xiàn)出商品圖的質(zhì)感，可在保持商品本身色彩不變的基礎(chǔ)上，將色調(diào)調(diào)整為冷色調(diào)。其具體操作如下。01打開素材文件02調(diào)整后的效果03復(fù)制圖層后的效果04設(shè)置綠色參數(shù)3.2∣調(diào)整商品圖片的色調(diào)3.2.2調(diào)出冷色調(diào)商品圖片05設(shè)置青色參數(shù)06設(shè)置后的效果07設(shè)置色彩平衡參數(shù)08完成后的效果3.2∣調(diào)整商品圖片的色調(diào)3.2.3校正偏色商品圖片由于光源的原因，拍攝的風(fēng)扇顏色呈粉色，但其實際顏色為黃色，為了避免消費者被色彩誤導(dǎo)，需要校正偏色圖片，使其恢復(fù)原本的色彩。其具體操作如下。01打開素材文件02繪制路徑并將其轉(zhuǎn)換為選區(qū)03調(diào)整色彩平衡3.2∣調(diào)整商品圖片的色調(diào)3.2.3校正偏色商品圖片04調(diào)整后的效果05調(diào)整“藍(lán)”曲線06完成后的效果3.1∣調(diào)整商品圖片的光影內(nèi)容導(dǎo)航3.2∣調(diào)整商品圖片的色調(diào)課堂實訓(xùn)課堂實訓(xùn)——實訓(xùn)1：調(diào)整砂糖橘商品圖片光影實訓(xùn)背景某生鮮網(wǎng)店近期拍攝的砂糖橘商品圖片，整體光影灰暗，視覺效果不佳，不具備吸引力，需要調(diào)整該商品圖片的光影。實訓(xùn)要求打開砂糖橘素材文件，原始效果如右圖所示。對砂糖橘商品圖片的光影進行調(diào)整，提升砂糖橘的亮度和對比度，使圖片更加美觀，從而能夠吸引消費者購買。參考效果如右圖所示。課堂實訓(xùn)——實訓(xùn)1：調(diào)整砂糖橘商品圖片光影實訓(xùn)思路（1）打開“砂糖橘.jpg”素材文件，按【Ctrl+J】組合鍵復(fù)制圖層。（2）選擇【圖像】/【調(diào)整】/【色階】命令，打開“色階”對話框，在“陰影”“中間調(diào)”“高光”的數(shù)值框中分別輸入“0”“1.20”“210”，單擊”確定“按鈕，發(fā)現(xiàn)圖片已經(jīng)變亮。（3）選擇【圖像】/【調(diào)整】/【亮度/對比度】命令，打開“亮度/對比度”對話框，在“亮度”“對比度”右側(cè)的數(shù)值框中分別輸入“24”“27”，單擊”確定“按鈕。（4）選擇【圖像】/【調(diào)整】/【自然飽和度】命令，打開“自然飽和度”對話框，在“自然飽和度”“飽和度”右側(cè)的數(shù)值框中分別輸入“0”“30”，單擊”確定“按鈕。（5）返回圖像編輯區(qū)，可發(fā)現(xiàn)砂糖橘的明暗度有了明顯變化，并且其暗部也有了細(xì)節(jié)。課堂實訓(xùn)——實訓(xùn)2：校正偏色的西紅柿商品圖片實訓(xùn)背景西紅柿商品圖片由于拍攝時使用的光線過黃，造成色彩偏黃，與商品的實際顏色不符，需要進行校正。實訓(xùn)要求打開西紅柿素材文件，原始效果如右圖所示。對西紅柿的偏色部分進行校正，使圖片效果更加符合實物，參考效果如右圖所示。課堂實訓(xùn)——實訓(xùn)2：校正偏色的西紅柿商品圖片實訓(xùn)思路（1）打開“西紅柿.jpg”素材文件，發(fā)現(xiàn)圖片整體色調(diào)偏黃，按【Ctrl+J】組合鍵復(fù)制圖層。（2）選擇【圖像】/【調(diào)整】/【色相/飽和度】命令，打開“色相/飽和度”對話框，在“色相”數(shù)值框中輸入“-11”，單擊”確定“按鈕。（3）選擇【圖像】/【調(diào)整】/【曲線】命令，打開“曲線”對話框，在“通道”下拉列表中選擇“綠”選項。（4）在“通道”下拉列表中選擇“紅”選項，將鼠標(biāo)指針移動到曲線編輯框中的曲線上。（5）在“通道”下拉列表中選擇“RGB”選項，將鼠標(biāo)指針移動到曲線編輯框中的曲線上，單擊創(chuàng)建控制點并將其向上拖曳，提升亮度，單擊”確定“按鈕。（6）完成后按【Ctrl+S】組合鍵保存文件（配套資源:\效果文件\第3章\西紅柿.psd）。謝謝觀看圖片調(diào)色網(wǎng)店美工∣微課版∣海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應(yīng)有盡有教師免費申請樣書，我們將安排快遞迅速送達(dá)教學(xué)視頻、PPT課件、教學(xué)案例、習(xí)題答案、模擬試卷等豐富資源免費下載教師可以申請最低折扣學(xué)生直接優(yōu)惠購買圖書歡迎寫文章／投稿，我們強大的編輯團隊將為您提供專業(yè)和高效的編輯出版服務(wù)第4章圖片修飾與合成網(wǎng)店美工∣微課版∣4.1∣修改商品圖片構(gòu)圖內(nèi)容導(dǎo)航4.2∣優(yōu)化商品圖片畫面4.3∣豐富圖片內(nèi)容

4.4∣摳取并合成商品圖片課堂實訓(xùn)4.1∣修改商品圖片構(gòu)圖4.1.1修改商品圖片尺寸手機商品圖片需要作為主圖使用，因此要將其尺寸修改為800像素

×800像素，并且要能直觀地展示手機的整體外觀。其具體操作如下。01打開素材文件02選擇裁剪比例03調(diào)整裁剪區(qū)域04裁剪后的效果4.1∣修改商品圖片構(gòu)圖4.1.2裁剪商品圖片細(xì)節(jié)為了展示平板保護殼的材質(zhì)，增加消費者對商品的信任，可裁剪平板保護殼頂部的細(xì)節(jié)部分作為主圖。其具體操作如下。01打開素材文件02框選裁剪區(qū)域03裁剪框04裁剪后的效果4.1∣修改商品圖片構(gòu)圖4.1.3糾正傾斜的商品圖片空氣凈化器商品圖片存在拍攝角度或拍攝姿勢的問題，導(dǎo)致畫面傾斜，需要進行糾正，使其恢復(fù)正常。其具體操作如下。01打開素材文件02調(diào)整裁剪控制點03糾正后的效果04選擇裁剪比例05裁剪后的效果4.1∣修改商品圖片構(gòu)圖內(nèi)容導(dǎo)航4.2∣優(yōu)化商品圖片畫面4.3∣豐富圖片內(nèi)容

4.4∣摳取并合成商品圖片課堂實訓(xùn)4.2∣優(yōu)化商品圖片畫4.2.1提高商品圖片清晰度加濕器商品圖片存在灰暗、模糊、輪廓不清晰的情況，很難體現(xiàn)該商品的輪廓和細(xì)節(jié)，因此需要通過調(diào)整圖片清晰度，解決這些問題。其具體操作如下。01打開素材文件02去色處理效果03設(shè)置高反差保留參數(shù)4.2∣優(yōu)化商品圖片畫4.2.1提高商品圖片清晰度04設(shè)置圖層混合模式及效果展示05復(fù)制圖層效果06調(diào)整色階及效果展示4.2∣優(yōu)化商品圖片畫4.2.2清除商品圖片中的污漬隨身聽商品圖片中有部分污漬，需要將其清除，使其恢復(fù)原本的樣子。其具體操作如下。01打開素材文件02為污漬創(chuàng)建選區(qū)03設(shè)置內(nèi)容識別填充4.2∣優(yōu)化商品圖片畫4.2.2清除商品圖片中的污漬04查看污漬被清除后的效果05修補圖像06完成污漬的清除4.2∣優(yōu)化商品圖片畫4.2.3虛化商品圖片背景由于藍(lán)牙音響商品圖片中的背景太過于突出，喧賓奪主，搶奪視線，需要對藍(lán)牙音響的背景進行虛化處理，并增加背景的亮度，使藍(lán)牙音響商品主體更加美觀、突出。其具體操作如下。01打開素材文件并復(fù)制圖層02涂抹背景（1）03創(chuàng)建選區(qū)4.2∣優(yōu)化商品圖片畫4.2.3虛化商品圖片背景04銳化圖片05涂抹背景（2）06設(shè)置復(fù)制的圖層參數(shù)及效果展示4.1∣修改商品圖片構(gòu)圖內(nèi)容導(dǎo)航4.2∣優(yōu)化商品圖片畫面4.3∣豐富圖片內(nèi)容4.4∣摳取并合成商品圖片課堂實訓(xùn)4.3∣豐富圖片內(nèi)容4.3.1添加與美化文字手機充電頭商品圖片需要體現(xiàn)商品的賣點信息，可考慮在商品圖片的上方添加文字內(nèi)容。其具體操作如下。03修改首段文字格式01打開素材文件02輸入文字4.3∣豐富圖片內(nèi)容4.3.1添加與美化文字06完成效果04調(diào)整其他段落文字格式05居中對齊文字4.3∣豐富圖片內(nèi)容4.3.2添加形狀與圖案在制作空氣凈化器海報時，可考慮在背景上添加形狀和圖案，用于凸顯主要的文字信息。其具體操作如下。02輸入文字并調(diào)整（1）01添加素材03繪制矩形并移動圖層04輸入文字并調(diào)整（2）4.3∣豐富圖片內(nèi)容4.3.2添加形狀與圖案06繪制圓形05設(shè)置圖層樣式07輸入文字并調(diào)整（3）08繪制直線09繪制三角形4.3∣豐富圖片內(nèi)容4.3.2添加形狀與圖案10導(dǎo)入形狀11選擇形狀12繪制形狀13最終效果4.1∣修改商品圖片構(gòu)圖內(nèi)容導(dǎo)航4.2∣優(yōu)化商品圖片畫面4.3∣豐富圖片內(nèi)容4.4∣摳取并合成商品圖片課堂實訓(xùn)4.4∣摳取并合成商品圖片4.4.1摳取單色背景的商品圖片并合成耳機商品圖片的背景過于單調(diào)，為了提高耳機的美觀性，可將耳機摳取出來，再替換到其他背景中。其具體操作如下。01創(chuàng)建選區(qū)02使用多邊形套索工具添加選區(qū)03使用磁性套索工具添加選區(qū)04設(shè)置羽化半徑4.4∣摳取并合成商品圖片4.4.1摳取單色背景的商品圖片并合成05替換背景06設(shè)置投影07最終效果4.4∣摳取并合成商品圖片4.4.2復(fù)雜商品圖片摳圖與合成拍攝的榨汁機商品圖片背景不太美觀，可將榨汁機摳取出來，添加到其他背景圖片中，添加說明信息，合成完整的宣傳海報。其具體操作如下。02繪制路徑03完成路徑創(chuàng)建01打開素材文件04調(diào)整路徑4.4∣摳取并合成商品圖片4.4.2復(fù)雜商品圖片摳圖與合成06拖曳榨汁機選區(qū)到背景并調(diào)整位置和大小07設(shè)置圖層參數(shù)05設(shè)置羽化半徑08最終效果4.4∣摳取并合成商品圖片4.4.3摳取半透明商品圖片并合成制作手機膜海報時，手機膜商品圖片是半透明的，需要在不影響手機膜通透性特點的同時，保證其輪廓清晰。其具體操作如下。01打開素材文件03將選區(qū)儲存為通道02繪制路徑4.4∣摳取并合成商品圖片4.4.3摳取半透明商品圖片并合成06添加摳取好的手機膜05查看摳取的手機膜效果04計算通道07最終效果4.1∣修改商品圖片構(gòu)圖內(nèi)容導(dǎo)航4.2∣優(yōu)化商品圖片畫面4.3∣豐富圖片內(nèi)容4.4∣摳取并合成商品圖片課堂實訓(xùn)課堂實訓(xùn)——實訓(xùn)1：修改冰鮮魚商品圖片尺寸實訓(xùn)背景某生鮮網(wǎng)店需要上新一款冰鮮魚，但拍攝的商品圖片不符合主圖規(guī)范，為此網(wǎng)店需要對冰鮮魚商品圖片進行處理。實訓(xùn)要求修改冰鮮魚商品圖片的尺寸為800像素

×800像素，并且修改后的效果要能直觀地展示冰鮮魚商品。右圖所示為冰鮮魚商品原圖，右圖所示為修改后的效果。課堂實訓(xùn)——實訓(xùn)1：修改冰鮮魚商品圖片尺寸實訓(xùn)思路（1）打開“冰鮮魚.jpg”素材文件（配套資源:\素材文件\第4章\冰鮮魚.jpg）。（2）在工具箱中選擇“裁剪工具”后，在工具屬性欄中的“比例”下拉列表中選擇“1∶1（方形）”選項。（3）此時圖像編輯區(qū)中將顯示1∶1的裁剪框，拖曳裁剪框中的圖片，調(diào)整裁剪區(qū)域。（4）按【Enter】鍵確定裁剪的操作。（5）選擇【圖像】/【圖像大小】命令，打開“圖像大小”對話框，設(shè)置“寬度”為“800”，此時高度將根據(jù)寬度自動進行調(diào)整，完成后單擊“確定”按鈕，完成尺寸的調(diào)整。最后保存文件。課堂實訓(xùn)——實訓(xùn)2：優(yōu)化菠蘿商品圖片畫面實訓(xùn)背景某菠蘿商品圖片中有多余的枇杷，為了凸顯主題，需要先去除畫面中多余的枇杷，再對整體色調(diào)進行調(diào)整。實訓(xùn)要求右圖所示為菠蘿商品原圖，要求先去除畫面中多余的枇杷，然后提升其亮度、對比度，保證商品圖片的清晰、美觀。完成后的效果如右圖所示。課堂實訓(xùn)——實訓(xùn)2：優(yōu)化菠蘿商品圖片畫面實訓(xùn)思路（1）打開“菠蘿.jpg”素材文件，按【Ctrl+J】組合鍵復(fù)制圖層。（2）選擇“修補工具”，框選右側(cè)的枇杷，并將其向左拖曳，即可對畫面進行修復(fù)。（3）使用“污點修復(fù)畫筆工具”，在去除枇杷后的區(qū)域進行涂抹，去除殘留的黃色污點。（4）打開“調(diào)整”面板，單擊“亮度/對比度”按鈕

，打開“亮度/對比度”調(diào)整面板，設(shè)置“亮度”“對比度”分別為“80”“-22”。（5）打開“調(diào)整”面板，單擊“色相/飽和度”按鈕

，打開“色相/飽和度”調(diào)整面板，設(shè)置“色相”“飽和度”“明度”分別為“-10”“-10”“0”。（6）完成后保存文件（配套資源:\效果文件\第4章\菠蘿.psd），并查看完成后的效果。課堂實訓(xùn)——實訓(xùn)3：摳取沃柑并合成沃柑焦點圖實訓(xùn)背景近期沃柑大量上市，某生鮮網(wǎng)店順勢開售該商品，現(xiàn)準(zhǔn)備制作一張沃柑商品的焦點圖，來展示沃柑的賣點。但是拍攝的沃柑商品圖片不太美觀，需要進行處理使其符合需求。實訓(xùn)要求沃柑商品的原圖背景過于單調(diào)，考慮先將沃柑摳取出來，然后將其運用到提供的背景圖中，再輸入文字，并繪制形狀，以豐富圖片內(nèi)容。右圖所示為沃柑商品的原始圖片，右圖所示為處理后的參考效果。課堂實訓(xùn)——實訓(xùn)3：摳取沃柑并合成沃柑焦點圖實訓(xùn)思路（1）打開“沃柑.jpg”素材文件（配套資源:\素材文件\第4章\沃柑.jpg）。選擇“魔棒工具”，在工具屬性欄中設(shè)置“容差”為“10”，然后在沃柑的背景處單擊，再按【Ctrl+Shift+I】組合鍵反向選擇選區(qū)，此時可發(fā)現(xiàn)沃柑被選擇。（2）打開“沃柑焦點圖背景.jpg”素材文件（配套資源:\素材文件\第4章\沃柑焦點圖背景.jpg）。切換到“沃柑.jpg”素材文件，使用“移動工具”拖曳沃柑選區(qū)到沃柑焦點圖背景中，調(diào)整大小和位置。（3）選擇“橫排文字工具”，在工具屬性欄中設(shè)置“字體”為“思源黑體CN”，“字體樣式”為“Bold”，“顏色”為“#ff6d0b”，在沃柑上方輸入“新鮮沃柑”“當(dāng)季水果推薦”文字，調(diào)整文字大小和位置。課堂實訓(xùn)——實訓(xùn)3：摳取沃柑并合成沃柑焦點圖實訓(xùn)思路（4）新建圖層，選擇“鋼筆工具”，設(shè)置工具模式為“路徑”，在文字的右側(cè)繪制形狀，按【Ctrl+Enter】組合鍵將繪制的路徑轉(zhuǎn)換為選區(qū)，并填充為“#b0ce49”顏色。（5）選擇“橫排文字工具”，在工具屬性欄中設(shè)置“字體”為“思源黑體CN”，“字體樣式”為“Bold”，“顏色”為“#fdf7f0”，在形狀上方輸入“一件8折起”文字，調(diào)整文字大小和位置，并旋轉(zhuǎn)文字，使其傾斜顯示。（6）新建圖層，選擇“鋼筆工具”，設(shè)置工具模式為“路徑”，在“一件8折起”文字下方繪制路徑，按【Ctrl+Enter】組合鍵將繪制的路徑轉(zhuǎn)換為選區(qū)，并填充為“#b0ce49”顏色。（7）完成后保存文件（配套資源:\效果文件\第4章\沃柑焦點圖.psd）。謝謝觀看圖片修飾與合成網(wǎng)店美工∣微課版∣海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應(yīng)有盡有教師免費申請樣書，我們將安排快遞迅速送達(dá)教學(xué)視頻、PPT課件、教學(xué)案例、習(xí)題答案、模擬試卷等豐富資源免費下載教師可以申請最低折扣學(xué)生直接優(yōu)惠購買圖書歡迎寫文章／投稿，我們強大的編輯團隊將為您提供專業(yè)和高效的編輯出版服務(wù)第5章主圖和推廣圖設(shè)計與制作網(wǎng)店美工∣微課版∣5.1∣主圖設(shè)計與制作

內(nèi)容導(dǎo)航5.2∣關(guān)鍵詞推廣圖設(shè)計與制作

5.3∣人群推廣圖設(shè)計與制作課堂實訓(xùn)5.1∣主圖設(shè)計與制作5.1.1常見的主圖類型單色背景主圖：單色背景主圖是天貓、京東等平臺較為常規(guī)的一種主圖類型。場景化主圖：場景化主圖是指將商品展示在真實的使用環(huán)境中，如右圖所示。單色背景主圖場景化主圖制作主圖時需要先確定主圖的類型，然后根據(jù)類型的特點進行設(shè)計與制作。5.1∣主圖設(shè)計與制作5.1.1常見的主圖類型賣點式主圖：商品賣點包括商品突出的功能、作用、特點及促銷優(yōu)惠等，是消費者十分關(guān)注的信息。組合式主圖：組合式是指將一個商品的多個細(xì)節(jié)或同系列的多個商品組合在一張主圖中展示。賣點式主圖組合式主圖5.1∣主圖設(shè)計與制作5.1.2主圖的設(shè)計技巧突出核心賣點：明確商品的核心特色或優(yōu)勢，并通過圖片和文案直接傳達(dá)給消費者。具有創(chuàng)意性：運用創(chuàng)新思維，以新穎、有趣的方式展示商品。突出核心賣點具有創(chuàng)意性消費者在瀏覽主圖時速度一般都較快，因此如何讓主圖脫穎而出成功吸引到消費者是制作優(yōu)質(zhì)圖的關(guān)鍵。以下是主圖的常用設(shè)計技巧。5.1∣主圖設(shè)計與制作5.1.2主圖的設(shè)計技巧商品大小適中：確保商品在主圖中占據(jù)合適的比例，既不過于擁擠也不過于空曠。簡化信息：避免在主圖中添加過多的文案或圖片元素，以免分散消費者的注意力。商品大小適中使用高質(zhì)量圖片簡使用高質(zhì)量圖片：選擇高清、高質(zhì)的圖片來展示商品，確保圖片質(zhì)量符合電商平臺的要求。簡化信息5.1∣主圖設(shè)計與制作5.1.3商品主圖設(shè)計規(guī)范尺寸規(guī)范：淘寶PC端主圖的尺寸是800像素

×800像素；移動端豎向主圖的長寬比一般為2∶3，常見尺寸為800像素

×1200像素。京東平臺的主圖尺寸為800像素

×800像素。拼多多平臺的主圖尺寸為740像素

×352像素。數(shù)量規(guī)范：在拼多多平臺上，商品的主圖包括1個主圖視頻和10張主圖圖片。首張主圖會在搜索頁面中顯示，因此需要重點制作；而第2～5張主圖內(nèi)容為商品；第6～10張主圖內(nèi)容為消費者對商品的評價。主圖規(guī)范主要包括尺寸規(guī)范和數(shù)量規(guī)范，設(shè)計時應(yīng)該根據(jù)平臺、網(wǎng)店類目、商品特點來抉擇。5.1∣主圖設(shè)計與制作5.1.4制作藍(lán)牙音響主圖為一款藍(lán)牙音響制作PC端主圖，采用組合式主圖，展示藍(lán)牙音響的參數(shù)信息，并使用文案體現(xiàn)藍(lán)牙音響的賣點、價格和優(yōu)惠。其具體操作如下。01設(shè)置漸變顏色02繪制矩形03繪制漸變圓04設(shè)置圓圖層5.1∣主圖設(shè)計與制作5.1.4制作藍(lán)牙音響主圖05設(shè)置圓圖層效果06添加并調(diào)整素材07設(shè)置高斯模糊參數(shù)5.1∣主圖設(shè)計與制作5.1.4制作藍(lán)牙音響主圖08設(shè)置漸變效果09繪制漸變矩形10繪制漸變橢圓11設(shè)置內(nèi)陰影參數(shù)5.1∣主圖設(shè)計與制作5.1.4制作藍(lán)牙音響主圖12繪制形狀（1）13投影效果14繪制橢圓5.1∣主圖設(shè)計與制作5.1.4制作藍(lán)牙音響主圖15添加音響素材并調(diào)整16繪制音響投影17設(shè)置色階參數(shù)18繪制圓角矩形5.1∣主圖設(shè)計與制作5.1.4制作藍(lán)牙音響主圖19繪制形狀（2）20刪除選區(qū)效果21設(shè)置描邊參數(shù)22設(shè)置不透明度后的效果5.1∣主圖設(shè)計與制作5.1.4制作藍(lán)牙音響主圖23繪制形狀（3）24輸入文字后的效果25設(shè)置曲線參數(shù)26最終效果5.1∣主圖設(shè)計與制作內(nèi)容導(dǎo)航5.2∣關(guān)鍵詞推廣圖設(shè)計與制作5.3∣人群推廣圖設(shè)計與制作課堂實訓(xùn)5.2∣關(guān)鍵詞推廣圖設(shè)計與制作5.2.1關(guān)鍵詞推廣圖的設(shè)計要點主題簡潔精確：主題要緊扣消費者訴求，簡潔精確，為了便于消費者閱讀，主題的字?jǐn)?shù)應(yīng)盡量控制在8個字以內(nèi)。構(gòu)圖合理：關(guān)鍵詞推廣圖的構(gòu)圖要符合消費者從左至右、從上至下、先中間后兩邊的視覺流程，圖文搭配比例要恰當(dāng)，顏色搭配需和諧。關(guān)鍵詞推廣圖與主圖一樣，顯示在搜索結(jié)果頁面，尺寸一般為800像素

×800像素，其視覺設(shè)計側(cè)重于單個商品的信息傳遞或銷售訴求，肩負(fù)著為商品引流的重任，既要有很好的視覺效果，也要介紹并宣傳商品。網(wǎng)店美工在制作關(guān)鍵詞推廣圖時應(yīng)遵循以下設(shè)計要點。具有吸引力：使用獨特的拍攝手法、簡潔的文案，以及商品與道具的精美搭配，使關(guān)鍵詞推廣圖產(chǎn)生與眾不同的設(shè)計效果。5.2∣關(guān)鍵詞推廣圖設(shè)計與制作5.2.2制作吸塵器關(guān)鍵詞推廣圖某數(shù)碼家電網(wǎng)店準(zhǔn)備對一款吸塵器商品進行推廣，需要制作該商品的關(guān)鍵詞推廣圖。其具體操作如下。01繪制矩形02調(diào)整錨點03繪制墻角的另一邊04添加素材并調(diào)整5.2∣關(guān)鍵詞推廣圖設(shè)計與制作5.2.2制作吸塵器關(guān)鍵詞推廣圖05填充前景色08繪制圓角矩形07制作并調(diào)整投影06設(shè)置高斯模糊參數(shù)5.2∣關(guān)鍵詞推廣圖設(shè)計與制作5.2.2制作吸塵器關(guān)鍵詞推廣圖09繪制矩形并創(chuàng)建

剪貼蒙版后的效果11繪制圓角矩形并修改文字顏色10輸入文字并調(diào)整12設(shè)置漸變疊加參數(shù)5.2∣關(guān)鍵詞推廣圖設(shè)計與制作5.2.2制作吸塵器關(guān)鍵詞推廣圖13粘貼圖層樣式15最終效果14選擇“透視”命令5.1∣主圖設(shè)計與制作內(nèi)容導(dǎo)航5.2∣關(guān)鍵詞推廣圖設(shè)計與制作

5.3∣人群推廣圖設(shè)計與制作課堂實訓(xùn)5.3∣人群推廣圖設(shè)計與制作5.3.1人群推廣圖的尺寸規(guī)范與設(shè)計要點主體突出：人群推廣圖中須有商品主體，不得出現(xiàn)無實物主體、純文字素材描述。營銷目標(biāo)明確：投放人群推廣圖的營銷目標(biāo)很多，如上新、引流，預(yù)熱大型活動，以及品牌形象宣傳等。人群推廣圖雖然尺寸多樣，如800像素

×800像素、800像素

×1200像素、513像素

×750像素、750像素

×1000像素，但設(shè)計要點一致，具體如下。形式美觀：形式美觀的人群推廣圖更能獲得消費者好感，從而提高點擊率。內(nèi)容易識別：人群推廣圖應(yīng)盡量使用簡短、精練的文字來描述廣告內(nèi)容，避免冗長和復(fù)雜的句子。5.3∣人群推廣圖設(shè)計與制作5.3.2人群推廣圖的布局方式人群推廣圖在設(shè)計時是有結(jié)構(gòu)和層次的，不同的布局將呈現(xiàn)不同的視覺焦點。人群推廣圖的常用布局方式主要有以下8種。兩欄式三欄式正反三角形式上下式垂直式斜切式漸次式放射式5.3∣人群推廣圖設(shè)計與制作5.3.3制作智能手表人群推廣圖制作智能手表人群推廣圖，要求尺寸為800像素

×1200像素，采用上下式布局方式，上方為文字說明，下方為商品展示，整個效果采用藍(lán)色為主色調(diào)，主體突出，效果美觀，具有識別性。具體操作步驟如下。01添加素材并調(diào)整03調(diào)整色彩后的效果02設(shè)置色彩平衡04添加手表素材文件5.3∣人群推廣圖設(shè)計與制作5.3.3制作智能手表人群推廣圖05輸入文字06設(shè)置描邊參數(shù)07設(shè)置投影參數(shù)08最終效果5.1∣主圖設(shè)計與制作內(nèi)容導(dǎo)航5.2∣關(guān)鍵詞推廣圖設(shè)計與制作

5.3∣人群推廣圖設(shè)計與制作課堂實訓(xùn)課堂實訓(xùn)——實訓(xùn)1：制作千禧果主圖實訓(xùn)背景在當(dāng)前快速發(fā)展的電商市場中，消費者對生鮮商品的需求日益增長，那些新鮮、健康、品質(zhì)上乘的農(nóng)產(chǎn)品更是備受消費者青睞。為了滿足這一市場需求，某生鮮網(wǎng)店決定推出一款新鮮千禧果的促銷活動，旨在通過優(yōu)質(zhì)的商品和優(yōu)惠的價格，吸引更多消費者關(guān)注和購買。實訓(xùn)要求制作千禧果主圖時，要求參考賣點式主圖，展示千禧果的參數(shù)信息，并使用文案體現(xiàn)千禧果的賣點和價格的優(yōu)惠，參考效果如右圖所示。課堂實訓(xùn)——實訓(xùn)1：制作千禧果主圖實訓(xùn)思路（1）新建大小為“800像素

×800像素”、分辨率為“72像素/英寸”、名稱為“千禧果主圖”的文件。（2）在工具箱中選擇“橢圓工具”，在工具屬性欄中設(shè)置“填充”為“#e3f5c7”。（3）選擇大橢圓所在圖層，按【Ctrl+J】組合鍵復(fù)制圖層。再次選擇“橢圓工具”，在工具屬性欄中設(shè)置“填充”為“無”。（4）選擇“自定形狀工具”，在工具屬性欄中單擊“填充”右側(cè)的下拉按鈕，在打開的下拉列表中單擊“漸變”按鈕

，設(shè)置漸變顏色為“#b6d08e”～“#f4fce7”。（5）打開“千禧果.png”素材文件（配套資源:\素材文件\第5章\千禧果.png），將其拖曳到圓中。課堂實訓(xùn)——實訓(xùn)1：制作千禧果主圖實訓(xùn)思路（6）雙擊千禧果所在圖層，打開“圖層樣式”對話框，勾選“投影”復(fù)選框，設(shè)置“顏色”為“#82a946”，“角度”為“102”，“距離”為“10”。（7）新建圖層，選擇“鋼筆工具”，在主圖左上角繪制路徑。（8）再次新建圖層，選擇“鋼筆工具”，在主圖左上角的圖層上方繪制路徑。（9）選擇“橫排文字工具”，在主圖左上角形狀內(nèi)