《網(wǎng)店美工+第2版》 課件 黃振寧 項(xiàng)目1、2 崗位認(rèn)知、店鋪裝修基礎(chǔ)理念

項(xiàng)目一

崗位認(rèn)知【項(xiàng)目簡(jiǎn)介】隨著“互聯(lián)網(wǎng)+”對(duì)互聯(lián)網(wǎng)與各產(chǎn)業(yè)融合發(fā)展的推動(dòng)，各種新技術(shù)、新標(biāo)準(zhǔn)也對(duì)網(wǎng)店美工行業(yè)提出了新要求。本項(xiàng)目中，我們將從網(wǎng)店美工行業(yè)認(rèn)知著手了解網(wǎng)店美工崗位的重要性和要求，同時(shí)通過(guò)網(wǎng)絡(luò)搜索等手段查找相關(guān)信息，了解美工崗位的職業(yè)發(fā)展。通過(guò)網(wǎng)店美工常用的軟件和拍攝設(shè)備的操作來(lái)初識(shí)網(wǎng)店美工這個(gè)崗位?！卷?xiàng)目目標(biāo)】了解網(wǎng)店美工在電子商務(wù)行業(yè)中的重要性。認(rèn)知網(wǎng)店美工相關(guān)的基礎(chǔ)知識(shí)和要求。培養(yǎng)網(wǎng)店美工從業(yè)意識(shí)，加深職業(yè)認(rèn)同感。樹(shù)立良好的職業(yè)信念和職業(yè)道德，弘揚(yáng)社會(huì)主義核心價(jià)值觀。任務(wù)一

走進(jìn)美工【任務(wù)介紹】在本任務(wù)中，我們將走進(jìn)美工這一崗位，了解實(shí)體店和網(wǎng)店的區(qū)別，了解網(wǎng)店美工對(duì)電子商務(wù)行業(yè)的重要性，同時(shí)清楚網(wǎng)店美工的職業(yè)要求，了解網(wǎng)店美工工作職責(zé)和工作流程，并能通過(guò)網(wǎng)絡(luò)搜索各企業(yè)招聘美工的信息來(lái)對(duì)自身進(jìn)行定位?！救蝿?wù)描述】小張是一名電子商務(wù)專業(yè)的學(xué)生，經(jīng)常在網(wǎng)上購(gòu)買(mǎi)自己想要的商品，但對(duì)網(wǎng)上色彩斑斕的商品圖是如何形成的一直是一知半解。在學(xué)習(xí)了《商品拍攝》和《Photoshop圖像處理》等專業(yè)課程之后，對(duì)商品圖片的后期處理及上網(wǎng)發(fā)布就更有興趣了。那么小張能否畢業(yè)之后從事網(wǎng)店美工的工作呢？【任務(wù)實(shí)施】第一步：尋找美工一、實(shí)體店和網(wǎng)店對(duì)比圖1-1李寧線下某一實(shí)體店圖1-2李寧線上官網(wǎng)部分截圖在比較了李寧線下實(shí)體店和官網(wǎng)之后，小張了解到網(wǎng)店其實(shí)就是一個(gè)在互聯(lián)網(wǎng)上開(kāi)設(shè)的商店，即將傳統(tǒng)商務(wù)模式中的商店或超市直接搬到了網(wǎng)上，消費(fèi)者可以在網(wǎng)店上瀏覽各種商品，將想購(gòu)買(mǎi)的商品放入購(gòu)物車，并且通過(guò)各種在線支付手段進(jìn)行支付完成交易的網(wǎng)站。想一想請(qǐng)同學(xué)們結(jié)合網(wǎng)絡(luò)搜索并思考，李寧官網(wǎng)上的商品是根據(jù)什么分類進(jìn)行陳列的？如果要查看某種商品要如何操作？知識(shí)鏈接1.美工設(shè)計(jì)根據(jù)專項(xiàng)職業(yè)能力的定義，網(wǎng)店美工是指能運(yùn)用攝影器材、圖片處理軟件、網(wǎng)頁(yè)制作軟件等進(jìn)行產(chǎn)品拍攝、圖片制作、店鋪裝修、廣告設(shè)計(jì)等。具備根據(jù)產(chǎn)品以及用戶群的特點(diǎn)進(jìn)行產(chǎn)品頁(yè)面設(shè)計(jì)、店鋪裝修以及視覺(jué)優(yōu)化的能力。2.淘寶美工淘寶美工是是淘寶網(wǎng)店網(wǎng)站頁(yè)面編輯美化工作者的統(tǒng)稱。周邊工作有網(wǎng)店設(shè)計(jì)（平面設(shè)計(jì)）、P圖（圖片處理）。在淘寶網(wǎng)店中美工的主要工作是設(shè)計(jì)商品主圖、詳情頁(yè)等。二、網(wǎng)店圖片對(duì)比對(duì)比一：網(wǎng)店首頁(yè)

各種不同的網(wǎng)店風(fēng)格各不相同，比如“NIKE官方旗艦店”天貓店（見(jiàn)圖1-4）首頁(yè)大圖風(fēng)格偏向野外露營(yíng)風(fēng)格，而“回力戶外旗艦店”天貓店（見(jiàn)圖1-5）則是一目了然對(duì)商品進(jìn)行促銷，同時(shí)其大大的優(yōu)惠信息吸引了小張的視線。圖1-4“NIKE官方旗艦店”天貓店圖1-5“回力戶外旗艦店”天貓店對(duì)比二：手包小張想為媽媽買(mǎi)一款手包，在網(wǎng)上查找之后發(fā)現(xiàn)了“絲芙倫”手包比較適合媽媽，如何打動(dòng)?jì)寢屵@么資深的買(mǎi)家呢，于是小張將手包的人物效果和細(xì)節(jié)一一展示給媽媽看（見(jiàn)圖1-6），最終媽媽被商品的亮點(diǎn)和人物展示圖所打動(dòng)，接受了孩子的禮物。想一想通過(guò)對(duì)女鞋網(wǎng)店首頁(yè)和手包部分詳情頁(yè)的對(duì)比，同學(xué)們想一想，我們?cè)谫?gòu)買(mǎi)商品時(shí)主要關(guān)注商品圖的哪些細(xì)節(jié)呢？（提示：可以從頁(yè)面設(shè)計(jì)、商品詳情和優(yōu)惠折扣等角度進(jìn)行分析。）第二步：了解網(wǎng)店美工的職業(yè)發(fā)展方式一：通過(guò)淘寶網(wǎng)了解網(wǎng)店美工的任職要求和薪資情況表1-1淘工作上的部分企業(yè)詳細(xì)任職要求及薪資水平企業(yè)名稱任職要求薪資水平（單位：元）GMETOU格美途家居工廠店1.1年以上天貓?zhí)詫氃O(shè)計(jì)經(jīng)驗(yàn)，視覺(jué)設(shè)計(jì)/網(wǎng)頁(yè)設(shè)計(jì)相關(guān)專業(yè)優(yōu)先2．熟練掌握各種平面設(shè)計(jì)繪圖軟件，擁有良好的設(shè)計(jì)感覺(jué)和大膽的設(shè)計(jì)的思想3．具備團(tuán)隊(duì)精神和合作意識(shí)，較強(qiáng)的溝通能力和表達(dá)能力，能夠接受工作壓力和挑戰(zhàn)4．有能力獨(dú)立完成項(xiàng)目設(shè)計(jì)工作，具有良好網(wǎng)絡(luò)廣告設(shè)計(jì)創(chuàng)意及創(chuàng)新能力,了解社會(huì)化媒體營(yíng)銷思路優(yōu)先5000~7000深圳車載之家汽車用品有限公司1.熟悉裝修設(shè)計(jì)，在淘寶擔(dān)任過(guò)產(chǎn)品、頁(yè)面設(shè)計(jì)者優(yōu)先考慮；2.熟悉美工軟件Photoshop等的運(yùn)用；3.具有良好的網(wǎng)頁(yè)及平面設(shè)計(jì)能力、較多的網(wǎng)站制作經(jīng)驗(yàn)。對(duì)于網(wǎng)站的美工開(kāi)發(fā)及色彩的搭配有著獨(dú)到的見(jiàn)解和體會(huì)，了解色彩搭配,思維活躍、有創(chuàng)意、有較強(qiáng)視覺(jué)效果表現(xiàn)能力；4.有責(zé)任心和上進(jìn)心，善于溝通，具團(tuán)隊(duì)合作精神。3000~5000妍美人旗艦店1.一年以上電商行業(yè)工作經(jīng)驗(yàn)，平面設(shè)計(jì)等相關(guān)專業(yè)優(yōu)先2.熟悉PS、CDR等作圖軟件，有一定視覺(jué)創(chuàng)作經(jīng)驗(yàn)和獨(dú)到的審美修養(yǎng)3.有較好的工作方法和流程及主動(dòng)積極的工作態(tài)度4.懂?dāng)z影基礎(chǔ)者優(yōu)先5000~7000方式二：通過(guò)智聯(lián)招聘了解網(wǎng)店美工的職業(yè)熱度。全國(guó)知名的招聘網(wǎng)站“BOSS直聘”請(qǐng)同學(xué)們?cè)俅蔚紹OSS直聘網(wǎng)上查看“網(wǎng)店美工”的職位信息，并想一想，為什么職位薪酬會(huì)有很大的差距？第三步：了解網(wǎng)店美工的崗位職責(zé)及工作流程。

一、崗位職責(zé)淘寶美工崗位職責(zé)：

1.負(fù)責(zé)公司網(wǎng)絡(luò)平臺(tái)淘寶店鋪/天貓商城的整體裝修設(shè)計(jì)，并不斷優(yōu)化，提高客戶體驗(yàn)感；

2.負(fù)責(zé)公司網(wǎng)絡(luò)銷售平臺(tái)的每款寶貝圖片的設(shè)計(jì)和美化，包括圖片的修改和制作、及動(dòng)態(tài)廣告條等設(shè)計(jì)；

3.對(duì)新開(kāi)發(fā)的產(chǎn)品進(jìn)行設(shè)計(jì)排版，結(jié)合商品特性制作圖文并茂、有美感、有吸引購(gòu)買(mǎi)力的詳情描述頁(yè)面；

4.根據(jù)公司不定期促銷計(jì)劃，對(duì)公司網(wǎng)絡(luò)平臺(tái)店鋪進(jìn)行頁(yè)面美化設(shè)計(jì)，配合推廣制作推廣效果圖，并能提供營(yíng)銷策劃建議；5.對(duì)公司的周邊宣傳資料與產(chǎn)品進(jìn)行美術(shù)設(shè)計(jì)創(chuàng)意。二、工作流程想一想根據(jù)淘寶美工的工作流程，同學(xué)們討論一下以下的工作是屬于工作流程中的哪一步？并進(jìn)行連線。A.了解此次美工任務(wù)的主題B.為詳情圖添加HTML代碼C.將此次美工任務(wù)的完整資料進(jìn)行備份D.收集與任務(wù)相關(guān)的圖片E．網(wǎng)店主色調(diào)的設(shè)置F．制作店招１．接受任務(wù)2.規(guī)劃布局3.收集圖片素材4.制作詳情圖5.線上發(fā)布6、完成任務(wù)第四步：網(wǎng)店美工的職業(yè)素養(yǎng)分析高顏值網(wǎng)店是品牌的象征、產(chǎn)品價(jià)值的展現(xiàn)，是促進(jìn)銷量的關(guān)鍵因素之一。如果店內(nèi)營(yíng)銷也做得很到位的話，那么，顧客在網(wǎng)頁(yè)停留的時(shí)間越長(zhǎng)，成交的可能性也越大。美工不僅要有單一圖片處理的能力，而且也要考慮如何整體配合突出要表達(dá)的主題，深刻理解文字的文字并將其轉(zhuǎn)化為美工設(shè)計(jì)。圖1—7創(chuàng)意對(duì)比圖知識(shí)鏈接

視覺(jué)營(yíng)銷視覺(jué)營(yíng)銷是英文（Visualmerchandising）的中文簡(jiǎn)寫(xiě)，歸屬營(yíng)銷技術(shù)的一種方法，更是一種可視化的視覺(jué)體驗(yàn)；指通過(guò)視覺(jué)達(dá)到產(chǎn)品營(yíng)銷或品牌推廣的目的。為便于理解，我們稱之為通過(guò)視覺(jué)的沖擊和審美視覺(jué)感觀提高顧客（潛在的）興趣，達(dá)到產(chǎn)品或服務(wù)的推廣。任務(wù)二

美工崗位準(zhǔn)備【任務(wù)介紹】在本任務(wù)中，我們將學(xué)習(xí)與梳理美工崗位所需的基本知識(shí)和技能，通過(guò)對(duì)數(shù)碼攝影介紹，及對(duì)Photoshop、Fireworks和Flash等軟件的使用來(lái)使同學(xué)們對(duì)美工這一崗位有更好的認(rèn)識(shí)，為將來(lái)從事網(wǎng)店美工做充足的準(zhǔn)備?！救蝿?wù)描述】小張是一名電子商務(wù)專業(yè)的學(xué)生，通過(guò)對(duì)任務(wù)一的學(xué)習(xí)之后了解到網(wǎng)店美工是網(wǎng)店網(wǎng)站頁(yè)面的美化工作者的統(tǒng)稱。周邊工作有商品采集、網(wǎng)店設(shè)計(jì)（平面設(shè)計(jì)）、P圖（圖片處理）。是淘寶網(wǎng)店頁(yè)面編輯美化工作者的統(tǒng)稱，主要工作有商品拍攝、設(shè)計(jì)主圖、詳情頁(yè)等。那么網(wǎng)店上的寶貝圖片需要用什么樣的設(shè)備進(jìn)行拍攝呢？網(wǎng)店美工常用有哪些軟件工具呢？【任務(wù)實(shí)施】第一步：商品圖拍攝工具準(zhǔn)備：數(shù)碼相機(jī)配備數(shù)字成像元件的相機(jī)統(tǒng)稱為數(shù)碼相機(jī)。因此數(shù)碼相機(jī)可以定義為是一種拍攝數(shù)碼的工具，它將拍攝的數(shù)碼圖像存儲(chǔ)在存儲(chǔ)卡等數(shù)字存儲(chǔ)介質(zhì)上。將這些數(shù)碼圖像傳輸?shù)接?jì)算機(jī)上，就可以使用圖像編輯軟件對(duì)數(shù)碼圖像進(jìn)行各種編輯處理。數(shù)碼相機(jī)輔件1．USB數(shù)據(jù)線。2．讀卡器。3.三角架。4．?dāng)z影燈光設(shè)備。5．拍攝臺(tái)。試一試格式優(yōu)點(diǎn)缺點(diǎn)RAW

TIFF

JPEG

請(qǐng)嘗試通過(guò)網(wǎng)絡(luò)搜索，了解數(shù)碼相機(jī)三種圖像格式：RAW、TIFF和JPEG的特點(diǎn)，并比較它們的優(yōu)缺點(diǎn)，見(jiàn)表1-2。表1-2數(shù)碼相機(jī)圖像格式對(duì)比表第二步：準(zhǔn)備美工軟件工具1.Photoshop。Photoshop是一款平面的二維圖像合成（處理）軟件，它的專長(zhǎng)在于圖像處理，是以對(duì)現(xiàn)有的圖像進(jìn)行藝術(shù)再加工及合成特殊效果的設(shè)計(jì)軟件。數(shù)碼相機(jī)拍攝的圖片在導(dǎo)入計(jì)算機(jī)后可以使用Photoshop軟件（見(jiàn)圖1-9）進(jìn)行處理，加工成符合我們網(wǎng)店美工所需要的商品圖。圖1-9PhtotoshopCC2018界面2.Fireworks。用Fireworks軟件可以將商品圖處理成更適合網(wǎng)絡(luò)的小圖片。

Fireworks不僅具備編輯矢量圖形與位圖圖像的靈活性，還可與AdobePhotoshop、AdobeIllustrator和AdobeDreamweaver軟件集成使用。圖1-10FireworksCS6界面注：Adobe公司表示FireworksCS6今后仍然可以使用，但不再有CC版本。3．美圖秀秀。美圖秀秀是一款免費(fèi)的圖像處理軟件，與Photoshop相比，操作要簡(jiǎn)單的多，下載也方便。美圖秀秀的界面直觀，操作簡(jiǎn)單，基本是“一鍵操作”，可以讓用戶能夠快速制作出效果出眾的照片。美圖秀秀操作界面如圖1-14所示。圖1-14美圖秀秀操作界面4．光影魔術(shù)手。光影魔術(shù)手是一款免費(fèi)軟件，簡(jiǎn)單易用，不需要任何專業(yè)的圖像處理技術(shù)，就可以對(duì)數(shù)碼照片的畫(huà)質(zhì)進(jìn)行改善及效果處理的工具軟件，能夠滿足大多數(shù)情況下對(duì)照片后期處理的需求。光影魔術(shù)手操作界面如圖1-15所示。圖1-15光影魔術(shù)手操作界面5.動(dòng)畫(huà)制作軟件FLASH。隨著互聯(lián)網(wǎng)的廣泛流行，F(xiàn)lash動(dòng)畫(huà)以其文件小、效果好的優(yōu)點(diǎn)而迅猛發(fā)展，它能整合文字、圖片、聲音、視頻和應(yīng)用程序組件等資源，具有強(qiáng)大的多媒體編輯功能，繪圖和編輯圖形、動(dòng)畫(huà)和遮罩是Flash動(dòng)畫(huà)設(shè)計(jì)的三大基本功能。動(dòng)畫(huà)是整個(gè)Flash動(dòng)畫(huà)設(shè)計(jì)的核心，也是Flash動(dòng)畫(huà)的最大優(yōu)點(diǎn)。第三步：基礎(chǔ)知識(shí)與素養(yǎng)準(zhǔn)備

1．審美據(jù)百度百科詞條解釋：審美即欣賞、品味或領(lǐng)會(huì)事物及藝術(shù)品的美。而在實(shí)際生活中不同的人對(duì)同一事物有自己的審美標(biāo)準(zhǔn)，但基本的評(píng)判標(biāo)準(zhǔn)都是相同的，即設(shè)計(jì)中的對(duì)比、均衡、重復(fù)、比例、近似、漸變以及節(jié)奏美、韻律美等。審美在網(wǎng)店美工設(shè)計(jì)上非常實(shí)用，比如同一款產(chǎn)品選用的模特不同會(huì)造成不同的視覺(jué)效果，如圖1-16。圖1-16模特圖2．設(shè)計(jì)網(wǎng)店美工中的設(shè)計(jì)可包含網(wǎng)店設(shè)計(jì)、LOGO和店招設(shè)計(jì)、商品圖設(shè)計(jì)、詳情頁(yè)設(shè)計(jì)等內(nèi)容，一般遵循“簡(jiǎn)單、方便、實(shí)用、布局合理”，但同時(shí)要兼顧專業(yè)化和藝術(shù)化的特性進(jìn)行設(shè)計(jì)。比如一款香水，用設(shè)計(jì)的理念將寶貝進(jìn)行不同的排列，會(huì)達(dá)到吸引消費(fèi)者眼球的目的。如圖1-17。a設(shè)計(jì)前b設(shè)計(jì)后圖1-17設(shè)計(jì)前后對(duì)比圖3．營(yíng)銷營(yíng)銷說(shuō)到底就是要將產(chǎn)品賣給消費(fèi)者，這是商家的根本目的。因此真正好的美工考慮的是如何把東西賣出去，懂得如何在網(wǎng)店上讓圖片產(chǎn)生效果的，讓消費(fèi)者駐足，從而讓消費(fèi)者消費(fèi)的，因此好的美工是必須懂得營(yíng)銷的，用圖片和文案?jìng)鬟_(dá)信息，把產(chǎn)品推銷出去。4．文案文案就是以文字來(lái)表現(xiàn)已經(jīng)制定好的創(chuàng)意策略，它是廣告內(nèi)容的文字化表現(xiàn)。在廣告設(shè)計(jì)中，文案與圖案圖形同等重要，圖形具有前期的沖擊力，具有吸引消費(fèi)者眼球的作用，而廣告文案具有較深的影響力，可以影響消費(fèi)者的購(gòu)買(mǎi)行為。在網(wǎng)店美工中可以根據(jù)產(chǎn)品的特點(diǎn)設(shè)計(jì)不同的促銷廣告，合理利用文案突出產(chǎn)品的賣點(diǎn)，一般而言廣告文案具有準(zhǔn)確規(guī)范、簡(jiǎn)明精煉、生動(dòng)形象、傳遞清楚、新穎個(gè)性和上口易記等特點(diǎn)。如圖1-18所示。圖1-18文案圖【項(xiàng)目總結(jié)】通過(guò)本項(xiàng)目的學(xué)習(xí)，學(xué)生能熟練借助互聯(lián)網(wǎng)查詢網(wǎng)店美工相關(guān)信息，對(duì)網(wǎng)店美工有清晰的認(rèn)識(shí)，能清楚美工對(duì)于網(wǎng)店的重要性，同時(shí)能通過(guò)對(duì)美工崗位的信息了解從而對(duì)自身的職業(yè)發(fā)展趨勢(shì)與從業(yè)要求有一定了解，培養(yǎng)對(duì)網(wǎng)店美工的感性認(rèn)識(shí)與基礎(chǔ)意識(shí)，為后繼學(xué)習(xí)做鋪墊?！卷?xiàng)目練習(xí)】一、選擇題1.網(wǎng)店美工是()的統(tǒng)稱。A.視覺(jué)營(yíng)銷B.淘寶美工C.網(wǎng)店頁(yè)面美化工作者2.Photoshop生成的文件默認(rèn)的文件格式擴(kuò)展名為（）。A.JPGB.PDFC、PSDD、TIF3.Fireworks生成的文件默認(rèn)的文件格式擴(kuò)展名為（）。A.PNGB.PSDC.GIFD.WORD二、問(wèn)答題1.什么是視覺(jué)營(yíng)銷？2.網(wǎng)店美工大致有哪些工作流程？項(xiàng)目二店鋪裝修基礎(chǔ)理念本項(xiàng)目中，我們將了解網(wǎng)店圖片處理、網(wǎng)店色彩搭配、網(wǎng)店布局以及網(wǎng)店美工的文案編輯。通過(guò)對(duì)圖片來(lái)源的分析，了解基本的商品拍攝技巧，認(rèn)識(shí)常用的圖像處理軟件并使用圖片處理軟件對(duì)拍攝圖片進(jìn)行基本處理，了解色彩的基礎(chǔ)知識(shí)及網(wǎng)頁(yè)的配色原則，從了解網(wǎng)店的基礎(chǔ)元素著手認(rèn)識(shí)網(wǎng)店的常用布局樣式，了解文案的寫(xiě)作手法、寫(xiě)作思路等。項(xiàng)目介紹項(xiàng)目目標(biāo)1234了解網(wǎng)店圖片來(lái)源。了解網(wǎng)店圖片的基本拍攝技巧。了解常用的圖片處理軟件及圖片后期處理知識(shí)。了解色彩基本知識(shí)及網(wǎng)頁(yè)配色原則。項(xiàng)目目標(biāo)56了解網(wǎng)頁(yè)常用的布局樣式。了解文案寫(xiě)作手法、寫(xiě)作思路等。目錄任務(wù)一圖片處理01任務(wù)二網(wǎng)店色彩搭配02任務(wù)三網(wǎng)店布局03任務(wù)四網(wǎng)店美工文案編輯04任務(wù)一圖片處理在本任務(wù)中，我們將具體了解美工日常工作的內(nèi)容，分析網(wǎng)店商品圖片的來(lái)源，了解商品的基本拍攝技巧，認(rèn)識(shí)常用的圖像處理軟件以及簡(jiǎn)單的圖像處理操作。任務(wù)描述：小張?jiān)诹私饬司W(wǎng)店美工基本的崗位知識(shí)之后，對(duì)于網(wǎng)店美工的工作非常感興趣，決定在畢業(yè)之前嘗試在淘寶網(wǎng)上開(kāi)店，以便積累相關(guān)經(jīng)驗(yàn)。在親朋幫助下小張決定在網(wǎng)上售賣童裝，然而在網(wǎng)店裝修時(shí)遇到了第一個(gè)問(wèn)題，就是商品的圖片從何而來(lái)？該如何制作？任務(wù)介紹任務(wù)實(shí)施：第一步：尋找商品圖片來(lái)源三來(lái)源一來(lái)源二由生產(chǎn)廠商提供相關(guān)商品圖片生產(chǎn)商們?cè)谔峁┥唐方o分銷商的同時(shí)，還為分銷商提供拍攝好的商品圖片。下載同行相同商品的圖片直接找同行相同的圖片但是有可能受到原商家的投訴，受到電商平臺(tái)的懲罰。自己拍攝制作拍出的圖片造型、角度、賣點(diǎn)、模特和場(chǎng)景都能自己隨心所欲的根據(jù)商品的特點(diǎn)去布置。想一想分析一下各種商品圖片來(lái)源方式分別適合哪些創(chuàng)業(yè)人群？作為具有長(zhǎng)遠(yuǎn)創(chuàng)業(yè)夢(mèng)想的創(chuàng)業(yè)者來(lái)講，最好選用哪種圖片來(lái)源方式？第二步：了解商品基本拍攝流程

1.了解商品特性，清潔整理商品2.制定拍攝計(jì)劃3.布置拍攝環(huán)境4.設(shè)置相機(jī)參數(shù)5.拍攝商品第三步：學(xué)習(xí)常用的美工圖像處理操作打開(kāi)拍攝好的圖片發(fā)現(xiàn)，商品周圍出現(xiàn)了不該出現(xiàn)的物品，這時(shí)我們可以使用裁剪工具進(jìn)行修改圖片。用PhotoshopCC打開(kāi)需要裁剪的圖片，選擇裁剪工具小圖標(biāo)或快捷鍵（C），用鼠標(biāo)調(diào)整裁剪區(qū)域，按回車鍵完成裁剪操作，如圖所示。1.裁剪圖片第三步：學(xué)習(xí)常用的美工圖像處理操作在商品攝影的時(shí)候如果沒(méi)有設(shè)置相機(jī)的白平衡，會(huì)使得照片拍出來(lái)的色彩偏色。2.調(diào)偏色第三步：學(xué)習(xí)常用的美工圖像處理操作使用PhotoshopCC打開(kāi)圖片，在菜單欄中選擇【圖像】→【調(diào)整】→【曲線】命令，打開(kāi)曲線對(duì)話框，我們知道藍(lán)色和黃色是互補(bǔ)色，所以這里選擇藍(lán)色通道進(jìn)行調(diào)整，如圖所示，用鼠標(biāo)在曲線的中部將藍(lán)色通道的曲線稍微上調(diào)至自己滿意為止。2.調(diào)偏色第三步：學(xué)習(xí)常用的美工圖像處理操作摳圖是網(wǎng)店圖片處理中最重要的一項(xiàng)工作，很多淘寶的活動(dòng)都要求是白色的背景圖片，摳圖是必需掌握的技術(shù)。（1）使用Photoshop軟件打開(kāi)需要摳圖的圖片，執(zhí)行鋼筆工具命令，選擇工具模式為“路徑”，然后在商品的邊緣單擊鼠標(biāo)并拖動(dòng)，建立節(jié)點(diǎn)及控制柄。如圖所示。3.摳圖第三步：學(xué)習(xí)常用的美工圖像處理操作2）在衣服的下一邊緣單擊鼠標(biāo)并拖動(dòng)，這樣就產(chǎn)生了光滑的路徑曲線，按住<Alt>鍵調(diào)節(jié)控制柄的方向及距離可以調(diào)節(jié)路徑的曲線，分別調(diào)節(jié)路徑中的兩個(gè)控制點(diǎn)，使路徑跟圖像邊緣盡量吻合，如圖所示。3.摳圖第三步：學(xué)習(xí)常用的美工圖像處理操作（3）依次在衣服的邊緣單擊，增加節(jié)點(diǎn)并調(diào)整控制柄，得到非常精準(zhǔn)的路徑形狀。（4）按<Ctrl+Enter>組合鍵，將路徑轉(zhuǎn)換為選區(qū)，按<Ctrl+Shift+I>組合鍵，選區(qū)反選，刪除選擇區(qū)域，完成摳圖，如圖所示。3.摳圖第三步：學(xué)習(xí)常用的美工圖像處理操作為了防止我們辛苦拍攝制作的圖片不被別人盜用，很多時(shí)候我們都會(huì)給圖片加上特有的防偽標(biāo)志——水印。（1）使用Photoshop軟件打開(kāi)需要添加水印的圖片，執(zhí)行文字工具命令，寫(xiě)上水印的文字，并調(diào)節(jié)文字的位置、方向及大小。如圖所示。4.添加水印第三步：學(xué)習(xí)常用的美工圖像處理操作（2）對(duì)文字圖層執(zhí)行“圖層”→“圖層樣式”→“混合選項(xiàng)”命令，打開(kāi)圖層樣式對(duì)話框，將常規(guī)混合中的不透明度改為55%，并勾選“描邊”為文字描黑邊。至此水印的添加就完成了，效果如所示。4.添加水印想一想在Photoshop軟件中還有什么工具能完成調(diào)色、摳圖的操作？任務(wù)二網(wǎng)店色彩搭配本任務(wù)將從介紹色彩的構(gòu)成、色彩的性格及色彩關(guān)系著手，說(shuō)明色彩對(duì)網(wǎng)頁(yè)的影響，使得讀者能夠識(shí)別顏色，感知顏色傳達(dá)的意義，同時(shí)了解網(wǎng)頁(yè)配色的原則。任務(wù)描述：小張是一名電子商務(wù)專業(yè)的學(xué)生，但對(duì)如何運(yùn)用色彩表現(xiàn)自己的網(wǎng)店風(fēng)格一直是一知半解。在決定準(zhǔn)備開(kāi)淘寶店后，小張迫切的希望能運(yùn)用色彩搭配突顯自己的網(wǎng)店風(fēng)格。那么小張能否創(chuàng)作出屬于自己的網(wǎng)店風(fēng)格呢？任務(wù)介紹任務(wù)實(shí)施：第一步：認(rèn)識(shí)網(wǎng)店顏色小張?jiān)跒g覽網(wǎng)店的時(shí)候，發(fā)現(xiàn)不同的網(wǎng)店有各自不同的顏色，而且相同的店鋪在不同時(shí)間段的顏色也不盡相同，這些更換顏色后的網(wǎng)店給人的感覺(jué)是完全不一樣的，為什么出現(xiàn)這樣的現(xiàn)象呢？第一步：認(rèn)識(shí)網(wǎng)店顏色小張想送媽媽一部手機(jī)，在網(wǎng)上查找之后發(fā)現(xiàn)網(wǎng)店為了迎合5月20日的情人節(jié)活動(dòng)，將網(wǎng)店色彩都調(diào)節(jié)成浪漫的粉色，而回想幾個(gè)月前春節(jié)時(shí)期，當(dāng)時(shí)的大部分網(wǎng)店都是以喜慶的紅色為主，如圖所示。現(xiàn)象一：不同時(shí)期的網(wǎng)店顏色第一步：認(rèn)識(shí)網(wǎng)店顏色小張想為愛(ài)喝茶的爸爸買(mǎi)些茶葉，在網(wǎng)上查找之后發(fā)現(xiàn)茶葉的網(wǎng)店顏色都基本是以綠色為主調(diào)色，而在為小侄子購(gòu)買(mǎi)兒童手表的網(wǎng)店中則是以橘黃色為主調(diào)色，如圖所示。現(xiàn)象二：不同主營(yíng)類目的網(wǎng)店顏色想一想通過(guò)以上兩種現(xiàn)象，請(qǐng)同學(xué)們想一想網(wǎng)店的主色調(diào)與什么有關(guān)？為什么要設(shè)置成這些顏色？知識(shí)鏈接掌握一些色彩的基本常識(shí)對(duì)于制作網(wǎng)店非常有幫助，這些常識(shí)內(nèi)容都源自人們對(duì)色彩的理解和科學(xué)歸類。其中色彩的色相、明度和飽和度與網(wǎng)店頁(yè)面色彩的構(gòu)成緊密相關(guān)，了解并掌握色彩的基礎(chǔ)知識(shí)可以讓網(wǎng)店設(shè)計(jì)工作事半功倍。1.色彩的種類2.色彩的屬性——色相、明度、純度

3.色彩的性格含義4.色彩的關(guān)系任務(wù)實(shí)施：第二步：了解網(wǎng)店的配色原則我們?cè)跒g覽網(wǎng)店時(shí)，首先吸引我們眼球的就是他的色彩布局和搭配，接著我們才會(huì)去關(guān)注他的細(xì)節(jié)以及文字內(nèi)容。所以顏色對(duì)于網(wǎng)店至關(guān)重要。而每種顏色都有其獨(dú)特的性質(zhì)，什么時(shí)候，什么類目用什么顏色都成為一個(gè)網(wǎng)店成功與否的關(guān)鍵。因此要把網(wǎng)店經(jīng)營(yíng)好，在顏色的搭配上必須要遵守一些基本的配色原則。任務(wù)實(shí)施：第二步：了解網(wǎng)店的配色原則1.主色調(diào)不超過(guò)三種

根據(jù)網(wǎng)店的內(nèi)容需求，選擇合適的主色調(diào)。在網(wǎng)店的主色調(diào)使用中不要將所有的顏色都用到，盡量控制在三種色彩以內(nèi)。過(guò)多的色彩，會(huì)使人產(chǎn)生雜亂無(wú)章的感覺(jué)。該模板為了凸顯溫馨風(fēng)格從而選擇以黃色為主色調(diào)，點(diǎn)綴色也以淺綠色為主。點(diǎn)綴色與主色調(diào)的顏色范圍控制在鄰近色的范疇之內(nèi)，不會(huì)給人過(guò)多的顏色跳躍，從而給人予溫和快樂(lè)的感覺(jué)。2.與主營(yíng)類目相適應(yīng)主營(yíng)類目也就是我們的商品類型，由于我們對(duì)不同商品的認(rèn)識(shí)，導(dǎo)致我們對(duì)不同的商品有著不一樣的心理印象，與商品類型相適應(yīng)的顏色則能加強(qiáng)我們的這種心理印象。母嬰店的用品對(duì)象是嬰兒，我們對(duì)嬰兒的情感總是更多一點(diǎn)溫柔，而且嬰兒代表的是一個(gè)家庭的希望，這里主色調(diào)用黃色正是因?yàn)辄S色的色彩性格代表的正是溫和與希望。再例如，在我們的印象中喝茶是一種健康的生活習(xí)慣，所以茶葉的網(wǎng)店都喜歡以綠色為主，用綠色來(lái)突出健康的特性。任務(wù)實(shí)施：第二步：了解網(wǎng)店的配色原則3.與目標(biāo)對(duì)象相適應(yīng)目標(biāo)對(duì)象即是購(gòu)買(mǎi)該商品的顧客。我們網(wǎng)店的配色要與目標(biāo)對(duì)象相適應(yīng)，要去分析目標(biāo)顧客的喜好。4.與季節(jié)、活動(dòng)、節(jié)日相適應(yīng)網(wǎng)頁(yè)的色彩需根據(jù)季節(jié)、活動(dòng)、節(jié)日的不同，使用不同的主色調(diào)。例如：春天和夏天的時(shí)候我們常使用綠色；秋天時(shí)候則用黃色比較多；冬天時(shí)會(huì)用紅色或黃色比較暖的色系；520這樣的活動(dòng)日子則用粉色；春節(jié)期間網(wǎng)店頁(yè)面常使用紅色增添喜慶的氛圍。5.慎用色彩過(guò)于艷麗的顏色過(guò)于艷麗的顏色比較刺眼，人看久了會(huì)產(chǎn)生視覺(jué)疲勞，甚至反感。過(guò)于艷麗的顏色要少用，如果一定要使用艷麗的顏色來(lái)刺激顧客眼球的話，要注意這樣的顏色的面積不能過(guò)大。任務(wù)實(shí)施6.注意背景與文字顏色的對(duì)比最后還要注意圖片背景與文案文字之間的顏色對(duì)比，當(dāng)背景顏色是綠色，而選擇同類色作為文字的顏色時(shí)，兩色之間對(duì)比不明顯，要看清文字比較費(fèi)力；而選擇對(duì)比色紅色作為文字的顏色時(shí)，兩色對(duì)比明顯，但太刺眼，看久了會(huì)使眼睛過(guò)于疲勞。正確的方式應(yīng)該是選取鄰近色作為文字的顏色，效果會(huì)比較好，如上圖所示。第二步：了解網(wǎng)店的配色原則

同類色的文字

對(duì)比色的文字鄰近色的文字想一想請(qǐng)同學(xué)們結(jié)合網(wǎng)店配色原則，思考如果售賣的是職業(yè)女裝為主的商品，網(wǎng)店應(yīng)如何配色，主色調(diào)以什么色為主？任務(wù)三網(wǎng)店布局在本任務(wù)中，我們將分析淘寶網(wǎng)店首頁(yè)中基本的元素，了解常見(jiàn)的網(wǎng)頁(yè)布局樣式，分析網(wǎng)頁(yè)布局規(guī)劃，培養(yǎng)網(wǎng)店布局意識(shí)，為后續(xù)裝修網(wǎng)店做準(zhǔn)備。任務(wù)描述：淘寶店的裝修是通過(guò)各模塊的組合堆砌而成，那么各個(gè)模塊該如何堆砌才能抓住客戶的購(gòu)買(mǎi)心理，成了困擾小張的一個(gè)難題。任務(wù)介紹任務(wù)實(shí)施：第一步：認(rèn)識(shí)網(wǎng)店結(jié)構(gòu)了解網(wǎng)店吸引買(mǎi)家的原因，就要先了解其基本的模塊元素。在淘寶首頁(yè)的布局管理中，可以通過(guò)增加模塊內(nèi)容達(dá)到美化店鋪，突出商品展示的效果，并以此來(lái)達(dá)到吸引客戶，提高銷量的效果。我們以圖所示某天貓店鋪首頁(yè)圖為例。任務(wù)實(shí)施：第一步：認(rèn)識(shí)網(wǎng)店結(jié)構(gòu)1.店招及導(dǎo)航通常店招用于展示店鋪名稱，能很好的展示品牌形象，也常當(dāng)作廣告位進(jìn)行商品的展示。導(dǎo)航則用于店鋪的分類導(dǎo)航、產(chǎn)品搜尋等功能，讓消費(fèi)者更方便快捷的了解店鋪分類，精確找到所需商品。2.輪播圖輪播圖主要用于產(chǎn)品形象展示，店鋪活動(dòng)宣傳和主推商品的展示等。為了充分發(fā)揮首屏的營(yíng)銷效果，我們將整店的產(chǎn)品與活動(dòng)做成圖片輪播圖的模式去展示，這樣就能在第一屏展示多張Banner圖片。而且為了讓消費(fèi)者在第一屏就能將重要的信息看完整，我們要控制好圖片的高度，建議應(yīng)將圖片高度控制在400像素至600像素之間較好。3.店鋪活動(dòng)導(dǎo)航店鋪活動(dòng)導(dǎo)航主要用于展示店鋪的活動(dòng)，使消費(fèi)者進(jìn)入店鋪首頁(yè)能獲取到店鋪的活動(dòng)信息，如案例中的優(yōu)惠券能讓消費(fèi)者了解到店鋪的優(yōu)惠活動(dòng)。任務(wù)實(shí)施：第一步：認(rèn)識(shí)網(wǎng)店結(jié)構(gòu)4.主推商品展區(qū)主推商品展區(qū)向消費(fèi)者推薦本店熱賣或者是優(yōu)惠新品等，將其放在首頁(yè)前端能很好地吸引消費(fèi)者的注意，從而推銷產(chǎn)品。5.客服區(qū)客服區(qū)就像是店鋪中的導(dǎo)購(gòu)，消費(fèi)者可以實(shí)時(shí)聯(lián)系店鋪人員，促使商品的售賣。6.產(chǎn)品展示區(qū)我們?cè)谡故就昃W(wǎng)店的相關(guān)活動(dòng)之后，如果前面展示的活動(dòng)商品都不能吸引消費(fèi)者的購(gòu)買(mǎi)的話，那么產(chǎn)品展示區(qū)就給了店鋪其他商品一個(gè)很好的展示平臺(tái)，讓消費(fèi)者能有更多的選擇。7.頁(yè)尾網(wǎng)店頁(yè)尾的內(nèi)容可以添加消保、售后服務(wù)、7天無(wú)理由退換貨、購(gòu)物流程、聯(lián)系方式等等。知識(shí)鏈接網(wǎng)店的裝修布局要充分考慮顧客的視線關(guān)注范圍和方向，也就是顧客的視覺(jué)流程，一般情況下顧客的視覺(jué)流程是由上至下的對(duì)網(wǎng)店進(jìn)行瀏覽。根據(jù)此種視覺(jué)流程可進(jìn)行豎向型的版面布局。如圖所示。豎向型的視覺(jué)流程設(shè)計(jì)的畫(huà)面，能產(chǎn)生穩(wěn)定感，條理顯示更清晰，符合人的閱讀習(xí)慣，也是常見(jiàn)的網(wǎng)店布局樣式之一。知識(shí)鏈接另一種比較常見(jiàn)的網(wǎng)頁(yè)布局樣式是曲線型的版面布局。曲線型的視覺(jué)流程是指畫(huà)面的設(shè)計(jì)元素按照曲線的變化進(jìn)行排列。如圖所示。曲線型的視覺(jué)流程將版面按照S型的曲線進(jìn)行編排，產(chǎn)生一定的韻律感，容易讓版面布局產(chǎn)生視覺(jué)平衡，也會(huì)讓畫(huà)面的視覺(jué)空間效果更加靈動(dòng)，有跳躍性，引導(dǎo)閱讀減少視覺(jué)疲勞。任務(wù)四網(wǎng)店美工文案編輯在本任務(wù)中，我們將學(xué)習(xí)美工文案的編輯，分析網(wǎng)店美工的文案寫(xiě)作技巧，了解商品的賣點(diǎn)文案寫(xiě)作方法。任務(wù)描述：小張?jiān)诮?jīng)過(guò)幾個(gè)月的網(wǎng)店運(yùn)營(yíng)之后發(fā)現(xiàn)，自己的商店訪問(wèn)量少的可憐，一些商品的點(diǎn)擊率也慘不忍睹，百思不得其解的小張決定看看同行銷量大的網(wǎng)店是怎么經(jīng)營(yíng)的，那么小張能否發(fā)現(xiàn)其中奧秘呢？任務(wù)介紹任務(wù)實(shí)施：第一步：初識(shí)美工文案小張通過(guò)運(yùn)營(yíng)自己的網(wǎng)店后發(fā)現(xiàn)自己制作的圖片的點(diǎn)擊率不理想，自己明明已經(jīng)把商品圖片處理的很漂亮，為什么還是不能吸引顧客的點(diǎn)擊呢？任務(wù)實(shí)施經(jīng)過(guò)查找，發(fā)現(xiàn)主圖存在很大的差異，比如，同樣是女童牛仔褲，左圖是自己店鋪的圖片，雖然該圖片整體風(fēng)格活潑并完美展示了商品款式，然而和右圖相比，右圖不但展示了商品的款式，同時(shí)簡(jiǎn)單的幾句文案更說(shuō)明了商品的特點(diǎn)“無(wú)束縛，柔軟”，并且主圖下面的“第二件半價(jià)”也特醒目的宣告著本店的優(yōu)惠信息，吸引著顧客的眼球。想一想想一想如圖所示兩張圖片，哪張更能吸引到消費(fèi)者？為什么？任務(wù)實(shí)施：第二步：了解美工文案的寫(xiě)作方法通過(guò)對(duì)比，小張發(fā)現(xiàn)了美工文案對(duì)于網(wǎng)店的重要性，決定學(xué)習(xí)美工文案知識(shí)，為此小張?zhí)匾馊プ稍兞嗽陔娚坦旧习嗟谋砀缧±睢１砀缧±罱Y(jié)合自身實(shí)際給小張講了這樣一個(gè)小故事。小故事小李去了一家公司做美工實(shí)習(xí)，很快接到公司做主圖的任務(wù)，做主圖對(duì)于小李來(lái)說(shuō)輕而易舉，很快一張精美漂亮的主圖就交到了運(yùn)營(yíng)手里，如圖所示。小故事運(yùn)營(yíng)：小李，你這做的是什么啊，我們的產(chǎn)品賣點(diǎn)沒(méi)有表達(dá)出來(lái)呀。美工：賣點(diǎn)？能具體說(shuō)一下嗎？運(yùn)營(yíng)：就是我們產(chǎn)品有什么功能嘛，可以去跟產(chǎn)品研發(fā)部多溝通一下，而且我們使用的是順豐快遞這也是我們的優(yōu)勢(shì)呀！美工：嗯，明白了。小李經(jīng)過(guò)跟研發(fā)部溝通后，為自己的主圖加入了相關(guān)元素，如圖所示，自信滿滿的小李又一次來(lái)到了運(yùn)營(yíng)經(jīng)理辦公室。小故事運(yùn)營(yíng)：小李，你這賣點(diǎn)是表達(dá)出來(lái)了，可是我總覺(jué)得怪怪的，沒(méi)有亮點(diǎn)呀。美工：怪怪的？什么亮點(diǎn)？運(yùn)營(yíng)：去跟你帶班師父聊一下吧！美工：嗯，好吧。滿腹疑問(wèn)的小李，跟自己的師父抱怨了起來(lái)。師父看完后幫忙指點(diǎn)了一下，小李帶著再次修改好的如圖所示的商品主圖走進(jìn)了運(yùn)營(yíng)辦公室，這次運(yùn)營(yíng)終于滿意的點(diǎn)點(diǎn)頭。想一想通過(guò)案例，同學(xué)們討論一下小李的各個(gè)時(shí)期制作的主圖中的不同點(diǎn)，為什么要這樣修改？知識(shí)鏈接網(wǎng)店美工文案的寫(xiě)作思路1.標(biāo)題突出

圖片是簡(jiǎn)單直觀的一種表達(dá)方式，這樣就注定了美工文案，不能像軟文文案那樣去鋪墊，去羅列產(chǎn)品的賣點(diǎn)，它只能簡(jiǎn)潔的去表達(dá)一兩個(gè)賣點(diǎn)而且要表達(dá)的內(nèi)容是最直觀的、最特別的、最具有優(yōu)勢(shì)的商品賣點(diǎn)，最好能直擊消費(fèi)者的痛點(diǎn)，讓消費(fèi)者毫不猶豫就決定點(diǎn)擊進(jìn)來(lái)看看。所以做圖片時(shí)要把握好圖片的標(biāo)題，而且要適當(dāng)調(diào)整字體的大小以便突出標(biāo)題。一般情況下可以制作主標(biāo)題跟副標(biāo)題，比如上面的案例里面主標(biāo)題是“停電可用”，副標(biāo)題是“順豐包郵”。知識(shí)鏈接網(wǎng)店美工文案的寫(xiě)作思路知識(shí)鏈接網(wǎng)店美工文案的練習(xí)思路試一試請(qǐng)同學(xué)們根據(jù)所學(xué)知識(shí)，試一試給下圖登山鞋商品添加文案，并說(shuō)明你添加文案的理由。假設(shè)該登山鞋品牌是鴻星爾克，材質(zhì)主要為人造皮革、橡膠與織物，具有耐磨、防滑、透氣等功能，促銷方式為贈(zèng)送戶外水壺。知識(shí)加油站規(guī)避美工文案風(fēng)險(xiǎn)隨著市場(chǎng)監(jiān)督的日益規(guī)范，法律法規(guī)的日益完善，尤其是《中華人民共和國(guó)廣告法》的頒布實(shí)施，各大電商平臺(tái)都以《中華人民共和國(guó)廣告法》為標(biāo)準(zhǔn)規(guī)范平臺(tái)內(nèi)的廣告。所