項目一

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

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

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

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

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

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

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

4.根據(jù)公司不定期促銷計劃，對公司網(wǎng)絡(luò)平臺店鋪進行頁面美化設(shè)計，配合推廣制作推廣效果圖，并能提供營銷策劃建議；5.對公司的周邊宣傳資料與產(chǎn)品進行美術(shù)設(shè)計創(chuàng)意。二、工作流程想一想根據(jù)淘寶美工的工作流程，同學(xué)們討論一下以下的工作是屬于工作流程中的哪一步？并進行連線。A.了解此次美工任務(wù)的主題B.為詳情圖添加HTML代碼C.將此次美工任務(wù)的完整資料進行備份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)品價值的展現(xiàn)，是促進銷量的關(guān)鍵因素之一。如果店內(nèi)營銷也做得很到位的話，那么，顧客在網(wǎng)頁停留的時間越長，成交的可能性也越大。美工不僅要有單一圖片處理的能力，而且也要考慮如何整體配合突出要表達的主題，深刻理解文字的文字并將其轉(zhuǎn)化為美工設(shè)計。圖1—7創(chuàng)意對比圖知識鏈接

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

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

TIFF

JPEG

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

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

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

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

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

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

同類色的文字

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

圖片是簡單直觀的一種表達方式，這樣就注定了美工文案，不能像軟文文案那樣去鋪墊，去羅列產(chǎn)品的賣點，它只能簡潔的去表達一兩個賣點而且要表達的內(nèi)容是最直觀的、最特別的、最具有優(yōu)勢的商品賣點，最好能直擊消費者的痛點，讓消費者毫不猶豫就決定點擊進來看看。所以做圖片時要把握好圖片的標題，而且要適當調(diào)整字體的大小以便突出標題。一般情況下可以制作主標題跟副標題，比如上面的案例里面主標題是“停電可用”，副標題是“順豐包郵”。知識鏈接網(wǎng)店美工文案的寫作思路知識鏈接網(wǎng)店美工文案的練習(xí)思路試一試請同學(xué)們根據(jù)所學(xué)知識，試一試給下圖登山鞋商品添加文案，并說明你添加文案的理由。假設(shè)該登山鞋品牌是鴻星爾克，材質(zhì)主要為人造皮革、橡膠與織物，具有耐磨、防滑、透氣等功能，促銷方式為贈送戶外水壺。知識加油站規(guī)避美工文案風(fēng)險隨著市場監(jiān)督的日益規(guī)范，法律法規(guī)的日益完善，尤其是《中華人民共和國廣告法》的頒布實施，各大電商平臺都以《中華人民共和國廣告法》為標準規(guī)范平臺內(nèi)的廣告。所以作為一名合格的網(wǎng)店美工必須要了解《中華人民共和國廣告法》，規(guī)避美工文案中存在的風(fēng)險。以下列出網(wǎng)店美工常見的幾種違反廣告法的行為，以幫助讀者規(guī)避網(wǎng)店美工文案的風(fēng)險。1.使用極限用詞根據(jù)廣告法規(guī)定不得使用“國家級”、“最高級”、“最佳”等用語。在實際操作中這樣的極限用語不得出現(xiàn)在網(wǎng)店廣告文案中。使用極限詞語的違規(guī)商家，將被扣分，并遭到二十萬元以上、一百萬元以下罰款，情節(jié)嚴重者將被直接封店。據(jù)悉，極限用詞包括以下詞匯：國家級、世界級、最高級、最佳、最好、最大、最便宜、最新、最先進、首個、首選、首發(fā)、首家、絕對、獨家、世界領(lǐng)先、頂級、頂尖、終極、銷量冠軍、第一(NO.1Top1)、萬能等等。知識加油站規(guī)避美工文案風(fēng)險

2.文案中有數(shù)據(jù)，但未注明數(shù)據(jù)來源網(wǎng)店美工抓住大部分人對數(shù)據(jù)比較敏感，具有從眾心理的特點，往往會使用數(shù)據(jù)來吸引人們的注意，達到吸引關(guān)注的目的。比如“已售出138008件”。這樣的文案違反了廣告法中第十一條：廣告使用數(shù)據(jù)、統(tǒng)計資料、調(diào)查結(jié)果、文摘、引用語等引證內(nèi)容的，應(yīng)當真實、準確，并表明出處的規(guī)定，也就是說如果不能提供這個“138008”數(shù)據(jù)的出處，那就事違反了相關(guān)的規(guī)定。3.普通商品宣傳醫(yī)療效果廣告法規(guī)定，除醫(yī)療、藥品、醫(yī)療器械廣告外，禁止其他任何廣告涉及疾病治療功能，并不得使用醫(yī)療用語或者易使推銷的商品與藥品、醫(yī)療器械相混淆的用語。例如在對山楂餅的商品宣傳中，往往會使用“健胃消食”的文案，但是由于山楂餅不屬于藥品，所以不得使用“健胃消食”這樣的醫(yī)學(xué)用語。知識加油站規(guī)避美工文案風(fēng)險

4.與他人商品做對比，貶低他人的商品自己的產(chǎn)品好不好拿他人的商品比一比就知道了，這是網(wǎng)店美工常見的文案設(shè)計，殊不知在對比的同時或多或少就會貶低了他人的商品，這樣的對比方式是不允許的。廣告法明確規(guī)定廣告不得貶低其他生產(chǎn)經(jīng)營者的商品或者服務(wù)?！卷椖靠偨Y(jié)】

本章介紹了圖片來源和拍攝技巧、常見的圖片后期處理技巧、色彩的基本知識和網(wǎng)頁配色原則、網(wǎng)店常見布局樣式、文案的寫作手法以及寫作思路。網(wǎng)店裝修沒有固定的格式與方法，文案的寫作方式與技巧也是日新月異。當然也有一些共性，就是要時刻提醒自己不斷的去學(xué)習(xí)、去總結(jié)，能夠廣征博引、觸類旁通。當一個人全心投入一件事的時候，往往會出好的成績?！卷椖烤毩?xí)】一、理論題1.拍攝商品細節(jié)時，通常使用攝像機的

功能來進行拍攝。2.色彩都具有三種基本屬性，它們分別是

、

、

。3.網(wǎng)店常見的布局樣式分為

型和

型兩種。二、問答題1.網(wǎng)店圖片來源的方式包括哪幾種方式？2.網(wǎng)店的配色原則有哪些？【項目練習(xí)】三、實踐題將圖中的商品跟贈品合成為一張主圖，并添加上文案，最終效果不限，由授課老師評分（主圖尺寸為800像素×800像素，文案要求突出賣點，有重點。整體圖片美觀）。項目三

產(chǎn)品主輔圖設(shè)計與制作項目簡介本項目重點圍繞產(chǎn)品主輔圖的設(shè)計制作展開論述。在淘寶寶貝詳情頁中，最重要且最先吸引買家的就是產(chǎn)品的主輔圖。主圖展示的是產(chǎn)品的主要信息，輔圖是對主圖的補充，可以從不同的角度進一步展示產(chǎn)品的更多信息。不同類目的產(chǎn)品展示的內(nèi)容也各不相同，好的寶貝主圖除了要展示產(chǎn)品的相關(guān)信息之外，更重要的是要能夠吸引顧客，讓顧客產(chǎn)生購買行為，并能夠提高買家的回頭率。所以說主圖是影響流量的重要因素，同時也是除價格之外影響點擊率的重要因素之一。項目目標

明確主輔圖的作用，掌握主輔圖的設(shè)計原則。能夠根據(jù)產(chǎn)品特點，兼顧客戶的意愿，靈活地選片，并使用“文字”工具輔助完成主輔圖的制作。培養(yǎng)學(xué)生獨立思考、大膽創(chuàng)新、認真操作的學(xué)習(xí)習(xí)慣。鍛煉學(xué)生與客戶的溝通能力，使學(xué)生學(xué)會聆聽，在交流過程中既能保證遵守行業(yè)標準，又能達到客戶滿意的效果。任務(wù)一

服裝類主輔圖設(shè)計與制作【任務(wù)介紹】在本任務(wù)中，我們主要是對服裝類網(wǎng)店的主輔圖進行設(shè)計制作。通過主圖來展示服裝的穿著效果，利用基本的形狀和簡短的文字來對品牌、質(zhì)地等相關(guān)信息加以說明。同時，通過輔圖來展示服裝類產(chǎn)品的不同顏色以及正面、背面、側(cè)面的穿著效果，并選用白底圖，以提高產(chǎn)品在手機端的曝光率?！救蝿?wù)描述】設(shè)計師通過與客戶溝通了解得知，網(wǎng)店要為“DCODE”品牌的一款披風(fēng)設(shè)計主輔圖，再通過進一步交流得知客戶的要求如下：1、在主圖中體現(xiàn)出產(chǎn)品的品牌與品質(zhì)；2、輔圖要更全面地展示出產(chǎn)品的多種信息；3、圖片配色和諧，文字使用美觀得當；4、提高產(chǎn)品在手機端的曝光率?！救蝿?wù)實施】第一步：服裝主圖設(shè)計思路分析設(shè)計師在明確了客戶的要求后，根據(jù)客戶提供的產(chǎn)品素材及產(chǎn)品特點，依據(jù)主圖的制作原則，給出以下主圖設(shè)計思路:1.選用年輕模特，從而界定產(chǎn)品的受眾對象。如果沒有真實模特，需從網(wǎng)上選取人物圖片素材，一定注意在使用之前必須取得相關(guān)授權(quán)，避免引起不必要的法律糾紛。2.左上角黑色矩形白色文字“DCODE專屬你的感覺”，既突出了產(chǎn)品的品牌，又能給人一種專屬于本人的感覺。3.右下角的文字標注“80%澳洲羊毛、雙面羊毛呢”，既說明了產(chǎn)品的質(zhì)地，在設(shè)計上又同左上角的矩形框做了呼應(yīng)，且把文字設(shè)置成不同的顏色，可以使畫面更加生動和諧。4.主圖采用標準尺寸800px×800px。第二步：主圖操作實施設(shè)計師與客戶溝通設(shè)計思路后形成可行的實施方案，在征得客戶滿意后，具體制作過程如下：1.新建文檔啟動Photoshop軟件，選擇“文件”→“新建”命令，創(chuàng)建一個空白文檔，在彈出的“新建”對話框中，輸入文件名稱：主圖，將文件的寬度、高度分別設(shè)置為800px，設(shè)置分辨率72像素/英寸，其他取默認值。知識鏈接

淘寶規(guī)范：寶貝主圖大小不能超過3MB，700px*700px以上圖片上傳后寶貝詳情頁自動提供放大鏡功能。2.導(dǎo)入背景素材選擇“文件”→“置入嵌入對象”命令，置入素材文件001，按住<shift>鍵對圖片進行縮放并移動到相應(yīng)的位置，在圖片中雙擊，完成效果見圖3-1。

圖3-1主圖模特效果3.制作左側(cè)LOGO圖標（1）置入素材文件007，用同樣的方法進行縮放并移動到相應(yīng)的位置。（2）用“矩形選框”工具創(chuàng)建矩形選區(qū)，在圖層面板為該圖層添加圖層蒙版，顯示LOGO的合適位置和大小，完成LOGO的制作，效果見圖3-2所示。圖3-2完成LOGO制作后的主圖效果4.右下角品質(zhì)標示（1）新建圖層，選擇“橢圓選框”工具繪制圓形選區(qū)，填充黑色。（2）使用“矩形選框”工具，按住<Alt>鍵，在原來圓形選區(qū)的基礎(chǔ)上減去下半部分，形成半圓形選區(qū)，填充白色，見圖3-3。圖3-3減選并填充白色（3）在圖層面板上，為該圖層添加“描邊”圖層樣式，6px，黑色，完成效果見圖3-4。圖3-4制作完成描邊后的效果（4）分別輸入“80%”“澳洲羊毛”“雙面羊毛呢”，并設(shè)置成不同的字體、大小及顏色，完成效果制作，見圖3-5。（5）按組合鍵<Ctrl+S>保存文件，并按組合鍵<Ctrl+Shift+S>將文件保存為jpeg格式。圖3-5寶貝主圖最終效果小技巧

白色部分選區(qū)的創(chuàng)建，可通過獲取矩形選區(qū)與圓形選區(qū)的交集來完成，操作方法如下：（1）保留“圓形”選區(qū)或按住<CTRL>鍵單擊“圓形”所在圖層的縮略圖，獲取圓形選區(qū)。（2）選擇“矩形”工具，在選項欄中選擇“與選區(qū)交叉”按鈕。（3）框選部分圓形選區(qū)，即可獲取。第三步：服裝輔圖設(shè)計思路分析1.輔圖是對產(chǎn)品的相關(guān)信息做更詳盡的展示，是對主圖中的未盡事宜加以補充與完善，所以輔圖只需對產(chǎn)品的不同顏色、不同部位的穿著效果以及產(chǎn)品的未穿著狀態(tài)做進一步展示。2.所提供的四幅輔圖，仍然采用800px*800px大小。3.最后一張輔圖設(shè)為白底圖，是為了讓顧客在淘寶首頁中能夠搜索到該寶貝。第四步：輔圖操作實施設(shè)計師和客戶溝通后，選取了客戶提供的部分素材完成輔圖設(shè)計，具體操作步驟如下：1.制作輔圖1（1）新建文件輔圖1，設(shè)置大小為800px*800px，設(shè)置分辨率為72像素/英寸。（2）置入素材文件002，按住<shift>鍵等比例調(diào)整大小及位置。（3）按組合鍵<Ctrl+S>保存文件，并按組合鍵<Ctrl+Shift+S>將文件保存為jpeg格式，效果圖見3-6。圖3-6寶貝輔圖12.制作輔圖2（1）新建文件輔圖2，設(shè)置同輔圖1。（2）置入素材文件003，調(diào)整大小及位置。（3）按組合鍵<Ctrl+S>保存文件，并按組合鍵<Ctrl+Shift+S>將文件保存為jpeg格式，效果見圖3-7。圖3-7寶貝輔圖23.制作輔圖3（1）新建文件輔圖3，設(shè)置同輔圖1。（2）置入素材文件004，調(diào)整大小及位置，效果見圖3-8。（3）置入素材文件005，調(diào)整大小及位置，效果見圖3-9。圖3-8調(diào)整素材文件004后效果圖3-9調(diào)整素材文件005后效果（4）在當前圖層（文件005所在圖層），創(chuàng)建矩形選區(qū)，添加圖層蒙版，圖層效果見圖3-10所示。制作兩張圖片一左一右的效果，見圖3-11所示。圖3-10圖層效果圖3-11兩張圖片一左一右效果（5）在兩張圖片結(jié)合處，繪制一個黑色矩形條。（6）使用快捷鍵Ctrl+S保存文件，并使用快捷鍵Ctrl+Shift+S將文件保存為jpeg格式。效果見圖3-12。圖3-12輔圖3最終效果4.制作輔圖4（1）新建文件輔圖4，設(shè)置同輔圖1。（2）置入素材文件006，調(diào)整至合適大小，并旋轉(zhuǎn)至衣服擺正。(3)使用鋼筆工具對衣服進行摳圖，復(fù)制衣襟部分對衣架進行遮蓋，去掉圖中的陰影和衣架。(4)按組合鍵<Ctrl+S>保存文件，并按組合鍵<Ctrl+Shift+S>將文件保存為JPEG格式，效果見圖3-13。圖3-13輔圖4最終效果知識鏈接

淘寶白底圖設(shè)計規(guī)范1.基礎(chǔ)格式規(guī)范（白底圖基礎(chǔ)格式規(guī)范，制作上傳必須達到的基本要求）（1）圖片格式：圖片背景為#ffffff白色背景，圖片尺寸800px*800px，圖片分辨率72像素/英寸，圖片存儲格式為PNG或JPG，圖片容量大小小于3M。（2）嚴禁出現(xiàn)：敏感類目、違禁商品、政治敏感內(nèi)容、宗教敏感內(nèi)容、喪葬用品。2.標準規(guī)范（1）構(gòu)圖基本原則：依據(jù)圖片的類型，大體將圖片幾何化，商品主體展示完整，根據(jù)商品圖類型確定構(gòu)圖。（2）基礎(chǔ)規(guī)范通用要求：①背景純白底：背景需要為純白色，不能有多余的背景、線條等未處理干凈的元素。②無模特：不允許出現(xiàn)模特圖，只允許商品圖。③無陰影和摳圖痕跡：不允許有陰影和毛糙摳圖痕跡。④單主體：只能出現(xiàn)單主體商品，不允許出現(xiàn)多主體（套裝除外，套裝不可以超過5件）。⑤不要拼圖，不要有人體部位：不要拼合而成的商品圖，不要出現(xiàn)人體的部位。⑥不要出現(xiàn)其他內(nèi)容：不要出現(xiàn)文字、LOGO、水印等。⑦主體要完整不破損：商品主體完整，沒有破損。⑧主體識別度高：主體可識別，能辨別為什么商品。⑨嚴謹出現(xiàn)：色情、暴力、政治敏感、宗教類商品素材，包含商品自身，商品上圖案，商品形狀。【舉一反三】某服裝網(wǎng)店在換季時節(jié)將推出新品上衣，為了配合新品的上市，現(xiàn)需制作產(chǎn)品主輔圖。設(shè)計師與客戶溝通后得到需求信息請根據(jù)以上客戶反饋信息，為該女裝制作主輔圖（客戶提供的商品圖見資源包）。項目客戶反饋受眾對象年輕女士產(chǎn)品賣點100%純羊絨衫女高領(lǐng)韓版寬松毛衣主圖尺寸800px*800px輔圖尺寸800px*800px是否需要白底圖是任務(wù)二

食品類主輔圖設(shè)計與制作【任務(wù)介紹】在本任務(wù)中我們將為食品類網(wǎng)店設(shè)計制作主輔圖。了解食品類主輔圖主要從原材料、做工、外觀、包裝等方面展示產(chǎn)品的相關(guān)信息。清楚主圖制作特點是以圖為主，配以文字，既能通過圖片展現(xiàn)產(chǎn)品的相關(guān)信息，又可通過文字，對產(chǎn)品有一個概括介紹。能在制作過程中通過對文字的字體、大小以及圖層樣式的靈活運用，以及路徑的繪制與編輯，來完善整個主圖的設(shè)計。同時通過輔圖對食品的外觀、種類及原材料等方面做更清晰地展示?！救蝿?wù)描述】中秋將至，某食品類網(wǎng)店打出了“綠色”月餅的推銷活動。設(shè)計師通過與客戶溝通得知，該網(wǎng)店需要制作月餅的主輔圖，本著既能繼續(xù)保持品牌形象，同時還要抓住時機提高經(jīng)濟效益的原則，現(xiàn)對美工提出如下設(shè)計要求：1、主圖簡潔大方有品味，能夠清晰地展現(xiàn)產(chǎn)品；2、要突出產(chǎn)品的特點與賣點“手工制作、綠色無添加”；3、輔圖要從多角度展示產(chǎn)品的種類與外觀。傳統(tǒng)文化鏈接

中秋節(jié)是我國一大傳統(tǒng)節(jié)日，已經(jīng)被列入我國非物質(zhì)文化遺產(chǎn)。中秋節(jié)自古便有祭月、賞月、拜月、吃月餅、賞桂花、飲桂花酒等習(xí)俗，流傳至今，經(jīng)久不息。同時，作為民族文化展現(xiàn)最豐富的傳統(tǒng)節(jié)日之一，中秋節(jié)有著獨特的文化內(nèi)涵，它象征著親人團圓、社會和諧、感恩自然和家國情懷，是中國人民的偉大創(chuàng)舉，是中華民族渴望統(tǒng)一、團結(jié)的歷史見證，更是海內(nèi)外中華兒女認同、溝通、凝聚和發(fā)展的精神動力，在中國人的生活中占有極其重要的地位?！救蝿?wù)實施】第一步：食品主圖設(shè)計思路分析設(shè)計師在明確了客戶的要求后，根據(jù)客戶提供的產(chǎn)品素材及產(chǎn)品特點，依據(jù)主圖的制作原則，給出以下主圖設(shè)計思路：1.圖片居中，以體現(xiàn)其主體地位；為了清晰地展示產(chǎn)品所使用的食材，最好使用掰開的月餅。2.為了傳遞了“新鮮、綠色”的理念，可放置綠葉做為襯托。3.根據(jù)產(chǎn)品的品質(zhì)和特點，可采用深色背景，既與月餅屬于同一色調(diào)，又體現(xiàn)出一種高端的品質(zhì)，達到了品牌的效果。4.根據(jù)要求，使用“濃情中秋”四個白色字，大小不同，再配以“月亮”形狀等曲線，既突出了作品的主題，又形成了鮮明的對比，更顯靈動。設(shè)計時可優(yōu)先選用系統(tǒng)自帶字體，如果使用他人字體用于商業(yè)活動，必須經(jīng)著作權(quán)人允許，否則就會構(gòu)成字體侵權(quán)，要承擔(dān)侵權(quán)責(zé)任。5.“美味擋不住”使用了活潑的小字體，以紅色圓做背景，既給人以喜慶的感覺，又使整體布局錯落有致，主次分明。6.“無添加無防腐，純手工制作”，既體現(xiàn)了產(chǎn)品的賣點，又使整個畫面更加豐滿，不張揚的虛線框更能凸顯出文字本身的內(nèi)容，讓人不能忽略。第二步：主圖操作實施設(shè)計師在與客戶溝通設(shè)計思路后形成主圖，征得客戶同意后，著手主圖的制作，具體制作過程如下：1.安裝“華康字體包”將下載的“華康字體包”中的文件復(fù)制并粘貼到“C:\Windows\Fonts”目錄下。2.新建文檔啟動Photoshop軟件，選擇菜單“文件”→“新建”命令，創(chuàng)建一個空白文檔，在彈出的“新建”對話框中，輸入文件名稱——主圖，將文件的寬度、高度分別設(shè)置為800px，其他取默認值。3.制作背景（1）新建圖層，填充徑向漸變，左右滑塊顏色分別設(shè)為：#a05a1e，#060201；填充效果見圖3-14。圖3-14漸變填充效果小貼士

相同的漸變設(shè)置，拖動的長度、角度不同，都會影響最終的漸變效果。（2）為當前圖層設(shè)置“添加雜色”濾鏡效果，數(shù)量14.21%、平均分布、單色。具體參數(shù)見圖3-15。（3）設(shè)置“動感模糊”濾鏡效果，角度90度，距離30px。具體參數(shù)見圖3-16。圖3-15添加雜色圖3-16動感模糊小技巧

濾鏡是Photoshop中功能最豐富、效果最獨特的工具之一，為圖層添加漸變填充后，再與雜色、模糊等多種濾鏡結(jié)合使用，可以做出不同的背景效果。（4）將當前圖層上移至約100px處，再通過加深、減淡工具對明暗處分別加以調(diào)整，效果見圖3-17。（5）選擇“直線”工具繪制直線，黑色填充，無描邊，寬度為1px，并通過復(fù)制、排列與對齊等操作，完成圖3-18效果。圖3-17加深、減淡后的效果圖3-18繪制直線后的效果（6）設(shè)置線條所在圖層的混合模式為柔光，不透明度為30%，完成線條與背景的混合。圖層設(shè)置見圖3-19，效果見圖3-20。圖3-19混合模式及不透明度設(shè)置圖3-20設(shè)置混合模式及不透明度后的效果小貼士

利用加深工具對圖像的某一部分進行涂抹，可以使被涂抹區(qū)域的亮度降低，圖像變暗，減淡工具則相反。

Photoshop軟件提供了許多可以直接應(yīng)用于圖層的混合模式，此模式?jīng)Q定圖像中位于上面的圖層像素如何與其下面的圖層像素進行混合，以創(chuàng)建各種特殊效果?！叭峁狻蹦Ｊ絼t根據(jù)上層圖像是否比50%的灰色亮而使圖像變亮或變暗，這里的圖像變亮。4.添加圖片打開素材文件001，將之復(fù)制到當前文件中，并調(diào)整至合適的大小，通過鋼筆摳圖，完成效果見圖3-21。圖3-21添加圖片后的效果5.“濃情中秋”制作（1）依次輸入文字“濃情中秋”，設(shè)為康宋體W12(P)，傾斜，白色：#ffffff，渾厚，四個字的大小分別設(shè)為90點、73點、98點、90點。（2）分別為文字添加相同的投影效果，設(shè)置混合模式為“正片疊底”，不透明度75%，角度90°，使用全局光，距離和大小為5px，其他取默認值。小貼士

“渾厚”是消除文字的邊緣鋸齒的一種方法。消除鋸齒的方法有五個選項，分別為“無”（不消除鋸齒）、“銳利”（使文字邊緣銳化）、“犀利”（消除鋸齒，使文字邊緣清晰）、“渾厚”（消除鋸齒，文本變粗）和“平滑”（消除鋸齒，產(chǎn)生平滑的效果）。

使用圖層的樣式，可以方便地在圖層上制作出陰影、發(fā)光、浮雕及描邊等各種效果，通過拷貝圖層樣式，可以為多個圖層設(shè)置相同的樣式效果，方便操作。6.修飾曲線的繪制（1）利用鋼筆工具繪制月亮形狀的路徑后，轉(zhuǎn)換為選區(qū)，新建圖層，填充黃色：#fff67f。（2）同理，用鋼筆工具繪制其他路徑，轉(zhuǎn)換為選區(qū)，新建圖層，填充白色，效果見圖3-22。圖3-22曲線形狀繪制效果圖小技巧

對于月亮，還可以繪制兩個大小不同的圓形選區(qū)，通過選區(qū)相減的方法得到所要的效果；通過繪制路徑轉(zhuǎn)換為選區(qū)后再填充顏色，可以幫助我們完成不規(guī)則圖形的繪制。對于螺旋狀曲線形狀的繪制，還可以使用旋轉(zhuǎn)扭曲濾鏡來輔助完成。7.“美味擋不住”制作（1）新建圖層，繪制圓形選區(qū)，尺寸為40px*40px，填充紅色：#e00414。（2）通過復(fù)制、排列與對齊等操作，完成整體效果，見圖3-23。圖3-23紅色圓繪制效果圖（3）輸入文字“美味擋不住”，設(shè)為華康少女文字W5，36點，白色，平滑，調(diào)整字間距為150，

整體效果見圖3-24。圖3-24“美味擋不住”效果圖8.“無添加無防腐，純手工制作”制作（1）選擇“直排文字”工具，輸入文字“無添加無防腐，純手工制作”，設(shè)為華康黑體，39點，黑色，平滑，仿粗體。（2）為文字添加漸變疊加效果，角度為0°，其他參數(shù)取默認值，漸變編輯器參數(shù)設(shè)置見圖3-25；各個漸變滑塊的顏色自左向右分別為：#c3b791、#bca644、#ece9c8、#cdc489、dbd7aa。圖3-25“漸變疊加”參數(shù)（3）使用“矩形工具”繞文字繪制矩形路徑，大小為120px*330px，輸入路徑文字“—————————……”設(shè)為華康少女，12點，顏色為#fb9504，效果見圖3-26。圖3-26文字加邊框效果小技巧

通過繪制路徑后再輸入路徑文字，可以使文字按照路徑排列，得到一些特殊的效果。（4）制作完成，效果見圖3-27。按組合鍵Ctrl+S保存文件，并按組合鍵Ctrl+Shift+S將文件保存為jpeg格式。圖3-27寶貝主圖第三步：輔圖設(shè)計思路分析1.輔圖是對產(chǎn)品的相關(guān)信息做更詳盡地展示，主要是對月餅的外觀、種類及原材料等方面進行更清晰地展示。2.所提供的四幅輔圖，仍然采用800px*800px大小。3.為了和主圖相呼應(yīng)，輔圖的背景色也采用偏暗的色調(diào)。第四步：輔圖操作實施設(shè)計師與客戶溝通設(shè)計思路后形成可行的效果圖，以下為操作步驟。1.制作輔圖1（1）新建文件輔圖1，設(shè)置大小為800px*800px，設(shè)置分辨率為72像素/英寸。（2）置入素材文件002，并調(diào)整至合適的大小及位置。（3）按組合鍵Ctrl+S保存文件，并按組合鍵Ctrl+Shift+S將文件保存為jpeg格式。效果見圖3-28。圖3-28寶貝輔圖12.制作輔圖2（1）新建文件輔圖2，設(shè)置同輔圖1。（2）置入素材文件003，并調(diào)整至合適大小及位置。（3）在當前圖層下新建圖層，填充線性漸變，滑塊顏色分別選取所置入圖形的上、下邊緣的顏色：#161614、#48494d。（4）為漸變填充圖層設(shè)置“添加雜色”濾鏡，數(shù)量2.45%、平均分布、單色，見圖3-29。（5）調(diào)整置入對象的大小至合適位置，通過圖層蒙版處理圖片邊緣。圖層效果見圖3-30。圖3-29雜色濾鏡參數(shù)設(shè)置圖3-30蒙版圖層效果（6）按組合鍵Ctrl+S保存文件，并按組合鍵Ctrl+Shift+S將文件保存為jpeg格式。效果見圖3-31。圖3-31寶貝輔圖23.制作輔圖3（1）新建文件輔圖3，設(shè)置同輔圖1。（2）置入素材文件004，并調(diào)整至合適大小及位置。（3）在當前圖層下新建圖層，填充線性漸變，滑塊顏色分別選取所置入圖形的上、下邊緣的顏色：#161614、#48494d。（4）為漸變填充圖層設(shè)置“添加雜色”濾鏡，數(shù)量2.45%、平均分布、單色。（5）調(diào)整置入對象的大小至合適位置，通過圖層蒙版處理圖片邊緣。（6）按組合鍵Ctrl+S保存文件，并按組合鍵Ctrl+Shift+S將文件保存為jpeg格式。效果見圖3-32。圖3-32寶貝輔圖34.制作輔圖4（1）新建文件輔圖4，設(shè)置同輔圖1。（2）置入素材文件005，并調(diào)整至合適的大小及位置。（3）按組合鍵Ctrl+S保存文件，并按組合鍵Ctrl+Shift+S將文件保存為jpeg格式。效果見圖3-33。圖3-33寶貝輔圖4【舉一反三】某食品網(wǎng)店推出新款瓜子，為了配合新品的上市，現(xiàn)需制作產(chǎn)品主輔圖。設(shè)計師與客戶溝通后得到需求信息請根據(jù)以上客戶需求信息，為該瓜子制作主輔圖。（客戶提供的商品圖見資源包）項目客戶反饋主圖內(nèi)容展示瓜子包裝及瓜子顆粒營造氣氛休閑小食，送禮佳品產(chǎn)品賣點顆顆飽滿，粒粒醇香主圖尺寸800px*800px輔圖尺寸800px*800px是否需要白底圖否【項目總結(jié)】寶貝主輔圖通常都設(shè)計為正方形，主圖尺寸為800px×800px，且大小不能超過3MB；700px×700px以上的圖片上傳后寶貝詳情頁會自動提供放大鏡功能。另外，如果想讓寶貝出現(xiàn)在手機淘寶的首頁，以獲取更大的曝光率，就需要將上傳的最后一張輔圖設(shè)為白底圖。在淘寶店鋪上傳高清正面商品主圖后，系統(tǒng)可快速智能識別及填充商品信息，并智能選擇發(fā)布類目，自動生成白底圖?！卷椖烤毩?xí)】一、填空題：1.寶貝主輔圖的大小不能超過（

），其中主圖的尺寸一般設(shè)為（

），輔圖的尺寸一般設(shè)為（

）；2.路徑轉(zhuǎn)選區(qū)的快捷鍵是（

）；3.在鋼筆工具下，對于已經(jīng)繪制的路徑，按（

）鍵可以移動錨點，按（

）鍵可以轉(zhuǎn)換錨點；4.對于類似木質(zhì)的紋理效果，我們可以通過（

）、（

）等濾鏡完成操作；二、簡答題：1.簡述路徑文字的制作過程？2.簡述加深、減淡工具的作用？3.如果想在手機淘寶的首頁搜索到你的寶貝，應(yīng)該如何操作？三、實踐題某網(wǎng)店需要上新一款手搖榨汁機。設(shè)計師與客戶溝通后得到需求信息，具體見客戶需求信息表。請根據(jù)以上客戶需求信息，為該手搖榨汁機制作主輔圖。（店家提供的商品圖見資源包）項目客戶反饋主圖內(nèi)容展示產(chǎn)品外觀、水果或果汁圖片、店鋪logo營造氣氛體現(xiàn)正品，營養(yǎng)方便產(chǎn)品賣點不通電、無刀頭、無噪音主圖尺寸800px*800px項目4Logo設(shè)計

任務(wù)1服裝網(wǎng)店logo設(shè)計任務(wù)1服裝網(wǎng)店logo設(shè)計【任務(wù)介紹】“伊人服飾”是一個經(jīng)營女性服飾的網(wǎng)店，本任務(wù)是為該網(wǎng)店制作一個Logo。使用Photoshop中形狀工具繪制圖形，然后與文字相結(jié)合，最終形成造型新穎的Logo。在制作過程中需要用到形狀繪制工具和形狀編輯的方法，特別是鋼筆工具中各個編輯工具的結(jié)合使用，將對形狀起到很好的優(yōu)化作用。【任務(wù)描述】“伊人服飾”網(wǎng)店即將開店營業(yè)，為了能夠迅速傳播品牌，樹立品牌形象，現(xiàn)需制作網(wǎng)店logo。設(shè)計師與客戶溝通后得到以下需求信息：信息客戶反饋消費人群18-40歲女性服裝風(fēng)格淑女，優(yōu)雅整體效果簡潔明了，易記易懂配色凸顯女性的柔美尺寸與質(zhì)量寬高在1000像素以上，矢量繪制【任務(wù)實施】Logo的表現(xiàn)形式多種多樣，在造型方面主要有純文字Logo（中文或英文）、純圖形Logo和圖文結(jié)合Logo三種類型。在配色方面一般選一個主色，一個點睛色，一個或者多個輔色，在設(shè)計的時候，要根據(jù)網(wǎng)店（公司或企業(yè)）的特點以及使用者的要求來構(gòu)思造型和配色。第1步：設(shè)計思路分析。設(shè)計師針對客戶反饋信息表進行設(shè)計思路分析：1.Logo整體效果要求簡潔明了，易記易懂，因此Logo圖形可以直接采用“伊”的拼音首寫字母“Y”作為造型基礎(chǔ)，然后作變形處理，使圖形與品牌名稱產(chǎn)生密切的關(guān)聯(lián)性。2.考慮強化識別和記憶因素，Logo主體采用圖文相結(jié)合的形式，左側(cè)為主形，是Logo的主要視覺識別區(qū)，右側(cè)為文字，以加強輔助識別，這樣整體就更容易記憶。3.Logo主體可以結(jié)合人形和花瓣的造型元素，體現(xiàn)靈動及女性的柔美感。4.根據(jù)配色要符合女性柔美特點的要求，主形可選擇紫色系為主色，體現(xiàn)淑女的優(yōu)雅感。5.根據(jù)尺寸要求，以及結(jié)合其他宣傳用途的使用，畫布尺寸設(shè)置為寬1920像素，高1000像素，并且使用矢量工具繪制以呈現(xiàn)高質(zhì)量的繪圖效果，以及方便后期修改。6.根據(jù)以上設(shè)計思路，可以用鉛筆勾勒Logo造型的草圖，然后在多個草圖中選擇最優(yōu)方案，經(jīng)過溝通與反饋，選擇圖4-1-2中的最后一個草圖作為Logo原型。第2步：操作實施。1.安裝字體“方正準圓簡體”。將字體文件“方正準圓簡體”復(fù)制并粘貼到電腦“C:\Windows\Fonts”文件夾目錄下。2.新建文檔。3.把草圖導(dǎo)入文檔中。4.繪制Logo主圖形。（1）使用“鋼筆工具”繪制圖形（2）繼續(xù)使用“鋼筆工具”繪制“小花瓣”圖形（3）創(chuàng)建圓點圖形5.創(chuàng)建文字。（1）創(chuàng)建文字，然后在屬性欄的字符和段落面板中設(shè)置字體為“方正準圓簡體”，字號大小為400點，水平縮放為70%，字距調(diào)整為-50，（2）在文字下方創(chuàng)建一條黑線，并在黑線下方創(chuàng)建英文。（3）調(diào)整文字的位置6.為圖形填色。（1）為“花瓣”圖形的圖層填充“純紫色”（2）同樣方法，選中圓點圖層，填充“純洋紅”，最終效果如圖項目4Logo設(shè)計

任務(wù)2食品類網(wǎng)店logo設(shè)計任務(wù)2食品類網(wǎng)店logo設(shè)計【任務(wù)介紹】“英紅一品”是一個專門經(jīng)營英德紅茶的網(wǎng)店，本任務(wù)是為該網(wǎng)店制作一個Logo。本次Logo設(shè)計將充分利用字體的基本造型，在此基礎(chǔ)上對字體圖形進行變形和組合，最終形成造型獨特的Logo。在使用Photoshop制作的過程中用到形狀繪制工具和形狀編輯的方法，特別是鋼筆工具中各種編輯工具的結(jié)合使用，是該任務(wù)Logo造型的主要技巧?！救蝿?wù)描述】“英紅一品”茶葉網(wǎng)店正在做品牌推廣營銷，為了迅速樹立品牌形象，增強宣傳效應(yīng)，擴大品牌影響力，現(xiàn)需制作網(wǎng)店Logo。設(shè)計師與客戶溝通后得到以下需求信息：信息客戶反饋消費群體各大茶樓、送禮人士、品茶人士主打風(fēng)格傳統(tǒng)與現(xiàn)代相融合整體效果造型簡約、美觀，細節(jié)豐富配色體現(xiàn)茶葉的特性，整體協(xié)調(diào)尺寸與質(zhì)量寬高在1000像素以上，矢量繪制【任務(wù)實施】第1步：設(shè)計思路分析。設(shè)計師針對客戶反饋信息表進行設(shè)計分析：1.Logo整體效果要求簡約，因此可以采用品牌的中文字體“英紅一品”作為基本形狀，在此基礎(chǔ)上進行變形和組合。2.在風(fēng)格上要考慮傳統(tǒng)與現(xiàn)代相融合，以及造型的美觀性和細節(jié)的豐富性，可以將“紅”字作繁體化的變形處理，體現(xiàn)傳統(tǒng)中國風(fēng)元素，同時對“品”字作簡化的變形處理，讓古今元素融于Logo圖形中。3.在配色上，可以選擇茶色為主色，紅色為點睛色，這樣一看就能讓人聯(lián)想到茶葉的特性，整體配色既協(xié)調(diào)又有變化。4.為了得到比較纖細勻稱的字體筆畫，可以選擇“方正準圓簡體”為Logo主形的字體。5.“英”“紅”“一”三個字的筆畫可以部分共用和重疊，使整體效果更加緊湊、連貫，也可以使字與字之間有一定錯落感，避免呆板，增強Logo的美觀性。6.為了方便其他宣傳用途的使用，畫布尺寸設(shè)置為寬1920像素，高1200像素，使用矢量類型的形狀工具繪制。7.根據(jù)以上設(shè)計思路，可以用鉛筆勾勒Logo造型的草圖，然后在多個草圖中選擇最優(yōu)方案，經(jīng)過溝通與反饋，選擇最后一個草圖作為Logo原型。第2步：操作實施。1.新建文檔。啟動Photoshop軟件，新建一個空白文檔，在彈出的設(shè)置對話框中，選擇“Web”菜單下的“大網(wǎng)頁”類型，寬度參數(shù)為1920像素，高度參數(shù)設(shè)置為1200像素。2.創(chuàng)建文字。（1）使用“文字工具”在文檔中創(chuàng)建“英”字，選中文字，并在屬性欄中設(shè)置字體為“方正準圓簡體”，文字大小為500點（2）用同樣的方法創(chuàng)建“紅”和“品”字，再將三個字體位置和排列稍作調(diào)整，并使用“自由變換”工具適當調(diào)整高度，3.將文字轉(zhuǎn)換為形狀。在圖層面板的“英”字圖層上單擊鼠標右鍵，在彈出的選項中選擇“轉(zhuǎn)換為形狀”4.調(diào)整“英”字的部分筆畫形狀。（1）使用“直接選擇工具”調(diào)整錨點位置，同時調(diào)整錨點的控制桿，將轉(zhuǎn)角處的弧度調(diào)大一些（2）使用“鋼筆工具”刪除多余錨點，再用“轉(zhuǎn)換點工具”將筆劃的圓角轉(zhuǎn)為方角（3）調(diào)整“艸”的上端和下端錨點（4）選中“英”字圖層，對“艸”結(jié)構(gòu)進行分離5.調(diào)整“紅”字的部分筆畫形狀。（1）繪制“纟”上半部分筆劃圖形（2）從“英”字的結(jié)構(gòu)中延伸錨點（3）使用“矩形工具”繪制“纟”下半部分（4）選中“英”與“纟”的相應(yīng)圖層，將“英”圖形與“纟”圖形合并（5）將“工”部分的圓角轉(zhuǎn)為方角（6）調(diào)整“工”圖形的錨點6.繪制“一”字圖形。（1）創(chuàng)建一個矩形，使左上角和右下角變成圓角7.對“品”字筆劃作變形處理。（1）先將“品”字圖層轉(zhuǎn)換成形狀。（2）使用“路徑操作”減去部分形狀（3）對齊下端錨點（4）將右上角轉(zhuǎn)成方角，再將左上角的圓角弧度加大，（5）把左側(cè)和上方的“口”形狀的錨點刪除。然后選中“品”圖層復(fù)制兩次（6）調(diào)整左下角形狀和弧度，使用“矩形工具”在左下端創(chuàng)建一個矩形，可借助輔助線對齊底端（7）合并形狀組件8.繪制葉脈。9.為Logo圖形填色。（1）首先為各圖層重新命名，然后調(diào)整各部分圖形位置（2）選中所有圖層，在屬性欄中設(shè)置顏色為黑冷褐色，選中“一”字圖層，設(shè)置顏色為黑紅色項目五

店招及導(dǎo)航欄設(shè)計與制作

項目簡介店招就是店鋪的招牌，也是網(wǎng)店品牌定位最直觀的體現(xiàn)，是店鋪給人的第一印象，鮮明而有特色的店招不僅能吸引用戶的眼球，帶來訂單，同時起到品牌宣傳的作用。網(wǎng)店店招在從內(nèi)容上可包含：店鋪名、店鋪logo、收藏按鈕、關(guān)注按鈕、促銷產(chǎn)品、優(yōu)惠券、活動信息/時間/倒計時、搜索框、店鋪公告、店鋪導(dǎo)航條、旺旺、電話熱線、店鋪資質(zhì)、店鋪榮譽等等一系列信息。可根據(jù)網(wǎng)店的具體情況進行內(nèi)容設(shè)計安排，做到核心信息告知，引起并放大買家的購物欲望。項目目標能讀懂客戶需求信息。學(xué)會常見網(wǎng)店店招模板設(shè)計技巧及方法。能根據(jù)客戶需求信息進行店招及導(dǎo)航欄設(shè)計。能使用“文字”“形狀”“通道”和“蒙版”等工具制作店招及導(dǎo)航欄。任務(wù)一

服裝類網(wǎng)店店招及導(dǎo)航欄設(shè)計與制作

【任務(wù)描述】“儷人裝”服裝網(wǎng)店即將迎來夏季促銷活動，現(xiàn)要求為其網(wǎng)店設(shè)計符合活動主題的店招。要求：1、突出店鋪品牌特色及活動信息；2、配色符合知性女裝特點。3、布局簡潔大方，要與整個頁面風(fēng)格、色彩統(tǒng)一。同時，設(shè)計師與客戶溝通后得到具體需求信息如下：信息客戶反饋消費人群25-35歲女青年服裝風(fēng)格柔和、優(yōu)雅、浪漫關(guān)鍵信息新品、特價、59元起廣告版面突出產(chǎn)品和關(guān)鍵信息店招尺寸寬為950像素，高為120像素導(dǎo)航欄尺寸寬為950像素，高為30像素文案簡短，能放大購物欲望設(shè)計思路分析1.網(wǎng)店店招以網(wǎng)店品牌為主，結(jié)合店鋪的經(jīng)營類目，店鋪活動信息，總體特色等幾個方面進行設(shè)計。2．整體構(gòu)圖以文字搭配圖像，背景選取柔和優(yōu)雅的鮮花圖案為裝飾，并根據(jù)配色要符合知性女裝特點的要求，字體選擇白色、紫色為主色，體現(xiàn)知性的穩(wěn)重感，同時用紅色突出活動信息放大買家購買欲望。3.清晰明了的導(dǎo)航欄，把流量合理的分配給主推的頁面或商品頁面，引導(dǎo)用戶找到合適的產(chǎn)品。4.新品、特價力度是消費的關(guān)注點，因此在店招中加入這些文案。最終效果圖操作實施1.網(wǎng)店店招的設(shè)計（1）啟動PhotoshopCC2018，新建一個950像素×150像素的空白文檔，名稱為“服裝網(wǎng)店及店招”，背景填充白色，調(diào)出標尺并新建及鎖定參考線在水平120像素的位置，打開“網(wǎng)店服裝logo.jpg”及“裝飾1”素材圖像文件，將其移動到圖像上，效果如圖。店招背景制作（2）新建圖層，使用工具箱中的“矩形選框”工具，繪制矩形選區(qū)，并填充深紫色，選擇文字工具，輸入文字，效果如圖。制作店鋪活動（4）使用工具箱中的“矩形選框”工具，繪制如圖所示圖形選區(qū)，填充灰色，效果如圖。添加關(guān)注效果圖2．網(wǎng)店導(dǎo)航的設(shè)計（1）新建圖層，根據(jù)參考線，繪制一個矩形選區(qū)，并填#d4bcd6色，并用橢圓工具按住shift鍵，繪制正圓，輸入文字，效果如圖導(dǎo)航欄（2）新建圖層繪制矩形選區(qū)，并填充顏色#96539a，選擇“文本工具”，輸入文字，及繪制正圓，效果如圖。店招及導(dǎo)航效果圖【舉一反三】“彼岸花”是一家知名服裝店，主營各種時尚女裝，款式新穎時尚、價格也實惠。現(xiàn)在公司想為自己的網(wǎng)店制作一張精美大方的店招，讓進店的用戶能第一時間留下好的印象和即時了解店里的相關(guān)優(yōu)惠促銷活動訊息?？蛻艟唧w要求如表：你能否運用前面所學(xué)知識幫小雪這個完成這個任務(wù)呢？信息客戶反饋消費人群25-35歲女青年服裝風(fēng)格時尚干練關(guān)鍵信息買2得3，秋冬新風(fēng)尚活動時間8.27-28；系列新品8.27嘗鮮價79元起廣告版面突出店標和關(guān)鍵信息店招尺寸寬為950像素，高為120像素導(dǎo)航欄尺寸寬為950像素，高為30像素內(nèi)容要求包含店鋪標志、店鋪活動