網(wǎng)店美工設(shè)計(jì)（項(xiàng)目式全彩微課版）PPT全套完整教學(xué)課件

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

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

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

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

知識目標(biāo)能力目標(biāo)素質(zhì)目標(biāo)學(xué)習(xí)目標(biāo)1.掌握裁剪的處理基礎(chǔ)。2.掌握摳圖的處理基礎(chǔ)。

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

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

知識目標(biāo)能力目標(biāo)素質(zhì)目標(biāo)學(xué)習(xí)目標(biāo)1.掌握主圖的設(shè)計(jì)基礎(chǔ)。2.掌握直通車圖的設(shè)計(jì)基礎(chǔ)。

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

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

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

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

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