網(wǎng)店美工設計（項目式全彩微課版）PPT全套完整教學課件

本章簡介：隨著移動互聯(lián)網(wǎng)的發(fā)展以及消費結構的升級，電子商務行業(yè)亦趨向成熟，同時行業(yè)對于電商設計從業(yè)人員的要求也產(chǎn)生了變化，因此想要從事電商設計行業(yè)的人員需要系統(tǒng)地學習與更新自己的知識體系。本章對網(wǎng)店美工的基礎知識和網(wǎng)店裝修的常用軟件、風格定位、頁面構成、設計要點以及基本流程進行系統(tǒng)講解。通過本章的學習，讀者可以對電商設計有一個宏觀的認識，有助于高效便利地進行后續(xù)的電商設計工作。項目1走進網(wǎng)店美工世界學習引導

知識目標能力目標素質目標學習目標1.認識網(wǎng)店美工的基礎知識。2.了解網(wǎng)店裝修的常用軟件。3.熟悉網(wǎng)店裝修的風格定位。4.明確網(wǎng)店裝修的基本流程。1.熟練網(wǎng)店裝修的軟件操作。2.能夠劃分網(wǎng)店裝修的頁面內容。3.掌握網(wǎng)店裝修的設計要點。提高對網(wǎng)店美工專業(yè)知識的基本興趣。任務1.1認識網(wǎng)店美工的基礎知識任務引入任務知識任務實施：調研網(wǎng)店美工的基礎知識1.1.1任務引入本任務通過掌握網(wǎng)店美工的相關概念了解網(wǎng)店美工，并通過網(wǎng)絡調研進一步認識網(wǎng)店美工。1.1.2任務知識1.網(wǎng)店美工的概念網(wǎng)店美工是指對淘寶、天貓商城以及京東商城等平臺上的網(wǎng)店，進行頁面美化工作的專業(yè)人員。有別于傳統(tǒng)的平面設計師，網(wǎng)店美工不僅需要熟練掌握各種圖像處理軟件、熟悉網(wǎng)店頁面設計與布局，還需要了解商品的特點，準確判斷目標消費者的需求，這樣才能提升商品轉化率。1.1.2任務知識：網(wǎng)頁設計的相關應用2.網(wǎng)店美工的工作網(wǎng)店美工的工作內容非常具有針對性，主要圍繞自身服務的網(wǎng)店展開相關工作。與傳統(tǒng)平面美工相比，網(wǎng)店美工的工作內容要求普遍較高，主要工作內容包括拍攝美化商品、設計裝修網(wǎng)店、設計促銷活動以及運營推廣商品等。拍攝美化商品設計裝修網(wǎng)店輪播海報1.1.2任務知識：網(wǎng)頁設計的相關應用3.網(wǎng)店美工的技能一名優(yōu)秀的網(wǎng)店美工需要具備四個方面的能力：一是圖像處理與設計能力，二是視頻拍攝與編輯能力，三是代碼認識與編輯能力，四是商品策劃與推廣能力。1.1.3任務實施：調研網(wǎng)店美工的基礎知識百度百科首頁百度百科檢索頁啟動瀏覽器，打開百度百科官網(wǎng)，在搜索框中輸入關鍵詞“網(wǎng)店美工”，單擊右側的搜索按鈕或按Enter鍵，進入檢索頁面。任務1.2了解網(wǎng)店裝修的常用軟件任務引入任務知識：網(wǎng)店裝修的常用軟件任務實施：使用軟件進行基礎的操作1.2.1任務引入本任務通過新建文件熟練掌握“新建”命令；通過打開圖像熟練掌握“打開”命令；通過保存文件熟練掌握“保存”命令；通過關閉圖像熟練掌握“關閉”命令。1.2.2任務知識：網(wǎng)店裝修的常用軟件進行網(wǎng)店裝修的常用軟件包括視覺設計、視頻編輯以及代碼編輯這三類。1.2.3任務實施：使用軟件進行基礎的操作（1）新建文件啟動AdobePhotoshop軟件，選擇“文件>新建”命令，或按Ctrl+N組合鍵，彈出“新建”對話框。在對話框中可以設置新建的圖像名稱、寬度和高度、分辨率、顏色模式等選項，設置完成后單擊“確定”按鈕，即可完成新建圖像。“新建”對話框新建圖像1.2.3任務實施：使用軟件進行基礎的操作（2）打開圖像如果要對照片或圖片進行修改和處理，就要在PhotoshopCC中打開需要的圖像。選擇“文件>打開”命令，或按Ctrl+O組合鍵，彈出“打開”對話框，在對話框中搜索路徑和文件，確認文件類型和名稱，通過PhotoshopCC提供的預覽圖標選擇文件，然后單擊“打開”按鈕，即可打開所指定的圖像文件。預覽文件打開文件1.2.3任務實施：使用軟件進行基礎的操作（3）保存文件編輯和制作完圖像后，就需要將圖像進行保存，以便于下次打開繼續(xù)操作。選擇“文件>存儲”命令，可以存儲文件。當設計好的作品進行第一次存儲時，選擇“文件>存儲”命令，將彈出“存儲為”對話框，在對話框中輸入文件名、選擇文件格式后，單擊“保存”按鈕，即可將圖像保存?！按鎯椤睂υ捒?.2.3任務實施：使用軟件進行基礎的操作（4）關閉圖像圖像存儲完畢后，可以選擇將其關閉。選擇“文件>關閉”命令，或按Ctrl+W組合鍵，即可關閉文件。關閉圖像時，若當前文件被修改過或是新建的文件，則會彈出提示框，單擊“是”按鈕即可存儲并關閉圖像。關閉圖像提示框任務1.3熟悉網(wǎng)店裝修的風格定位任務引入任務知識：網(wǎng)店裝修的風格趨勢

任務實施：收集不同風格的店鋪頁面1.3.1任務引入到淘寶、天貓和京東等各大網(wǎng)店平臺收集扁平化、立體化和插畫風等不同風格的店鋪截圖，熟悉網(wǎng)店裝修的風格。1.3.2任務知識：網(wǎng)店裝修的風格趨勢1.扁平化以扁平化為主的電商設計頁面通過字體、圖形和色彩等不同方面的元素打造出清晰的視覺層次，使得頁面具有較強的可讀性。雙11預售頁面設計1.3.2任務知識：網(wǎng)店裝修的風格趨勢2.立體化以立體化為主的電商設計頁面通過運用Cinema4D與OctaneRender搭配進行建模渲染，進而呈現(xiàn)出別具一格的畫面效果，使得頁面立體生動。Glico格力高2019年雙11預售頁面設計1.3.2任務知識：網(wǎng)店裝修的風格趨勢3.插畫風以插畫風為主的電商設計頁面通過運用手繪筆觸繪制出各種富有個性化的形象，使得頁面豐富有趣。李子柒2019年雙11預售頁面設計1.3.3任務實施：收集不同風格的店鋪頁面輸入關鍵詞（1）啟動360安全瀏覽器，打開淘寶官網(wǎng)，在搜索框中輸入關鍵詞“電視”，單擊右側的搜索按鈕或按Enter鍵，進入搜索頁面

。1.3.3任務實施：收集不同風格的店鋪頁面將鼠標指針放置在需要瀏覽的店鋪名稱上（2）在頁面中將鼠標指針放置在需要瀏覽的店鋪名稱上。單擊鼠標，打開官網(wǎng)頁面。打開官網(wǎng)1.3.3任務實施：收集不同風格的店鋪頁面選擇“保存完整網(wǎng)頁為圖片”命令（3）瀏覽整個頁面后，在瀏覽器的工具選項中選擇“保存完整網(wǎng)頁為圖片”命令。在彈出的“另存為”對話框中設置文件名和保存格式，單擊“確定”按鈕，將網(wǎng)頁作為圖片格式保存。設置文件名和保存格式任務1.4劃分網(wǎng)店裝修的頁面內容任務引入任務知識任務實施：劃分店鋪頁面的頁面內容1.4.1任務引入本任務通過劃分店鋪的首頁，熟練掌握店鋪首頁頁面構成；通過劃分店鋪的詳情頁，熟練掌握店鋪詳情頁頁面構成。1.4.2任務知識1.店鋪首頁的頁面構成在PC端中，首頁通常由店招、輪播海報、優(yōu)惠券、分類導航、商品展示和底部信息組成。在無線端中，首頁除了尺寸的變化，頁面構成與PC端幾乎相同。部分店鋪會根據(jù)商家需求，可自行選擇加入文字標題、店鋪熱搜、排行榜和逛逛更多等模塊。PC端首頁頁面構成無線端首頁頁面構成1.4.2任務知識2.店鋪詳情頁的頁面構成在PC端中，詳情頁通常由主圖、左側區(qū)域以及詳情區(qū)域組成。在無線端中，詳情頁除了尺寸的變化，頁面構成與PC端相比缺少了左側區(qū)域。PC端詳情頁頁面構成無線端詳情頁頁面構成1.4.3任務實施：劃分店鋪頁面的頁面內容原圖像劃分首頁（1）使用“直線段”工具和“文字”工具劃分網(wǎng)店的首頁。1.4.3任務實施：劃分店鋪頁面的頁面內容原圖像劃分詳情頁（2）使用“矩形”工具和“文字”工具劃分網(wǎng)店的詳情頁。任務1.5掌握網(wǎng)店裝修的設計要點任務引入任務知識任務實施：標出鉆展圖片的設計要點1.5.1任務引入本任務通過標記設計圖片的基礎元素，熟練掌握基礎元素在網(wǎng)店裝修中的應用；通過標記設計圖片的基礎色彩，熟練掌握基礎色彩在網(wǎng)店裝修中的應用；通過標記設計圖片的字體類型，熟練掌握不同字體在網(wǎng)店裝修中的應用；通過標記設計圖片的版式構圖，熟練掌握版式構圖在網(wǎng)店裝修中的應用。1.5.2任務知識1.基礎元素點、線、面是設計構成中的三大基本元素，網(wǎng)店美工人員在設計時，將三者結合使用，可以營造出豐富的畫面效果。規(guī)則點的應用曲線的應用幾何形面的應用1.5.2任務知識2.色彩搭配網(wǎng)店的色彩可以帶給消費者強烈的沖擊力，網(wǎng)店美工人員在設計時，應圍繞主色、輔助色和點綴色運用科學的搭配方法，打造出色彩協(xié)調、顏色舒適的畫面。色彩搭配基礎色彩搭配方法1.5.2任務知識3.文字設計文字是設計中重要的組成部分，與色彩相得益彰。網(wǎng)店美工人員在設計時，應選擇符合畫面風格的字體并調整合適的字號、間距以及行距。下面對文字設計進行詳細地講解。文字設計1.5.2任務知識4.版式構圖不同的版式構圖會給消費者帶來不同的視覺感受，網(wǎng)店美工人員在設計時，應使用合理的構圖方式構造統(tǒng)一協(xié)調的畫面。左右構圖上下構圖居中構圖對角線構圖分別使用“橢圓”工具、“直線段”工具和“文字”工具標記鉆展圖片的基礎色彩，包括主色、點綴色和輔助色。標記鉆展圖片的字體類型，包括美術體和黑體。1.5.3任務實施：標出鉆展圖片的設計要點標出鉆展圖片的設計要點使用相同的方法，分別使用“矩形”工具，“圓角矩形”工具，“橢圓”工具，“直線段”工具和“文字”工具標記鉆展圖片的基礎元素，包括點、線和面。標記鉆展圖片的版式構圖為居中構圖。上下構圖1.5.3任務實施：標出鉆展圖片的設計要點標出鉆展圖片的設計要點任務1.6明確網(wǎng)店裝修的基本流程任務引入任務知識：網(wǎng)店裝修的基本流程任務實施：收集女性護膚的相關素材1.6.1任務引入本任務通過到花瓣網(wǎng)收集女性護膚品的素材，明確網(wǎng)店裝修的基本流程。1.6.2任務知識：網(wǎng)店裝修的基本流程網(wǎng)店裝修的基本流程為需求分析、素材收集、視覺設計、審核修改、完稿切圖和上傳裝修這六大步驟。需求分析素材收集視覺設計上傳裝修完稿切圖審核修改1.6.3任務實施：收集女性護膚的相關素材啟動瀏覽器，打開花瓣網(wǎng)官網(wǎng)，單擊右側的“登錄/注冊”按鈕，在彈出的對話框中選擇登錄方式并登錄。在搜索框中輸入關鍵詞“化妝品素材”，按Enter鍵，進入搜索頁面。單擊頁面左上角的“畫板”選項，選擇需要的類別。單擊“關注”按鈕，收藏需要的畫板?；ò昃W(wǎng)官網(wǎng)收藏畫板本章簡介：商品圖片的美化處理是網(wǎng)店美工的首要工作任務，其常用的美化圖片處理方法有裁剪、摳圖、調色以及修圖等。通過美化后的商品能夠為消費者帶來更好的購買欲望，從而提升銷售。本章針對商品圖片美化處理的基礎知識進行系統(tǒng)講解，并針對不同情景以及典型行業(yè)的商品圖片進行任務演練。通過本章的學習，讀者可以對商品圖片的美化處理有一個系統(tǒng)的認識，并快速掌握商品圖片的美化原則和處理方法，為接下來的設計打下基礎。項目2美化處理商品圖片學習引導

知識目標能力目標素質目標學習目標1.掌握裁剪的處理基礎。2.掌握摳圖的處理基礎。

3.掌握調色的處理基礎。4.掌握修圖的處理基礎。1.了解商品圖片的美化原則。2.掌握商品圖片的處理方法。1.培養(yǎng)對商品圖片的審美鑒賞能力。2.培養(yǎng)對商品圖片的美化創(chuàng)意能力。任務分解6.調整偏色圖片7.使圖片更出色8.讓圖片更清晰9.修復圖像瑕疵10.復制取樣圖像1.裁剪校正角度傾斜的圖片2.裁剪校正透視變形的商品3.多邊形套索工具摳圖4.魔棒工具摳圖5.鋼筆工具摳圖任務2.1裁剪校正角度傾斜的圖片任務引入任務知識：裁剪工具任務實施：裁剪校正鈣片圖片2.1.1任務引入本任務通過裁剪校正角度傾斜的圖片，熟練掌握“裁剪”工具的使用。2.1.2任務知識：裁剪工具單擊“裁剪”工具，其屬性欄狀態(tài)如圖所示。選擇預設長寬比和裁剪尺寸設置裁剪框的長寬比切換高度和寬度的數(shù)值清除所有設置拉直圖像設置其他裁剪選項設置疊加選項“裁剪”工具2.1.3任務實施：裁剪校正鈣片圖片將光標放在裁剪框的右上角，光標會變?yōu)殡p向箭頭圖標，按住鼠標左鍵拖曳控制手柄，可以調整裁剪框的大小。對已經(jīng)繪制出的矩形裁剪框可以進行旋轉，將光標放在裁剪框角的控制手柄外邊，光標會變?yōu)樾D圖標，單擊并按住鼠標左鍵旋轉裁剪框。在矩形裁剪框內雙擊或按Enter鍵，即可完成圖像的裁剪。原圖像裁剪后的圖像任務2.2裁剪校正透視變形的圖片任務引入任務知識：透視裁剪工具任務實施：裁剪校正手提包圖片2.2.1任務引入本任務通過裁剪校正透視變形的圖片，熟練掌握“透視裁剪”工具的使用。2.2.2任務知識：透視裁剪工具單擊“透視裁剪”工具，其屬性欄狀態(tài)如圖所示。設置裁剪圖像高度和寬度的數(shù)值切換高度和寬度的數(shù)值設置裁剪圖像的分辨率使用頂層圖像中的數(shù)值清除所有設置“透視裁剪”工具2.2.3任務實施：裁剪校正手提包圖片選擇“透視裁剪”工具，在圖像中按住鼠標左鍵，拖曳一個裁切區(qū)域。松開鼠標，在所需圖片周圍形成裁剪框，以方便準確裁剪透視圖像。按住Shift鍵的同時，分別向中間拖曳裁剪框左上角和右上角的控制節(jié)點到適當位置，使網(wǎng)格與所需調整圖形相對平行。按Enter鍵確定操作，即可完成圖像的裁剪。原圖像裁剪后的圖像任務2.3多邊形套索工具摳圖任務引入任務知識：多邊形套索工具

任務實施：多邊形套索工具摳化妝品2.3.1任務引入本任務通過使用多邊形套索工具摳圖，熟練掌握“多邊形套索”工具的使用。2.3.2任務知識：多邊形套索工具單擊“多邊形套索”工具，其屬性欄狀態(tài)如圖所示。軟化選區(qū)的邊平滑邊緣轉換創(chuàng)建或調整選區(qū)“多邊形套索”工具2.3.3任務實施：多邊形套索工具摳化妝品選擇“多邊形套索”工具，沿著圖像邊緣繪制選區(qū)。按Ctrl＋C組合鍵，復制選區(qū)中的圖像。按Ctrl＋N組合鍵，在彈出的“新建文檔”對話框中進行設置，單擊“創(chuàng)建”按鈕，新建文檔。在新建的圖像窗口中，按Ctrl＋V組合鍵，粘貼復制的圖像，多邊形套索工具摳圖完成。摳圖后的圖像原圖像任務2.4魔棒工具摳圖任務引入任務知識：魔棒工具任務實施：魔棒工具摳耳機2.4.1任務引入本任務通過使用魔棒工具摳圖，熟練掌握“魔棒”工具的使用。2.4.2任務知識：魔棒工具單擊“魔棒”工具，其屬性欄狀態(tài)如圖所示。工具取樣的最大像素數(shù)目設置顏色取樣時的范圍平滑邊緣轉換只對連續(xù)像素取樣自動從圖像中最突出的對象創(chuàng)建選區(qū)創(chuàng)建或調整選區(qū)“魔棒”工具2.4.3任務實施：魔棒工具摳耳機選擇“魔棒”工具，在屬性欄中單擊“添加到選區(qū)”按鈕，將“容差“選項的數(shù)值設為30。在圖像灰色背景區(qū)域單擊鼠標建立選區(qū)。按Shift+Ctrl+I組合鍵，將選區(qū)反向選擇。按Ctrl＋C組合鍵，復制選區(qū)中的圖像。按Ctrl＋N組合鍵，在彈出的“新建文檔”對話框中進行設置，單擊“創(chuàng)建”按鈕，新建文檔。在新建的圖像窗口中，按Ctrl＋V組合鍵，粘貼復制的圖像，單色背景摳圖完成。原圖像調整后圖像任務2.5鋼筆工具摳圖任務引入任務知識：鋼筆工具任務實施：鋼筆工具摳沙發(fā)2.5.1任務引入本任務通過使用鋼筆工具摳圖，熟練掌握“鋼筆”工具的使用。2.5.2任務知識：鋼筆工具單擊“鋼筆”工具，其屬性欄狀態(tài)如圖所示。選擇工具模式設置形狀填充類型設置形狀描邊類型設置形狀描邊寬度設置形狀寬度及高度路徑操作路徑對齊方式路徑排列方式設置其他鋼筆和路徑選項當位于路徑上時自動添加或刪除錨點“鋼筆”工具2.5.3任務實施：鋼筆工具摳沙發(fā)選擇“鋼筆”工具，將屬性欄中的“選擇工具模式”選項設為“路徑”，沿著椅子邊緣單擊生成錨點，繼續(xù)沿著椅子邊緣繪制閉合路徑。按Ctrl＋Enter組合鍵，將路徑轉換為選區(qū)。按Ctrl＋C組合鍵，復制選區(qū)中的圖像。按Ctrl＋N組合鍵，在彈出的“新建文檔”對話框中進行設置，單擊“創(chuàng)建”按鈕，新建文檔。在新建的圖像窗口中，按Ctrl＋V組合鍵，粘貼復制的圖像，鋼筆工具摳圖完成。摳圖后圖像原圖像任務2.6調整偏色圖片任務引入任務知識：可選顏色任務實施：調整高跟鞋圖片顏色2.6.1任務引入本任務通過調整偏色圖片，熟練掌握“可選顏色”命令的使用。2.6.2任務知識：可選顏色選擇“圖像>調整>可選顏色”命令，彈出“可選顏色”對話框，可通過設置對話框中的各選項調整偏色圖片?？蛇x顏色2.6.3任務實施：調整高跟鞋圖片顏色原圖像調整后圖像選擇“圖像>調整>可選顏色”命令，彈出“可選顏色”對話框，調整“可選顏色”對話框中的各選項，調整后圖像的效果如圖所示。任務2.7使圖片更出色任務引入任務知識：色相/飽和度任務實施：使相機圖片更出色2.7.1任務引入本任務通過使圖片更出色，熟練掌握“色相/飽和度”命令的使用。2.7.2任務知識：色相/飽和度選擇“圖像>調整>色相/飽和度”命令，彈出“色相/飽和度”對話框，可通過設置對話框中的各選項調整圖片色調。色相/飽和度2.7.3任務實施：使相機圖片更出色選擇“圖像>調整>色相/飽和度”命令，彈出“色相/飽和度”對話框，進行設置。單擊“確定”按鈕，圖像效果如圖所示。原圖像調整后圖像“色相/飽和度”對話框任務2.8讓圖片更清晰任務引入任務知識：銳化工具任務實施：讓飾品圖片更清晰2.8.1任務引入本任務通過讓圖片更清晰，熟練掌握“銳化”工具的使用。2.8.2任務知識：銳化工具單擊“銳化”工具，其屬性欄狀態(tài)如圖所示。打開“畫筆預設”選取器切換“畫筆設置”面板繪畫模式設置描邊強度從復合數(shù)據(jù)中取樣仿制數(shù)據(jù)保護細節(jié)時最小化像素“銳化”工具2.8.3任務實施：讓飾品圖片更清晰原圖像銳化后的圖像選擇“銳化”工具，在銳化工具屬性欄中進行設置，在圖像窗口中按住鼠標左鍵，拖曳鼠標可使圖像產(chǎn)生銳化的效果。任務2.9修復圖像瑕疵任務引入任務知識：污點修復畫筆工具任務實施：修復高跟鞋圖像瑕疵2.9.1任務引入本任務通過修復圖像瑕疵，熟練掌握“污點修復畫筆”工具的使用。2.9.2任務知識：污點修復畫筆工具單擊“污點修復畫筆”工具，其屬性欄狀態(tài)如圖所示。打開畫筆選項繪畫模式設置源取樣類型從復合數(shù)據(jù)中取樣仿制數(shù)據(jù)“污點修復畫筆”工具2.9.3任務實施：修復高跟鞋圖像瑕疵選擇“污點修復畫筆”工具，在屬性欄中設置畫筆的大小為200像素，在圖像中需要修復的位置進行涂抹。原圖像修復后圖像“污點修復畫筆”工具任務2.10復制取樣圖像任務引入任務知識：仿制圖章工具任務實施：復制取樣掛飾圖像2.10.1任務引入本任務通過復制取樣圖像，熟練掌握“仿制圖章”工具的使用。2.10.2任務知識：仿制圖章工具單擊“仿制圖章”工具，其屬性欄狀態(tài)如圖所示。打開“畫筆預設”選取器切換“畫筆設置”面板效果模式始終對“不透明度”使用“壓力”切換仿制源面板啟用噴槍樣式的建立效果仿制樣本模式“仿制圖章”工具2.10.3任務實施：復制取樣掛飾圖像選擇“仿制圖章”工具，在屬性欄中設置畫筆的大小為800像素，硬度為10%。將仿制圖章工具放在圖像中需要取樣的位置，按住Alt鍵，鼠標指針由仿制圖章圖標變?yōu)閳A形十字圖標，單擊鼠標左鍵，定下取樣點，松開鼠標左鍵，在合適的位置單擊并按住鼠標左鍵，拖曳鼠標復制出取樣點及其周圍的圖像。原圖像修復后圖像“仿制圖章”工具2.11項目演練-調整曝光不足的商品圖片本任務通過調整曝光不足的商品圖片，熟練掌握“曲線”命令和“色階”命令的使用。效果圖本章簡介：網(wǎng)店推廣圖片的設計是網(wǎng)店美工人員需要完成的重要工作任務，它通常包括主圖、車圖以及鉆展圖的設計。通過精心設計的網(wǎng)店推廣圖，能夠令產(chǎn)品提升點擊率、促進轉化率。本章針對網(wǎng)店推廣圖的設計基礎知識進行系統(tǒng)講解，并針對流行風格以及典型行業(yè)的網(wǎng)店推廣圖進行任務演練。通過本章的學習，讀者可以對網(wǎng)店推廣圖片的設計有一個系統(tǒng)的認識，并快速掌握網(wǎng)店推廣圖片的設計規(guī)范和制作方法，為接下來的設計店鋪趣味海報打下基礎。項目3設計網(wǎng)店推廣圖片學習引導

知識目標能力目標素質目標學習目標1.掌握主圖的設計基礎。2.掌握直通車圖的設計基礎。

3.掌握鉆展圖的設計基礎。1.了解網(wǎng)店推廣圖的設計思路。2.掌握網(wǎng)店推廣圖的制作方法。1.培養(yǎng)對網(wǎng)店推廣圖的審美鑒賞能力。2.培養(yǎng)對網(wǎng)店推廣圖的設計創(chuàng)意能力。任務分解1.設計家電風扇主圖。2.設計健康鈣片直通車圖。3.設計生鮮食品鉆展圖。任務3.1設計家用電器主圖任務引入設計理念任務知識：橫排文字工具、畫筆工具任務實施：設計家電風扇主圖3.1.1任務引入本任務通過設計家電風扇主圖，明確當下家電行業(yè)主圖的設計風格并掌握主圖的設計要點與制作方法。3.1.2設計理念在設計過程中，圍繞主體物風扇進行創(chuàng)意。背景為室內環(huán)境實現(xiàn)身臨其境之感，以綠葉作為元素有序展開實現(xiàn)點綴效果。色彩選取藍色、紅色和綠色分別體現(xiàn)了科技、促銷和環(huán)保。字體選用漢儀天宇風行體和方正蘭亭黑體起到了呼應主題的作用。采用黃金比例分割的左右構圖表現(xiàn)和諧美感。整體設計充滿特色，契合主題。效果圖3.1.3任務知識：橫排文字工具、畫筆工具熟練掌握“矩形”工具，“圓角矩形”工具，“橢圓”工具，“直接選擇”工具,“橫排文字”工具，“畫筆”工具，“添加圖層樣式”命令，“添加圖層蒙版”命令和“創(chuàng)建新的填充或調整圖層”命令的使用。字體樣式文字的顏色字體的大小創(chuàng)建文字變形文字的對齊方式消除文字的鋸齒切換文本取向創(chuàng)建3D對象文字切換字符和段落面板“橫排文字”工具3.1.4任務實施：設計家電風扇主圖1234任務3.2設計健康醫(yī)療直通車圖任務引入設計理念任務知識：漸變工具、亮度/對比度命令任務實施：設計健康鈣片直通車圖2.2.1任務引入本任務通過設計健康鈣片直通車圖，明確當下保健品行業(yè)直通車圖的設計風格并掌握直通車圖的設計要點與制作方法。3.2.2設計理念在設計過程中，圍繞主體物鈣片進行創(chuàng)意。背景為室外環(huán)境實現(xiàn)清新自然之感。色彩選取綠色、黃色和橙色分別體現(xiàn)了健康和促銷。字體選用胡曉波男神體和思源黑體起到了呼應主題的作用。采用黃金比例分割的左右構圖表現(xiàn)和諧美感。整體設計充滿特色，契合主題。效果圖3.2.3任務知識：漸變工具、亮度/對比度命令熟練掌握“矩形”工具，“圓角矩形”工具，“直接選擇”工具，“橫排文字”工具，“漸變”工具，“添加錨點”工具，“亮度/對比度”命令，“高斯模糊”命令，“添加圖層樣式”命令，“添加圖層蒙版”命令的使用。點按可編輯漸變漸變形式混合模式反向漸變顏色仿色以減少帶寬切換漸變透明度“漸變”工具3.2.4任務實施：設計健康鈣片直通車圖1243任務3.3設計食品餐飲鉆展圖任務引入設計理念任務知識：圓角矩形工具任務實施：設計生鮮食品鉆展圖3.3.1任務引入本任務通過設計生鮮食品鉆展圖，明確當下美食行業(yè)直通車圖的設計風格并掌握鉆展圖的設計要點與制作方法。3.3.2設計理念在設計過程中，圍繞主體物生鮮進行創(chuàng)意。背景為純色淡紋理以凸顯食品，以調理品作為元素有序展開實現(xiàn)點綴效果。色彩選取橙色和紅色體現(xiàn)了食欲和促銷。字體選用方正蘭亭粗黑體和方正蘭亭黑體起到了呼應主題的作用。采用穩(wěn)定均衡的居中構圖快速吸引消費者目光。整體設計充滿特色，契合主題。效果圖3.3.3任務知識：圓角矩形工具熟練掌握“圓角矩形”工具，“橫排文字”工具，“添加圖層樣式”命令，“創(chuàng)建新的填充或調整圖層”命令的使用。設置形狀描邊寬度設置形狀寬度及高度路徑組合方式選擇工具模式設置形狀描邊類型路徑操作路徑排列方式設置其他形狀和路徑選設置圓角的半徑“圓角矩形”工具3.3.4任務實施：設計生鮮食品鉆展圖12433.4項目演練-設計居家大衣櫥直通車圖任務引入設計理念3.4.1任務引入本任務通過設計居家大衣櫥直通車圖，明確當下家居產(chǎn)品行業(yè)直通車圖的設計風格并掌握直通車圖的設計要點與制作方法。3.4.2設計理念在設計過程中，圍繞主體物衣櫥進行創(chuàng)意。背景為室內場景圖，以凸顯商品主題。色彩選取玫紅色、黃色和藍色，分別體現(xiàn)了時尚、溫馨和美觀，字體選用黑體呼應主題。整體設計充滿特色，契合主題。效果圖本章簡介：店鋪海報是網(wǎng)店美工設計任務中的重中之重，較營銷推廣圖店鋪海報更為醒目震撼，通過精心設計的店鋪海報能夠令用戶瞬間了解店鋪的活動信息以及促銷信息。本章針對店鋪海報的設計基礎知識進行系統(tǒng)講解，并針對流行風格以及典型行業(yè)的店鋪海報進行任務演練。通過本章的學習，讀者可以對店鋪海報的設計有一個系統(tǒng)的認識，并快速掌握店鋪海報的設計規(guī)范和制作方法，為接下來的設計店鋪首頁打下基礎。項目4設計店鋪趣味海報學習引導

知識目標能力目標素質目標學習目標1.掌握店鋪海報的設計尺寸。2.掌握店鋪海報的版式構圖。3.掌握店鋪海報的設計形式。1.了解店鋪海報的設計思路。2.掌握店鋪海報的制作方法。1.培養(yǎng)對店鋪海報的審美鑒賞能力。2.培養(yǎng)對店鋪海報的設計創(chuàng)意能力。任務分解1.設計護膚產(chǎn)品海報2.設計家電空調海報任務4.1設計美妝護膚海報任務引入設計理念任務知識：添加錨點工具、圖層的混合模式選項任務實施：設計護膚產(chǎn)品海報4.1.1任務引入本任務通過設計護膚產(chǎn)品海報，明確當下美妝行業(yè)海報的設計風格并掌握海報的設計要點與制作方法。4.1.2設計理念在設計過程中，圍繞主體物護膚產(chǎn)品進行創(chuàng)意。背景為桌面居家場景烘托氣氛，以花瓣作為元素有序展開實現(xiàn)點綴效果。色彩選取粉色、藍色和紅色分別體現(xiàn)了浪漫、清爽和促銷。字體選用方正蘭亭圓簡體和思源黑體起到了呼應主題的作用。采用黃金比例分割的左右構圖表現(xiàn)和諧美感。整體設計充滿特色，契合主題。效果圖4.1.3任務知識：添加錨點工具、圖層的混合模式選項熟練掌握“矩形”工具，“直接選擇”工具，“橫排文字”工具，“畫筆”工具，“添加錨點”工具，圖層的混合模式選項，“高斯模糊”命令，“創(chuàng)建新的填充或調整圖層”命令，“添加圖層蒙版”命令，“添加圖層樣式”命令的使用?！疤砑訄D層樣式”命令4.1.4任務實施：設計護膚產(chǎn)品海報1342任務4.2設計家用電器海報任務引入設計理念任務知識：橢圓工具、高斯模糊命令任務實施：設計家電空調海報4.2.1任務引入本任務通過設計家電空調海報，明確當下家電行業(yè)海報的設計風格并掌握海報的設計要點與制作方法。4.2.2設計理念在設計過程中，圍繞主體物空調進行創(chuàng)意。背景為居家場景奠定設計基調，以綠葉作為元素有序展開實現(xiàn)點綴效果。色彩選取藍色、綠色和黃色分別體現(xiàn)了科技、自然和溫馨。字體選用斗魚追光體、方正蘭亭中粗黑簡體和BebasNeue起到了呼應主題的作用。采用黃金比例分割的左右構圖表現(xiàn)和諧美感。整體設計充滿特色，契合主題。效果圖4.2.3任務知識：橢圓工具、高斯模糊命令熟練掌握“矩形”工具，“圓角矩形”工具，“橢圓”工具，“橫排文字”工具，“高斯模糊”命令的使用。“橢圓”工具選擇工具模式設置形狀描邊寬度設置形狀描邊類型設置形狀寬度及高度路徑操作路徑組合方式路徑排列方式設置其他形狀和路徑選項4.2.4任務實施：設計家電空調海報13244.3項目演練-設計果汁飲品海報任務引入設計理念4.3.1任務引入本任務通過設計果汁飲品海報，明確當下飲品行業(yè)海報的設計風格并掌握海報的設計要點與制作方法。4.3.2設計理念在設計過程中，圍繞主體物果汁進行創(chuàng)意。背景為室外環(huán)境實現(xiàn)清新自然之感，以多種水果和蝴蝶作為元素豐富整體畫面。色彩選取綠色和橙色分別體現(xiàn)了自然和新鮮。字體選用優(yōu)設標題黑體、方正銳正黑簡體和思源黑體起到了呼應主題的作用。采用黃金比例分割的左右構圖表現(xiàn)和諧美感。整體設計充滿特色，契合主題。效果圖本章簡介：PC端店鋪首頁設計是網(wǎng)店美工設計任務中的綜合型工作任務，通過精心設計的PC端店鋪首頁能夠向用戶傳達品牌感和信任感。本章針對PC端店鋪首頁的設計基礎知識進行系統(tǒng)講解，并針對流行風格以及典型行業(yè)的PC端店鋪首頁進行任務演練。通過本章的學習，讀者可以對PC端店鋪首頁的設計有一個系統(tǒng)的認識，并快速掌握PC端店鋪首頁的設計規(guī)范和制作方法，成功塑造具有品牌影響力的PC端店鋪首頁。項目5設計PC端店鋪首頁學習引導

知識目標能力目標素質目標學習目標1.掌握PC端店鋪首頁的設計尺寸。2.掌握PC端店鋪首頁的核心模塊。1.了解PC端店鋪首頁的設計思路。2.掌握PC端店鋪首頁的制作方法。1.培養(yǎng)對PC端店鋪首頁的審美鑒賞能力。2.培養(yǎng)對PC端店鋪首頁的設計創(chuàng)意能力。任務分解1.設計PC端家具產(chǎn)品首頁2.設計PC端春夏女裝首頁任務5.1設計PC端家具裝修首頁任務引入設計理念任務知識：矩形工具任務實施：設計PC端家具產(chǎn)品首頁5.1.1任務引入本任務通過設計PC端家具產(chǎn)品首頁，明確當下家具產(chǎn)品行業(yè)PC端首頁的設計風格并掌握PC端首頁的設計要點與制作方法。5.1.2設計理念在設計過程中，圍繞主體物家具進行創(chuàng)意。背景為純色和家具圖片作為襯托。色彩選取卡其色、淺灰色和深灰色分別體現(xiàn)了高端、典雅和美觀。字體選用思源黑體、方正蘭亭黑體和BebasNeue起到了呼應主題的作用。圖標采用了與家具相關的線性圖標呈現(xiàn)了簡約精致的特點。整體設計充滿特色，契合主題。效果圖5.1.3任務知識：矩形工具熟練掌握“矩形”工具，“圓角矩形”工具，“橢圓”工具，“直線”工具，“橫排文字”工具的使用。選擇工具模式設置形狀描邊寬度設置形狀描邊類型設置形狀寬度及高度路徑操作路徑組合方式路徑排列方式設置其他形狀和路徑選“矩形”工具5.1.4任務實施：設計PC端家具產(chǎn)品首頁3412任務5.2設計PC端女性服裝首頁任務引入設計理念任務知識：直接選擇工具、路徑選擇工具任務實施：設計PC端春夏女裝首頁5.2.1任務引入本任務通過設計PC端春夏女裝首頁，明確當下女裝行業(yè)PC端首頁的設計風格并掌握PC端首頁的設計要點與制作方法。5.2.2設計理念在設計過程中，圍繞主體物女裝進行創(chuàng)意。背景為純色和多種幾何圖形作為襯托。色彩選取深紅色、中黃色和淡粉色分別體現(xiàn)了前衛(wèi)、時尚和韻味。字體選用思源黑體和BebasNeue起到了呼應主題的作用。整體設計充滿特色，契合主題。效果圖5.2.3任務知識：直接選擇工具、路徑選擇工具熟練掌握“矩形”工具，“圓角矩形”工具，“橢圓”工具，“直線”工具，“橫排文字”工具，“直接選擇”工具，“路徑選擇”工具，“添加圖層蒙版”命令，“添加圖層樣式”命令的使用?！奥窂竭x擇”工具選擇現(xiàn)用圖層或所有圖層設置形狀描邊類型路徑操作設置其他形狀和路徑選項設置形狀描邊寬度設置形狀寬度及高度路徑組合方式路徑排列方式5.2.4任務實施：設計PC端春夏女裝首頁13245.3項目演練-設計PC端數(shù)碼產(chǎn)品首頁任務引入設計理念5.3.1任務引入本任務通過設計果汁飲品海報，明確當下飲品行業(yè)海報的設計風格并掌握海報的設計要點與制作方法。5.3.2設計理念在設計過程中，圍繞主體物耳機進行創(chuàng)意。背景為漸變色、純色作為襯托。色彩選取亮藍色、深紫色和玫紅色分別體現(xiàn)了科技、時尚和悅耳。字體選用方正粉絲天下簡體、思源黑體和BebasNeue起到了呼應主題的作用。圖標采用了與耳機相關的線性圖標呈現(xiàn)了簡約精致的特點。整體設計充滿特色，契合主題。效果圖本章簡介：PC端店鋪詳情頁設計同首頁設計一樣，屬于網(wǎng)店美工設計任務中的綜合型工作任務，通過精心設計的PC端店鋪詳情頁能夠提升用戶對商品的購買欲望。本章針對PC端店鋪詳情頁的設計基礎知識進行系統(tǒng)講解，并針對流行風格以及典型行業(yè)的PC端店鋪詳情頁進行任務演練。通過本章的學習，讀者可以對PC端店鋪詳情頁的設計有一個系統(tǒng)的認識，并快速掌握PC端店鋪詳情頁的設計規(guī)范和制作方法，成功塑造具有購買欲望的PC端店鋪詳情頁。項目6設計PC端店鋪詳情頁學習引導

知識目標能力目標素質目標學習目標1.掌握PC端店鋪詳情頁的設計尺寸。2.掌握PC端店鋪詳情頁的核心模塊。1.了解PC端店鋪詳情頁的設計思路。2.掌握PC端店鋪詳情頁的制作方法。1.培養(yǎng)對PC端店鋪詳情頁的審美鑒賞能力。2.培養(yǎng)對PC端店鋪詳情頁的設計創(chuàng)意能力。任務分解1.設計PC端月餅美食詳情頁2.設計PC端餐具產(chǎn)品詳情頁任務6.1設計PC端食品餐飲詳情頁任務引入設計理念任務知識：添加圖層樣式命令、創(chuàng)建新的填充或調整圖層命令任務實施：設計PC端月餅美食詳情頁6.1.1任務引入本任務通過設計PC端月餅美食詳情頁，明確當下食品行業(yè)PC端詳情頁的設計風格并掌握PC端詳情頁的設計要點與制作方法。6.1.2設計理念圍繞主體物月餅進行創(chuàng)意。背景為純色和月餅圖片作為襯托。色彩選取棕紅色、淡棕色和米色分別體現(xiàn)了傳統(tǒng)、淡雅和食欲。字體選用江西拙楷、方正清刻本悅宋簡體和OPPOSans起到了呼應主題的作用。圖標采用了與物流相關的線性圖標呈現(xiàn)了簡約精致的特點。整體設計充滿特色，契合主題。效果圖6.1.3任務知識：添加圖層樣式命令、創(chuàng)建新的填充或調整圖層命令熟練掌握“矩形”工具，“圓角矩形”工具，“橢圓”工具，“直線”工具，“橫排文字”工具，“高斯模糊”命令，“添加圖層樣式”命令，“創(chuàng)建新的填充或調整圖層”命令的使用。“添加圖層樣式”命令“創(chuàng)建新的填充或調整圖層”命令6.1.4任務實施：設計PC端月餅美食詳情頁3412任務6.2設計PC端生活家居詳情頁任務引入設計理念任務知識：鋼筆工具、添加圖層蒙版命令任務實施：設計PC端餐具產(chǎn)品詳情頁6.2.1任務引入本任務通過設計PC端餐具產(chǎn)品詳情頁，明確當下餐具行業(yè)PC端詳情頁的設計風格并掌握PC端詳情頁的設計要點與制作方法。6.2.2設計理念在設計過程中，圍繞主體物餐具進行創(chuàng)意。背景為純色和餐具圖片作為襯托。色彩選取深藍色和淡灰色分別體現(xiàn)了通透和干凈。字體選用方正清刻本悅宋簡體和思源黑體起到了呼應主題的作用。圖標采用了與餐具相關的線性圖標呈現(xiàn)了簡約精致的特點。整體設計充滿特色，契合主題。效果圖6.2.3任務知識：鋼筆工具、添加圖層蒙版命令熟練掌握“矩形”工具，“圓角矩形”工具，“橢圓”工具，“直線”工具，“橫排文字”工具，“漸變”工具，“鋼筆”工具，“添加圖層蒙版”命令，“添加圖層樣式”命令的使用。為圖層“添加圖層蒙版”后的效果6.2.4任務實施：設計PC端餐具產(chǎn)品詳情頁132456.3項目演練-設計PC端運動鞋品詳情頁設計任務引入設計理念6.3.1任務引入本任務通過設計PC端運動鞋品詳情頁，明確當下鞋品行業(yè)PC端詳情頁的設計風格并掌握PC端詳情頁的設計要點與制作方法。6.3.2設計理念在設計過程中，圍繞主體物運動鞋進行創(chuàng)意。背景為純色和山間圖片作為襯托。色彩選取深棕色、淺棕色和米色分別體現(xiàn)了大氣、品質和精巧。字體選用江西拙楷、方正清刻本悅宋簡體和思源宋體起到了呼應主題的作用。圖標采用了與鞋類相關的線性圖標呈現(xiàn)了簡約精致的特點。整體設計充滿特色，契合主題。效果圖本章簡介：隨著移動互聯(lián)網(wǎng)的發(fā)展及普及，消費者在無線端店鋪進行網(wǎng)購已經(jīng)成為了主流現(xiàn)象。因此，無線端店鋪的設計對于所有商家而言都至關重要，是網(wǎng)店美工設計任務中的核心工作任務。本章針對無線端店鋪的設計基礎知識進行系統(tǒng)講解，并針對流行風格以及典型行業(yè)的無線端店鋪首頁以及詳情頁進行任務演練。通過本章的學習，讀者可以對無線端店鋪的設計有一個系統(tǒng)的認識，并快速掌握無線端店鋪的設計規(guī)范和制作方法，成功塑造出具有強大購買力的無線端店鋪。項目7設計無線端店鋪學習引導

知識目標能力目標素質目標學習目標1.掌握無線端與PC端店鋪的區(qū)別。2.掌握無線端店鋪首頁的設計基礎。3.掌握無線端店鋪詳情頁的設計基礎。1.了解無線端店鋪的設計思路。2.掌握無線端店鋪的制作方法。1.培養(yǎng)對無線端店鋪的審美鑒賞能力。2.培養(yǎng)對無線端店鋪的設計創(chuàng)意能力。任務分解1.設計無線端家具產(chǎn)品首頁2.設計無線端月餅美食詳情頁任務7.1設計無線端家具裝修首頁任務引入設計理念任務知識：直線工具任務實施：設計無線端家具產(chǎn)品首頁7.1.1任務引入本任務通過設計無線端家具產(chǎn)品首頁，明確當下家具行業(yè)無線端首頁的設計風格并掌握無線端首頁的設計要點與制作方法。7.1.2設計理念在設計過程中，根據(jù)任務5.1中的PC端家具產(chǎn)品首頁，進行無線端家具產(chǎn)品首頁設計。效果圖7.1.3任務知識：直線工具熟練掌握“矩形”工具，“圓角矩形”工具，“橢圓”工具，“直線”工具，“橫排文字”工具的使用。選擇工具模式設置形狀描邊寬度設置形狀描邊類型設置形狀寬度及高度路徑操作路徑組合方式路徑排列方式設置其他形狀和路徑選“直線”工具7.1.4任務實施：設計無線端家具產(chǎn)品首頁34125任務7.2設計無線端食品餐飲詳情頁任務引入設計理念任務知識：圖像大小命令任務實施：設計無線端月餅美食詳情頁7.2.1任務引入本任務通過設計無線端月餅美食詳情頁，明確當下食品行業(yè)無線端詳情頁的設計風格并掌握無線端詳情頁的設計要點與制作方法。7.2.2設計理念在設計過程中，根據(jù)任務6.1中的PC端月餅美食詳情頁，進行無線端月餅美食詳情頁設計。效果圖7.2.3任務知識：圖像大小命令熟練掌握“圖像大小”命令的使用。7.2.4任務實施：設計無線端月餅美食詳情頁選擇“圖像>圖像大小”命令，彈出“圖像大