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

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

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

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

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

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

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

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

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

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

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

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