《網(wǎng)店美工》高職全套教學(xué)課件

網(wǎng)

店

美

工

項目1網(wǎng)店美工基礎(chǔ)知識項目2PS技能應(yīng)用項目3網(wǎng)店裝修美工設(shè)計項目4網(wǎng)店配色與圖片素材采集項目5網(wǎng)店首頁設(shè)計項目6商品詳情頁設(shè)計項目7推廣圖設(shè)計項目8移動端網(wǎng)店裝修美工設(shè)計全套可編輯PPT課件目錄網(wǎng)店美工概述網(wǎng)店美工必備的視覺營銷知識任務(wù)一任務(wù)二全套可編輯PPT課件任務(wù)一網(wǎng)店美工概述全套可編輯PPT課件一、網(wǎng)店美工的工作范疇店鋪的裝修頁面的設(shè)計圖片的美化運營的推廣店鋪包括快速Banner輪播圖、導(dǎo)航欄、促銷展示、商品展示、圖片展示、自定義等模塊,網(wǎng)店美工通過對店鋪的模塊進行編輯,能夠快速完成對店鋪相關(guān)模塊的裝修。網(wǎng)店美工需要具備一定的美術(shù)功底與良好的審美能力,能夠獨立完成店鋪首頁、活動頁、商品詳情頁的設(shè)計。網(wǎng)店美工通過對各個頁面的設(shè)計,形成自己店鋪的特色,進而促使消費者選購商品,提升店鋪商品銷量。網(wǎng)店美工需要對商品圖片進行設(shè)計和美化,使商品圖片的展現(xiàn)效果更能吸引消費者。圖片的美化具體包括商品的拍攝、商品圖片的美化,以及豐富商品圖片的內(nèi)容等網(wǎng)店美工應(yīng)注重挖掘消費者的需求和瀏覽習(xí)慣,從消費者的角度來優(yōu)化店鋪,提高店鋪的競爭力,并根據(jù)商品的銷量情況和促銷信息制作促銷廣告位,設(shè)計主圖、海報、直通車圖等推廣圖。全套可編輯PPT課件010203視覺設(shè)計類：視頻剪輯類：代碼編輯類：二、網(wǎng)店美工的常用軟件全套可編輯PPT課件任務(wù)二網(wǎng)店美工必備的視覺營銷知識一、色彩搭配恰當(dāng)?shù)拿鞫葘Ρ瓤梢允鬼撁娈a(chǎn)生清晰感、明快感、光感即利用純度的高低形成對比各種色彩在畫面中所占面積的大小與其所呈現(xiàn)出的對比效果相關(guān)。即利用色相之間的差別形成對比，需要考慮其他色相與主色相之間的關(guān)系從顏色給人帶來的感官刺激進行對比明度對比色相對比純度對比色彩面積對比冷暖色對比（一）色彩的屬性與對比（二）主色、輔助色與點綴色

網(wǎng)店美工在搭配店鋪色彩時不能隨意搭配,需要遵循一定的比例與程序。網(wǎng)店裝修配的黃金比例為“70∶25∶5”，其中，主色占總版面的70%，輔助色占總版面的25%，而其他點綴色占總版面的5%。網(wǎng)店裝修的配色程序為：先根據(jù)店鋪風(fēng)格、類目選擇占用大面積的主色；然后根據(jù)主色來選擇搭配的輔助色與點綴色，用于突出頁面的重點，平衡視覺效果。主色主色不宜過多,一般控制在1~3種,顏色過多容易讓消費者產(chǎn)生視覺疲勞；主色也不是隨意選擇的,網(wǎng)店美工需要系統(tǒng)地分析自己商品受眾人群的心理特征,找到受眾人群易于接受的色彩。輔助色輔助色在頁面中的占用面積小于主色,是補充主色的顏色,起到平衡畫面色彩和緩解主色給人帶來的顏色沖擊的作用。合理應(yīng)用輔助色能夠豐富頁面的色彩,使頁面更加完整。點綴色點綴色在頁面中的占用面積最小,但是功能很強。合理應(yīng)用點綴色,可以起到畫龍點睛的作用,使頁面主次更加分明、富有變化。點綴色一般色彩艷麗,常在展示價格或突出賣點時使用。網(wǎng)店美工在設(shè)計頁面時，經(jīng)常會利用圖形元素來進行裝飾,這樣既豐富了頁面的視覺效果，又生動地表現(xiàn)了商品的信息，同時還打破了純文字頁面給人的呆板視覺效果。點、線、面是圖形中最基本的三大要素，三者結(jié)合使用，能夠使頁面呈現(xiàn)良好的視覺效果。點最小的形式單元，具有凝聚視覺的作用，使畫面布局顯得舒適合理、生機勃勃且富有沖擊力。線可以表現(xiàn)長度、寬度、方向性、位置和性格等,具有優(yōu)美、流暢的特點,常用于渲染畫面，引導(dǎo)、分割或串聯(lián)畫面元素。面面有長度、寬度、位置、方向等特性，具有組合信息、平衡和豐富空間層次、分割畫面、烘托與深化主題等作用。二、圖形元素的應(yīng)用01宋體是店鋪頁面中應(yīng)用較廣泛的字體,其筆畫橫細豎粗,起點與結(jié)束點有額外的裝飾部分,其外形纖細優(yōu)雅,體現(xiàn)了濃厚的文藝氣息,適合用于標(biāo)題設(shè)計。宋體03書法體包括楷書體、隸書體、篆書體、草書體和行書體等。書法體具有古樸秀美、歷史悠久的特征,常用在茶葉、古玉、書籍、筆墨等古典氣息濃厚的店鋪中。書法體02黑體筆畫粗細一致,粗壯有力、突出醒目,具有強烈的視覺感,其商業(yè)氣息濃厚,常用于導(dǎo)航條、促銷廣告或剃須刀、搖滾、競技游戲、車等目標(biāo)群體為男性的商品宣傳圖的設(shè)計中。黑體04美術(shù)體是指非正式的、特殊的印刷字體,可以起到美化的效果。美術(shù)體有著美觀醒目、變化豐富的特點,適用于各種商品廣告,既可用于傳達促銷信息,又可用于表現(xiàn)商品調(diào)性。美術(shù)體三、文字的應(yīng)用（一）字體的性格特征網(wǎng)店美工在進行文字的編排時,需要把握文字的統(tǒng)一性,使文字的字體、大小、顏色、粗細等在搭配上給消費者以關(guān)聯(lián)感,這樣文字組合排版才更好看。1.文字的統(tǒng)一網(wǎng)店美工在排版網(wǎng)店商品文案時,選擇2~3種匹配度高的字體能呈現(xiàn)最佳的視覺效果?？梢钥紤]通過變細、加粗、壓扁、拉長或調(diào)整行間距等操作來變化字體,提高商品文案的吸引力。2.字體的選用與變化網(wǎng)店美工通常是按照重要程度設(shè)置文本的顯示級別,引導(dǎo)消費者瀏覽文案的順序,此情況下首先展示的是該商品所強調(diào)的重點。在進行文字的編排時,可以利用字體、大小、顏色與粗細的對比來設(shè)計文本的顯示級別，文字的層次布局如圖所示,先通過金色藝術(shù)體文字突出商品,然后使用白色文字介紹商品寓意,使文字的布局層次分明。3.文字的層次布局（二）文字的布局技巧文字的層次布局課后練習(xí)1.查找國家為扶持電子商務(wù)發(fā)展出臺的政策、舉辦的會議（如中國電子商務(wù)大會），分析網(wǎng)店美工的發(fā)展前景。2.在淘寶上搜索“晨光官方旗艦店”，分析其店鋪視覺效果。PPT模板下載：/moban/行業(yè)PPT模板：/hangye/節(jié)日PPT模板：/jieri/PPT素材下載：/sucai/PPT背景圖片：/beijing/PPT圖表下載：/tubiao/優(yōu)秀PPT下載：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel教程：/excel/資料下載：/ziliao/PPT課件下載：/kejian/范文下載：/fanwen/試卷下載：/shiti/教案下載：/jiaoan/字體下載：/ziti/

感謝觀看！網(wǎng)

店

美

工

目錄PS快速入門PS進階任務(wù)一任務(wù)二任務(wù)一PS快速入門主要用于完成圖像處理中的各項操作和設(shè)置。選項欄根據(jù)所選工具的不同,所提供的參數(shù)項也有所區(qū)別。默認情況下以選項卡的形式成組出現(xiàn),并停靠在窗口右側(cè)。顯示在屏幕左側(cè),通過拖移工具箱的標(biāo)題欄可以改變其默認位置。顯示導(dǎo)入圖像的文件名稱、文件格式、縮放比例及顏色模式。菜單欄工具箱選項欄控制面板圖像窗口一、一、熟悉Photoshop的工作界面二、在Photoshop中打開與保存圖像（一）在Photoshop中打開圖像1.執(zhí)行菜單欄中的“文件”→“打開”命令或按“Ctrl+O”組合鍵，將彈出“打開”對話框。在“查找范圍”下拉列表中選擇打開文件的位置，并選擇需要打開的圖像文件，再單擊“打開”按鈕即可，如右圖所示。2.在Photoshop工作區(qū)域的空白處雙擊,也可以彈出“打開”對話框。3.在圖像所在的文件夾窗口中選中要打開的圖像,按住鼠標(biāo)左鍵將其拖動到桌面狀態(tài)欄中的Photoshop最小化按鈕上,這時會自動切換到Photoshop窗口中,釋放鼠標(biāo)即可打開該圖像。主要有以下三種常用的文件打開方式。文件打開方式（二）處理后保存圖像文件1.執(zhí)行菜單欄中的“文件”→“存儲”命令,即可彈出“另存為”對話框。在對話框的“保存在”下拉列表中選擇文件的保存位置,并在“文件名”文本框中輸入保存文件的名稱,然后選擇文件的保存格式,最后單擊“保存”按鈕即可,如右圖所示。2.當(dāng)對圖像文件進行編輯后,若既要保留編輯過的文件,又不想放棄原文件,則可以用“存儲為”命令保存文件。執(zhí)行菜單欄中的“文件”→“存儲為”命令或按“Ctrl+Shift+S”組合鍵,在彈出的“存儲為”對話框中設(shè)置好存儲路徑、文件名稱和類型,單擊“確定”按鈕即可。保存圖像文件主要有以下兩種常用的文件保存方式。JPEG格式是一個最有效、最基本的有損壓縮格式,被大多數(shù)的圖形處理軟件所支持。JPEG格式的圖像還廣泛應(yīng)用于網(wǎng)頁的制作中。JPEG格式PNG格式是一種可移植的網(wǎng)絡(luò)圖形格式,適合于任何類型和任何顏色深度的圖像,也可以用PNG來保存帶調(diào)色板的圖像。PNG格式GIF格式是輸出圖像到網(wǎng)頁的最常采用的格式。采用LZW壓縮,限定在256色以內(nèi)的色彩，以87a和89a兩種代碼表示。GIF格式三、正確應(yīng)用文件格式（一）認識文件格式PSD格式PSD格式是Photoshop新建圖像的默認文件格式。PDF格式PDF格式是Adobe公司開發(fā)的跨平臺支持多媒體信息出版和發(fā)布的文件格式,適用于不同平臺,其擴展名為“.pdf”。(1)打開一張圖像,執(zhí)行“圖像”→“圖像大小”命令,即可打開“圖像大小”對話框,并查看圖像的大小,如下圖所示。(2)在“寬度”和“高度”文本框中可以設(shè)置新的數(shù)值,單擊單位后面的下三角按鈕,則可以選擇不同的單位,如下圖所示。單擊鏈接按鈕,寬度和高度會隨著其中一個的改變而等比例改變。（二）處理后保存圖像文件1.查看與修改圖像大小(1)圖像分辨率。圖像分辨率是指每英寸所包含的像素點數(shù),單位為PPI。在數(shù)字化圖像中,分辨率直接影響著圖像的質(zhì)量,并且相同尺寸的圖像,其分辨率越高,圖像越清晰,圖像文件越大,處理時間也越長,反之,其分辨率越低,圖像越模糊,占用的磁盤空間越小,處理時間也越短。在Photoshop中,默認分辨率為72像素/英寸,這是普通顯示器的分辨率。(2)修改圖像分辨率的步驟。執(zhí)行“圖像”→“圖像大小”命令,即可打開“圖像大小”對話框,并查看圖像的分辨率,圖像分辨率如下圖所示。若想要修改分辨率,則在輸入新的分辨率數(shù)值后,單擊“確定”按鈕即可。2.認識與修改圖像分辨率四、掌握Photoshop中基本工具的使用方法（一）選區(qū)工具的使用方法1.創(chuàng)建規(guī)則的選區(qū)創(chuàng)建規(guī)則的選區(qū)工具有“矩形選框工具”和“橢圓選框工具”,以“矩形選框工具”為例,具體操作步驟如下。(1)執(zhí)行菜單欄中的“文件”→“打開”命令或按“Ctrl+O”組合鍵,打開需要的圖片。(2)選擇工具箱中的“矩形選框工具”,將鼠標(biāo)指針移至圖像中,按住鼠標(biāo)左鍵并拖動即可繪制出一個矩形選區(qū),如下圖所示。矩形選區(qū)四、掌握Photoshop中基本工具的使用方法2.創(chuàng)建不規(guī)則的選區(qū)在對象選擇過程中,常常需要創(chuàng)建非幾何形的不規(guī)則形狀?！疤姿鞴ぞ摺苯M和“魔棒工具”組中的工具可以創(chuàng)建不規(guī)則的選區(qū),而且操作簡單。(1)套索工具。選區(qū)①執(zhí)行菜單欄中的“文件”→“打開”命令或按“Ctrl+O”組合鍵,打開需要的圖片,然后選擇工具箱中的“套索工具”。②移動鼠標(biāo)至圖形窗口,在需要選擇的圖像邊緣處按住鼠標(biāo)左鍵并拖動,以選取所需要的范圍,如下圖所示。四、掌握Photoshop中基本工具的使用方法(2)磁性套索工具。創(chuàng)建選區(qū)①選擇工具箱中的“磁性套索工具”,在圖像物體邊緣處單擊,以確認起始點,然后沿對象的邊緣進行拖動,如左下圖所示。②當(dāng)終點與起始點重合時,單擊鼠標(biāo)左鍵即可創(chuàng)建一個圖像選區(qū),如右下圖所示。圖像選區(qū)四、掌握Photoshop中基本工具的使用方法（一）選區(qū)工具的使用方法(3)魔棒工具。①執(zhí)行菜單欄中的“文件”→“打開”命令或按“Ctrl+O”組合鍵,打開需要的圖片,然后選擇工具箱中的“魔棒工具”,并在目標(biāo)顏色處單擊。②釋放鼠標(biāo)后,即可得到一個區(qū)域選區(qū),如下圖所示。區(qū)域選區(qū)四、掌握Photoshop中基本工具的使用方法（二）修復(fù)工具的使用方法1.污點修復(fù)畫筆工具使用“污點修復(fù)畫筆工具”修復(fù)圖像的具體操作步驟如下。(1)執(zhí)行菜單欄中的“文件”→“打開”命令或按“Ctrl+O”組合鍵,打開需要的圖片,然后選擇工具箱中的“污點修復(fù)畫筆工具”,按住鼠標(biāo)左鍵在修復(fù)區(qū)域反復(fù)拖曳進行涂抹,修復(fù)區(qū)域如左下圖所示。(2)拖曳到污點消失即可,圖像修復(fù)效果如右下圖所示。使用工具時需要注意,如果瑕疵不大,則畫筆大小應(yīng)以蓋住瑕疵為宜。修復(fù)區(qū)域圖像修復(fù)效果四、掌握Photoshop中基本工具的使用方法使用“修補工具”修補圖像的具體操作步驟如下。(1)執(zhí)行菜單欄中的“文件”→“打開”命令或按“Ctrl+O”組合鍵,打開需要的圖片,選擇工箱中的“修補工具”,在選項欄中選中“源”單選按鈕,然后在豆子邊緣拖動鼠標(biāo)創(chuàng)建選區(qū),選區(qū)如左下圖所示。(2)將鼠標(biāo)指針移動到選區(qū)內(nèi),按住鼠標(biāo)左鍵并移動,將“源”區(qū)域移動到“目標(biāo)”區(qū)域,最后“源”選區(qū)內(nèi)的圖像將被目標(biāo)區(qū)域覆蓋。(3)釋放鼠標(biāo)后,按“Ctrl+D”組合鍵取消選區(qū),即可完成圖像修復(fù),如右下圖所示。選區(qū)2.修補工具圖像修復(fù)四、掌握Photoshop中基本工具的使用方法（三）輔助工具的使用方法1.縮放圖像以下是兩種常用的縮放方法。(1)選擇工具箱中的“縮放工具”,當(dāng)鼠標(biāo)指針發(fā)生變化時,在圖像窗口中單擊或按住“Alt”鍵單擊,即可放大或縮小圖像。按住鼠標(biāo)左鍵,在圖像窗口中拖動出一個矩形區(qū)域,即可將所選區(qū)域局部放大至整個窗口。(2)在編輯圖像時,按“Ctrl+(+)”組合鍵能以一定的比例快速放大圖像;按“Ctrl+(-)”組合鍵能以一定的比例快速縮小圖像。使用快捷鍵縮小圖像前后的對比效果如圖2-1-25所示。熟練的網(wǎng)店美工一般都會用快捷鍵直接進行縮放。使用快捷鍵縮小圖像前后的對比效果四、掌握Photoshop中基本工具的使用方法（三）輔助工具的使用方法2.抓手工具當(dāng)窗口不能顯示全部圖像時,此時窗口將自動出現(xiàn)垂直或水平滾動條,如果要查看被放大圖像的隱藏區(qū)域,則可以使用“抓手工具”移動畫面,查看圖像的不同區(qū)域,也可以用于縮放視圖,具體操作如下。選擇工具箱中的“抓手工具”,在畫面中按住鼠標(biāo)左鍵并拖動,即可平移圖像在窗口中的顯示內(nèi)容,以方便觀察圖像窗口中無法顯示的內(nèi)容。抓手工具的使用技巧選擇工具箱中的“抓手工具”,將自動調(diào)整圖像大小以適合屏幕的顯示范圍。用戶在使用大部分工具的過程中,按“Space”鍵可快速切換到“抓手工具”;在釋放“Space”鍵后又可切換到原工具,便于用戶在處理圖像的過程中調(diào)整視圖。小貼士任務(wù)二PS進階一、圖層知識（一）認識圖層面板圖層面板是進行圖層編輯操作時必不可少的工具,默認的位置在軟件的右方,若圖層面板被關(guān)閉,則執(zhí)行“窗口”→“圖層”命令或按“F7”鍵,即可在工作區(qū)中顯示圖層面板。圖層面板如左下圖所示,面板中的選項及其功能如右下表所示。341新建圖層625創(chuàng)建圖層的六種方法（二）圖層的基本操作選擇和重命名圖層隱藏和顯示圖層復(fù)制圖層鏈接圖層合并圖層圖層樣式的使用發(fā)光投影結(jié)構(gòu)：用于定義投影的組成結(jié)構(gòu)。品質(zhì)：用于設(shè)置陰影的顯示效果。圖層挖空投影：當(dāng)填充顏色為透明色時,“圖層挖空投影”可用于使陰影變暗。內(nèi)發(fā)光：用于設(shè)置圖層對象的內(nèi)邊緣發(fā)光效果外發(fā)光結(jié)構(gòu)：用于定義投影的組成結(jié)構(gòu)。圖素：它用于定義外發(fā)光的方式。品質(zhì)：它用于設(shè)置外發(fā)光的顯示效果。（三）圖層樣式的使用錨點又稱節(jié)點，本身具有直線或曲線屬性。當(dāng)錨點顯示為白色空心時,表示該錨點未被選取;而當(dāng)錨點顯示為黑色實心時,表示該錨點為當(dāng)前選取的點。1.錨點兩個錨點之間連接的部分稱為路徑線段。若線段兩端的錨點都帶有直線屬性,則該線段為直線段;若任意一端的錨點帶有曲線屬性,則該線段為曲線段。2.路徑線段當(dāng)用直接選擇工具或轉(zhuǎn)換節(jié)點工具選取帶有曲線屬性的錨點時,錨點的兩側(cè)便會出現(xiàn)方向線。用鼠標(biāo)拖曳方向線末端的方向點,即可改變曲線段的彎曲程度。3.方向線二、路徑應(yīng)用（一）路徑的組成路徑可以是閉合的,也可以是開放的。路徑由錨點、路徑線段和方向線組成,如右下圖所示。路徑是不可打印的,可以用錨點標(biāo)記路徑的端點,通過錨點可以固定路徑、移動路徑、修改路徑的長短,也可改變路徑的形狀。路徑（二）認識路徑面板執(zhí)行“窗口”→“路徑”命令,可打開路徑面板,如左下圖所示。通過路徑面板可以查看當(dāng)前路徑的形態(tài)。路徑的相關(guān)操作如右下表所示。010203鋼筆工具選項欄繪制直線路徑繪制曲線路徑（三）使用鋼筆工具摳圖三、通道使用（一）通道的類型通道類型2.專色通道3.Alpha通道1.顏色通道用于保存顏色信息的通道稱為顏色通道。每個顏色通道都是一幅灰度圖像,只代表一種顏色的明暗變化。每一個專色通道都有一個屬于自己的印版,若使印刷帶有專色的圖像,則需要創(chuàng)建存儲此顏色的專色通道,而專色通道會作為一張單獨的膠片輸出。Alpha通道是一個8位的灰度通道,該通道用256級灰度來記錄圖像中的透明度信息,定義透明、不透明和半透明區(qū)域,其中,黑表示全透明;白表示不透明;灰表示半透明。（二）認識通道面板通道面板可以創(chuàng)建、保存和管理通道。當(dāng)打開一個圖像時,Photoshop會自動創(chuàng)建該圖像的顏色信息通道,執(zhí)行“窗口”→“通道”命令,即可打開通道面板,如左下圖所示。通道面板的相關(guān)內(nèi)容如右下表所示。在創(chuàng)建Alpha通道時,需要先創(chuàng)建出所需的選區(qū),再將其轉(zhuǎn)換為Alpha通道存儲,具體操作步驟如下。先按“Ctrl+O”組合鍵,可快速打開需要的文件。再使用“矩形選框工具”創(chuàng)建選區(qū),選區(qū)如圖2-2-19所示。最后,單擊通道面板底部的“將選區(qū)存儲為通道”按鈕,即可創(chuàng)建“Alpha1”通道,如圖2-2-20所示。1.創(chuàng)建Alpha通道選區(qū)創(chuàng)建“Alpha1”通道（三）通道的基本操作(1)單擊“通道”面板右上角的按鈕,在打開的下拉列表中選擇“新建專色通道”選項,如左下圖所示。(2)打開“新建專色通道”對話框,在對話框中可以設(shè)置專色的顏色,如中間圖所示。然后單擊“確定”按鈕,即可在“通道”中生成專色通道,如右下圖所示。2.創(chuàng)建專色通道新建專色通道設(shè)置專色的顏色（三）通道的基本操作專色通道(1)在通道面板中選中要復(fù)制的通道,并按住鼠標(biāo)左鍵將其拖動到“創(chuàng)建新通道”按鈕上,釋放鼠標(biāo)后即可復(fù)制該通道。(2)在通道面板中選中要刪除的通道,并按住鼠標(biāo)左鍵將其拖動到“刪除當(dāng)前通道”按鈕上,釋放鼠標(biāo)后即可刪除該通道。3.復(fù)制和刪除通道（三）通道的基本操作經(jīng)驗之談常用快捷組合鍵

應(yīng)用你所學(xué)內(nèi)容創(chuàng)建一個新的文檔并進行保存。將文檔名稱修改為網(wǎng)店美工,文件大小為210mm×297mm,分辨率為72像素/英寸,顏色模式為RGB,背景內(nèi)容為藍色,保存格式為JPEG格式。課后練習(xí)PPT模板下載：/moban/行業(yè)PPT模板：/hangye/節(jié)日PPT模板：/jieri/PPT素材下載：/sucai/PPT背景圖片：/beijing/PPT圖表下載：/tubiao/優(yōu)秀PPT下載：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel教程：/excel/資料下載：/ziliao/PPT課件下載：/kejian/范文下載：/fanwen/試卷下載：/shiti/教案下載：/jiaoan/字體下載：/ziti/

感謝觀看！網(wǎng)

店

美

工

目錄網(wǎng)店裝修設(shè)計流程網(wǎng)店裝修風(fēng)格網(wǎng)店裝修的頁面布局任務(wù)二任務(wù)三任務(wù)四了解網(wǎng)店裝修任務(wù)一任務(wù)一了解網(wǎng)店裝修一、網(wǎng)店裝修的意義網(wǎng)店裝修通過圖像軟件對商品圖片進行修飾,利用美學(xué)設(shè)計對素材、圖片和文字進行組合,給人以直觀、舒適的視覺感受,讓消費者從設(shè)計好的網(wǎng)店中了解到更多的網(wǎng)店信息和商品信息。當(dāng)消費者進入一個網(wǎng)店時,最先看到的就是網(wǎng)店的裝修,若沒有專業(yè)、恰當(dāng)?shù)难b修,網(wǎng)店中的商品質(zhì)量再好,也不一定能銷售出去。網(wǎng)店裝修與網(wǎng)店的貨源一樣重要,正所謂“三分長相,七分打扮”,網(wǎng)店的美化如同實體店的裝修,可以讓消費者從視覺上和心理上感受到網(wǎng)店的專業(yè)性和權(quán)威性。大氣美觀、恰如其分的網(wǎng)店裝修能夠吸引消費者的眼球,延長其在店鋪中的停留時間,從而實現(xiàn)提高網(wǎng)店商品銷售額的目的。某網(wǎng)店首頁裝修效果和具體分析網(wǎng)店的銷量高低直接與轉(zhuǎn)化率相關(guān),而影響轉(zhuǎn)化率的主要因素包括商品的圖片、賣家的促銷活動、消費者的評價等因素。這些因素都涉及網(wǎng)店裝修,可見網(wǎng)店裝修與網(wǎng)店的轉(zhuǎn)化率是密不可分的。提高轉(zhuǎn)化率與相關(guān)因素之間的關(guān)系如右圖所示。二、網(wǎng)店裝修與轉(zhuǎn)化率的關(guān)系提高轉(zhuǎn)化率與相關(guān)因素之間的關(guān)系任務(wù)二網(wǎng)店裝修設(shè)計流程1.1.確定主色和配色2.素材規(guī)劃一、設(shè)計商品的主圖、詳情頁3.圖片設(shè)計制作4.切片處理主色調(diào),是指店鋪里面展現(xiàn)最多的、最突出的、最直觀的色系。該色系與Logo最好是同一系列。在確定主色調(diào)前,網(wǎng)店美工要充分了解商品特色、傳達的理念和使用場景等。所謂配色色調(diào),是指搭配主色的顏色。要避免版面中只有一種主色調(diào)，應(yīng)適當(dāng)搭配色色調(diào)。在店鋪裝修設(shè)計之前,網(wǎng)店美工需要定位整個店鋪的裝修風(fēng)格,而且在拍攝照片前就必須進行全面的規(guī)劃,所有的素材都要圍繞店鋪的風(fēng)格進行選擇。為減輕工作難度，網(wǎng)店美工平常應(yīng)養(yǎng)成善于搜集素材的習(xí)慣。無論是商品主圖還是詳情頁,拍攝好的圖片或模特展示圖都需要利用Photoshop軟件進行后期美化處理,然后配上文案內(nèi)容,進行排版設(shè)計制作,這也是網(wǎng)店美工工作的重點之一。若將商品的詳情頁設(shè)計放在一個文件夾里,則整張圖片占用的空間是比較大的;若直接上傳到網(wǎng)店,則打開的速度就會很慢。因此,需要使用切片工具,將設(shè)計好的詳情頁圖片進行無縫切片和優(yōu)化處理后再一一上傳。0102進入賣家中心，單擊“店鋪管理”選項卡中的“圖片空間”鏈接，如圖1所示。為了便于管理，可以將同類圖片放到一個文件夾中，單擊“新建文件夾”按鈕，如圖2所示。輸入文件名稱，并單擊“確定”按鈕，如圖2所示。雙擊新建的文件夾將其打開，如圖3所示。二、使用“圖片空間”上傳、管理圖片以淘寶為例，具體操作步驟如下。圖1圖片空間鏈接展示圖2新建文件夾展示圖3輸入文件名稱展示圖4打開文件夾展示0304在打開的文件夾中單擊“上傳”按鈕，如圖5

所示。單擊“上傳”按鈕后，上傳過程展示如圖

6所示。然后選中要上傳的商品圖片，可選擇單張或多張，并單擊“打開”按鈕，打開文件展示如圖

7所示。二、使用“圖片空間”上傳、管理圖片圖5上傳圖片展示圖6上傳過程展示圖7打開文件展示05選中已上傳的商品,在其上方會出現(xiàn)一排按鈕，可以對商品進行重命名、刪除等操作，上傳文件編輯展示如圖8所示。二、使用“圖片空間”上傳、管理圖片圖8上傳文件編輯展示05選中已上傳的商品,在其上方會出現(xiàn)一排按鈕，可以對商品進行重命名、刪除等操作，上傳文件編輯展示如圖8所示。二、使用“圖片空間”上傳、管理圖片圖8上傳文件編輯展示010203首頁的布局要重點突出、流暢貫通、陳列有序、創(chuàng)意獨特在有限的空間內(nèi)進行商品的合理陳列進行分類導(dǎo)航所謂重點突出,是指在視覺熱點集中的頁頭位置布局主款、熱賣款、新品款等重點營銷商品,并以強有力的視覺沖擊抓住消費者的眼球。陳列的功能既要追求視覺的價值塑造,又要致力于高效的空間功能規(guī)劃。既不能在首頁展示太多不必要的商品,也不要在首頁出現(xiàn)同款商品而浪費位置。陳列時要充分利用首頁每屏空間,建議每行可以展示3~5個商品。在首頁顯著位置加上商品分類導(dǎo)航,以便消費者能準(zhǔn)確、快速地找到所需要的商品。三、裝修設(shè)計網(wǎng)店首頁任務(wù)三網(wǎng)店裝修風(fēng)格(2)網(wǎng)店裝修的風(fēng)格一般體現(xiàn)在圖片的拍攝風(fēng)格、網(wǎng)店的整體色彩和色調(diào)上。在電商平臺網(wǎng)站上有多種網(wǎng)店風(fēng)格,而賣家可以選擇這些固定的網(wǎng)店模板來進行裝修,也可以根據(jù)店內(nèi)商品的特點和風(fēng)格重新設(shè)計,使網(wǎng)店獨具特色,更符合網(wǎng)店的定位。(1)網(wǎng)店裝修的風(fēng)格在一定程度上可以影響網(wǎng)店的運營。定位準(zhǔn)確、美觀大方的網(wǎng)店裝修風(fēng)格可以提升網(wǎng)店的品位,從而吸引目標(biāo)群體,增加潛在消費者的瀏覽概率及停留時長,最終提高網(wǎng)店的銷售額。(3)想要確定網(wǎng)店裝修的風(fēng)格,不能只靠賣家或網(wǎng)店美工的個人品位,還需要一種系統(tǒng)的方法。確定網(wǎng)店裝修的風(fēng)格方法如下圖所示。一、確定網(wǎng)店裝修的風(fēng)格確定網(wǎng)店裝修的風(fēng)格方法一、不同行業(yè)網(wǎng)店裝修的風(fēng)格五種典型類目商品的風(fēng)格分析如下表所示。任務(wù)四網(wǎng)店裝修的頁面布局網(wǎng)店裝修的頁面不一定要制作得非常華麗高端,但是要能引起消費者的注意與興趣。為了把活動和商品信息最大限度、正確有效地傳達給消費者,需要進行合理的頁面布局。在進行布局之前,要先了解頁面布局的組成要素,如右圖所示。在對網(wǎng)店進行裝修之前,無論是首頁設(shè)計還是商品詳情頁設(shè)計,在把握整體頁面布局時,都要先將較大的一塊區(qū)域確定下來,然后再進行細節(jié)的設(shè)計,這樣整體布局流程就會比較流暢,最后確定頁面中各個組成要素的位置,將所要表達的信息更清楚、更真實地傳達出來。一、頁面布局的組成要素背景留白文字0102中間對齊的頁面布局中間對齊的頁面布局如圖9所示。這種布局方式具有吸引消費者視線的優(yōu)點,但是會顯得整體頁面比較狹窄。一般情況下,可以調(diào)整一些圖像的尺寸,將留白部分的特色發(fā)揮出來,從而清除狹窄、沉悶等弊端,產(chǎn)生穩(wěn)定、安靜的感覺。對角線排列的頁面布局對角線排列的頁面布局如圖10所示。這種布局方式適合表達自由奔放的、動態(tài)的感覺,并且會自然地形成“Z”字形視覺牽引效果,給人一種利落、清爽的感覺。二、常用的頁面布局方式以下是五種較為常用的頁面布局方式。圖9中間對齊的頁面布局圖10對角線排列的頁面布局0304左對齊的頁面布局左對齊的頁面布局如圖11所示。由于人們的視線一般是從左向右移動的,所以這種布局會吸引更多的視線,適合用在表現(xiàn)那些有順序之分的內(nèi)容上,如商品的制作過程、商品使用的說明順序等。這些連貫性的內(nèi)容采用左對齊的頁面布局來表現(xiàn),效果會較佳。二、常用的頁面布局方式圖11左對齊的頁面布局圖10棋盤式的頁面布局棋盤式的頁面布局棋盤式的頁面布局如圖10所示。這種布局方式將圖像按照棋盤表面的方格樣式進行布局,把眾多的圖像一次性地展示給消費者。這種布局方式適合用于展示商品的各個細節(jié)部分,其優(yōu)點是將眾多的圖像集合為視覺上的一個整體,形成一種統(tǒng)一感,同時將消費者的視線集中到一處。05二、常用的頁面布局方式圖12對稱型的頁面布局對稱型的頁面布局對稱型的頁面布局如圖12所示。這種布局方式是指畫面的橫向或縱向以中心線為軸,將頁面組成要素按照彼此相對的方式進行兩側(cè)布局。在頁面布局中,即使兩側(cè)的組成要素不是按照完全相同的尺寸和排列方式來進行的,但只要兩側(cè)的空間寬度和重量感相同,就可以體現(xiàn)出對稱的布局效果。這種布局能夠營造出一種安定、安靜的整體氛圍。小貼士網(wǎng)店首頁裝修的誤區(qū)在網(wǎng)店首頁裝修過程中,如果不注意細節(jié)問題,則容易陷入店鋪裝修的誤區(qū),具體有以下3點。(1)配色過多,使店鋪猶如一個雜貨鋪,降低了店鋪檔次。(2)店鋪首頁裝修不能抓住重點,并根據(jù)賣家的喜好進行裝修,從而得不到消費者的認同。(3)使用太大的圖片導(dǎo)致加載起來很慢,消費者因沒有耐心等待而關(guān)掉網(wǎng)頁。在電商平臺搜索一個你感興趣的行業(yè)類目,找出其相關(guān)的5家店鋪,分析其各網(wǎng)店的裝修風(fēng)格與頁面布局。課后練習(xí)PPT模板下載：/moban/行業(yè)PPT模板：/hangye/節(jié)日PPT模板：/jieri/PPT素材下載：/sucai/PPT背景圖片：/beijing/PPT圖表下載：/tubiao/優(yōu)秀PPT下載：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel教程：/excel/資料下載：/ziliao/PPT課件下載：/kejian/范文下載：/fanwen/試卷下載：/shiti/教案下載：/jiaoan/字體下載：/ziti/

感謝觀看！網(wǎng)

店

美

工

目錄網(wǎng)店配色圖片素材采集任務(wù)一任務(wù)二任務(wù)一網(wǎng)店配色010203色相明度純度色相是指色彩的相貌,是一種色彩區(qū)別于另一種色彩的表面特征,它是由光的波長引起的一種視覺感。明度是指色彩的明暗程度。物體受光量越大,反光越多。黑色是反光率最低的色,而白色是反光率最高的色。純度亦稱飽和度,是指色彩所含的單色相飽和的程度,也稱彩度。決定色彩純度的因素是多方面的。從光的角度上講,光波波長越單一,則色彩越純;光波波長越混雜,則色彩越不純。一、色彩的搭配應(yīng)用（一）色彩的三要素色光混合變亮,稱為加色混合。紅、綠、藍三光疊加為白,這是電視、計算機、手機等的配色原理。加色混合三原色分為光的三原色與顏料的三原色。光的三原色是紅、綠、藍(藍紫色)；顏料的三原色是紅(品紅)、黃(檸檬黃)、青(湖藍)。三原色顏料混合變暗,稱為減色混合。印染染料、繪畫顏料、印刷油墨等各色的混合或重疊,都屬于減色混合。品紅、檸檬黃、青三種顏料原色加在一起,混成黑色,稱為減色混合。減色混合123（二）色彩的配合1.1.紅色2.橙色3.黃色4.綠色紅色活潑、熱情、強烈、生動,象征著生命、希望,用于傳達積極、有活力、溫暖、熱誠等含義的企業(yè)形象與精神,而長時間觀察紅色會有緊張、不安、沖動的反應(yīng),因此紅色也用來作為危險、警告、防火、禁止等標(biāo)識用色。橙色又稱橘色,為二次顏料色,是紅色與黃色的混合色。橙色在空氣中的穿透力僅次于紅色,而色感比紅色更暖。橙色明度高,在工業(yè)安全用色中,橙色是警戒色,如登山服裝、火車頭、救生衣、背包等。紅、橙、黃均為暖色,是引人注目和引起食欲的顏色。黃色代表著希望、光明、愉快、高貴,而淺黃色表示柔弱。黃色的亮度最高,與其他顏色搭配很活潑,具有希望、快樂、輕快和智慧的個性。黃色也代表土地,象征著權(quán)力,并且具有神秘的宗教色彩。綠色在黃色和藍色(冷暖)之間,屬于較中性的顏色。綠色象征著和平與安全、安寧與舒適、發(fā)展與生機、休息與松弛,有緩解眼部疲勞的作用。綠色通常與環(huán)境意識有關(guān),也經(jīng)常被聯(lián)想到與健康有關(guān)的事物,所以綠色經(jīng)常會用于與健康、自然有關(guān)的網(wǎng)店,還經(jīng)常用于生態(tài)特產(chǎn)、兒童商品、護膚品或保健及健康食品網(wǎng)店。（二）色彩的情感1.5.藍色6.紫色7.黑色8.白色藍色是冷色調(diào)中最典型的代表色,是網(wǎng)店頁面中運用得最多的顏色,也是許多人鐘愛的顏色。藍色會給人很強烈的安穩(wěn)感,同時能夠表現(xiàn)出淡雅、和平、潔凈、可靠等感覺,多用于家電產(chǎn)品、科技產(chǎn)品、化妝品或旅游類型的網(wǎng)店。紫色是具有優(yōu)雅氣質(zhì)的顏色,給人以神秘感與成熟感,也是女性的專屬色之一。紫色通常用于以藝術(shù)品為主或以女性為對象的網(wǎng)店,另外,紫色是華麗高貴的色彩,也很適合表現(xiàn)奢華、珍貴的商品。黑色可以激發(fā)力量和自信,象征著嚴(yán)肅、威信、孤獨、穩(wěn)重、高貴、神秘,在網(wǎng)店設(shè)計用色中,黑色多用于企業(yè)形象或與男性有關(guān)的商品。黑色能使與之相配的顏色看上去更明亮。白色是最干凈純粹的顏色,給人神圣、清潔、柔軟的感覺。白色讓畫面、空間顯得整潔、干凈,是萬能搭配的顏色,和任何顏色都能很好地搭配。（三）色彩的情感01色彩的軟硬感色彩的軟硬感主要取決于明度和純度,與色相關(guān)系不大。明度高、純度低的色彩有柔軟感,如圖1所示,淡淡的馬卡龍色讓人覺得柔軟。明度低、純度高的色彩有堅硬感,如圖2所示。低明度、低純度的頁面展示給人以濃郁、堅硬的感覺,如圖3所示;高明度、低純度的頁面展示給人以柔和的感覺,如圖4所示。圖1明度高、純度低的色彩圖4高明度、低純度的頁面展示（四）色彩的心理感應(yīng)圖2明度低、純度高的色彩圖3低明度、低純度的頁面展示02色彩的冷暖冷色有青、紫、綠、藍等,而暖色有紅、橙、黃等,色彩的冷暖如圖5所示。黑、白、灰既不是冷色,也不是暖色,為中性色。冷色舒緩淡泊、平靜鎮(zhèn)定;暖色積極有力、生動活潑。色彩的冷暖帶給人沉靜感或興奮感。冷色系予人沉靜感,而暖色系予人興奮感。暖色展示頁面如圖6所示,其以粉色為背景,給人溫暖、柔和的感覺。圖6暖色展示頁面（四）色彩的心理感應(yīng)圖5色彩的冷暖01同一色相配色同一色相配色是指以單一顏色為對象,調(diào)整其明度和彩度,使其呈現(xiàn)出不同的特色。這種配色方法在表現(xiàn)一種秩序井然的感覺時比較適用,可以傳達出一種安靜之美。同一色相配色展示頁面如圖7所示。圖8相反色相配色展示頁面圖7同一色相配色展示頁面二、常用的配色方法02相反色相配色相反色相配色是指使用色相環(huán)上相反方向的顏色進行配色,可給人一種強勢和生動的感覺。這是因為色相之間差異較大,會更容易營造出一種動態(tài)、華麗的視覺效果。相反色相配色展示頁面如圖8所示。03漸變效果配色漸變效果配色是指將所選顏色的明度、彩度和色相等逐層給予適當(dāng)?shù)淖兓?再組合起來的一種配色方法,通常用于表現(xiàn)一種和諧、自然的視覺效果。漸變效果配色展示頁面如圖9所示。圖10類似色相配色展示頁面圖9漸變效果配色展示頁面二、常用的配色方法04類似色相配色類似色相配色是指將色相環(huán)上相鄰的顏色組合進行配色的,或者將相鄰的顏色進行彩度和明度上的微調(diào)后進行配色,其色相之間協(xié)調(diào)、和諧,適合表現(xiàn)浪漫、甜美、溫馨的視覺效果。類似色相配色展示頁面如圖10所示。05重色調(diào)配色重色調(diào)配色是指在相對單調(diào)的配色氛圍中,通過使用對照色相與色調(diào),以起到強調(diào)效果的一種配色方式。這樣的配色會打破平淡、枯燥的頁面效果,更加引人關(guān)注。重色調(diào)配色展示頁面如圖11所示。圖11重色調(diào)配色展示頁面二、常用的配色方法小貼士店鋪裝修配色攻略店鋪裝修配色分為單張圖內(nèi)部配色和網(wǎng)店整體配色兩種形式,下面分別介紹它們的配色方法。1.單張圖內(nèi)部配色對于店鋪單張圖內(nèi)部的配色,可以配色的元素有圖形、文字、背景色等,并且在配色時顏色要和內(nèi)容相符。文字與圖形顏色的選擇,要考慮單張圖內(nèi)部的整體搭配,其顏色不宜過多,多則亂。選擇圖中已有的顏色即可,讓同一顏色或其明度、純度稍做變化后的顏色多次重復(fù)出現(xiàn)。2.整體配色在設(shè)計網(wǎng)店首頁、商品詳情頁時,要考慮其整體的配色。整體配色要求顏色與內(nèi)容相符,且整體協(xié)調(diào)統(tǒng)一。任務(wù)二圖片素材采集一、相機所需具備的基本功能（一）相機的選擇對于網(wǎng)上店鋪,消費者主要通過一張張的展示圖片來了解商品的功能,而圖片的主要來源是相機拍照。淘寶對商品圖片的要求為“800像素×800像素”,圖片格式為jpg或者png。由此可見,網(wǎng)店商品圖片對相機的像素并沒有太高的要求,300萬像素的相機即可勝任(即普通卡片機即可)。但是為了確保圖像畫面清晰、對焦準(zhǔn)確等,建議使用單反相機。市面上流行的相機品牌有很多,如索尼、佳能、尼康等,相機的選擇至關(guān)重要。對于網(wǎng)拍相機,最好具備以下四個條件。1適合的感光元件。市面上的消費及數(shù)碼相機主要有2/3英寸、1/1.8英寸、1/2.7英寸、1/3.2英寸四種,盡量選擇1/1.8英寸以上的。2強悍的手動模式(M模式)。即根據(jù)拍攝物品所在的環(huán)境可自行調(diào)整各個設(shè)置。3必備的熱靴插槽。即外接相機的輔助設(shè)備。4強勁的微距。它用于拍攝細小零部件。如果是普通的數(shù)碼相機,即DC,則一定要考慮這個問題;如果是單反相機,則應(yīng)該考慮配套的鏡頭是否有微距功能。小貼士針對單反相機的體積較大、機身較重、不利于攜帶的缺點,相機廠商研制出了一款“單電相機”,又稱“微單相機”,該相機雖然取消了反光板,使體積縮小,但拍攝效果并不比單反相機差太多。單電相機示例如下圖所示。01光圈光圈的大小和景深的深淺有著密切的關(guān)系。在其他參數(shù)設(shè)置不變的情況下,如果光圈值越小,景深就越淺,且畫面的背景就越模糊;如果光圈值越大,景深就越深,且畫面的背景就越清晰。為了將商品表現(xiàn)清晰,光圈值控制在F8以上為佳。不同光圈值展示如圖12所示。圖13感光度設(shè)置展示圖12不同光圈值展示（二）拍攝設(shè)置02ISO感光度選擇合適的ISO感光度非常重要,由于ISO是感光元件對光線的敏感程度,所以ISO數(shù)字越大,對光線越敏感,則畫面越亮,同時畫面噪點會增加;反之,則畫面暗淡。在保證光線充足的情況下,用ISO50或ISO100拍攝,畫面會更細膩。感光度設(shè)置展示如圖13所示。03快門速度快門速度的衡量標(biāo)準(zhǔn)是次/秒?？扉T速度的分?jǐn)?shù)一般用1/×××來表示,其分母越大,快門速度越快,如1/1000的速度遠遠超過1/30?？扉T優(yōu)先模式在拍攝模式轉(zhuǎn)盤上或菜單中通常以字母“S”或“Tv”表示,如圖14所示。圖15對焦效果對比圖14拍攝模式轉(zhuǎn)盤展示（二）拍攝設(shè)置04準(zhǔn)確對焦準(zhǔn)確對焦是擁有清晰照片的必要條件。在畫面中,對準(zhǔn)你想要拍攝的商品主體,先在其對比鮮明的地方對焦,這樣比較容易對焦;再半按快門,鎖定對焦點;最后保持半按快門平移相機得到你想要的構(gòu)圖,并按下快門拍攝。這里要注意“平移”相機,如果前移或后移相機,焦點就不在你想要表現(xiàn)的產(chǎn)品主體上了,拍攝出來的照片也會變得模糊。對焦效果對比如圖15所示。05白平衡的調(diào)節(jié)如果使用卡片機,則建議先嘗試使用自動白平衡,當(dāng)發(fā)現(xiàn)偏色嚴(yán)重時,可選擇相機中的白平衡模式。對于單反相機,可以調(diào)節(jié)白平衡參數(shù),多實驗幾次,直到準(zhǔn)確為止。要拍出產(chǎn)品在各種光線下色彩的真實表現(xiàn),就要用到數(shù)碼相機的白平衡功能。數(shù)碼相機有多種白平衡模式,如自動、自然光自動適應(yīng)、白熾燈、熒光燈、晴天、閃光燈、陰天等。白平衡調(diào)節(jié)展示如圖16所示。圖16白平衡調(diào)節(jié)展示（二）拍攝設(shè)置數(shù)碼相機的13種拍攝模式1.AUTO模式（全自動模式）（三）數(shù)碼相機的拍攝模式2.P模式（程序自動曝光模式）3.Av模式（光圈優(yōu)先拍攝模式）4.Tv模式（快門優(yōu)先拍攝模式）5.M模式（全手動拍攝模式）6.人像拍攝模式7.夜景拍攝模式8.風(fēng)景模式9.慢速快門拍攝模式10.高速快門拍攝模式11.SCN模式(特殊場景模式)12.全景圖拍攝模式13.攝像模式01三腳架中、高檔相機都具備防抖功能,但是在拍攝商品時,有時拍攝出來的作品會比較模糊,這時就需要使用三腳架來輔助拍攝。在光線不好的環(huán)境中拍攝時,由于曝光時間較長,單獨用手持握相機進行拍攝,很難保持長時間的靜止不動,因此必須使用三腳架對相機進行固定拍攝。有的網(wǎng)店店主會自己來做產(chǎn)品的模特,此時只需要通過三腳架固定相機后,再設(shè)置延時拍攝就能完成自拍。因為三腳架主要起到穩(wěn)定的作用,所以其需要結(jié)實。但由于經(jīng)常被攜帶,因此又需要其具備輕便并便于組裝的特點。三腳架如圖17所示。圖17三腳架二、拍攝所需的輔助器材02燈光器材二、拍攝所需的輔助器材1簡易攝影棚如果拍攝的商品對顏色要求較高,就要使用簡易攝影棚,而且簡易攝影棚是室內(nèi)拍攝商品最主要的工具。2反光傘經(jīng)過反光傘反射后的散射光,其性質(zhì)為軟光,且發(fā)光面積大、方向性不明顯、柔和、反差弱。反光傘的反光層有銀色、白色、金色等,銀色反光層對光的反射度最強,金色反光層能夠提供相對柔和且呈現(xiàn)暖調(diào)的反射光。3柔光箱光源發(fā)出的光經(jīng)過柔光箱透射擴散形成的軟光能提供均勻而充足的照明。柔光箱輸出的光為擴散的透射光,其特點有光線柔和、方向性強于反光傘產(chǎn)生的光、反差清晰、層次表現(xiàn)豐富、色彩與銳度良好等。5反光板反光板可以提供柔和的反射光作為主光照明,也可以對大面積的被拍攝商品的暗部進行補光。反光板的優(yōu)點是不會再生投影。根據(jù)材質(zhì)的不同,反光板其產(chǎn)生的光線效果也不盡相同。6燈頭這里所講的燈頭是指配套需要用燈頭連接電源的部分,如常見的常亮燈,以及部分不可以調(diào)節(jié)光量的閃光燈都屬于這個范疇。從功能分類上來說,燈頭分為單燈頭、雙燈頭、四燈頭及五燈頭。7背景背景在商品攝影中同樣是不可缺少的主要附件,背景的作用主要是襯托主體。以商品攝影為例,背景不適宜太花哨,要簡潔,不能喧賓奪主。背景主要有背景紙、無紡布背景、全棉背景布,在攝影實踐中背景紙的效果比較好。4燈架燈架的作用是支撐燈頭、柔光箱、反光傘及燈,其材質(zhì)為鋁合金或鋼管,根據(jù)負重能力及用途的不同有許多種規(guī)格。二、拍攝所需的輔助器材01場景布置網(wǎng)上店鋪因其虛擬的特性,所以消費者全憑眼睛去觀察。為了防止消費者將過多的注意力消耗在無謂的商品背景之中,場景布置的第一原則就是簡單整潔。在拍攝過程中,簡單的場景布置有利于拍攝出好圖片。場景布置簡潔明了,自然能夠?qū)⑾M者的目光引向拍攝的焦點;而雜亂的場景布置只會喧賓奪主,分散消費者的注意力,從而嚴(yán)重影響消費者的購買欲望。例如,圖18和圖19分別為簡潔明了的甜甜圈場景布置圖片和雜亂的甜甜圈場景布置圖片。圖19雜亂的甜甜圈場景布置圖片圖18簡潔明了的甜甜圈場景布置圖片三、拍攝的要求與技巧02光線的角度下面介紹三種不同商品的光線角度選擇方法。圖21立體感拍攝法效果展示圖20立體感拍攝法布局展示三、拍攝的要求與技巧1立體感拍攝法從商品的前后交叉布置燈光,會使商品輪廓明顯、立體感增強,并在背景上產(chǎn)生小陰影的效果。立體感拍攝法布局展示如圖20所示。立體感拍攝法效果展示如圖21所示。圖23無暗角拍攝法效果展示圖22無暗角拍攝法布局展示三、拍攝的要求與技巧2無暗角拍攝法從正面的兩側(cè)布置燈光,投射出來的光線全面且均勻,可以散布到商品的表面,使商品沒有暗角,展現(xiàn)得非常清晰。無暗角拍攝法布局展示如圖22所示。無暗角拍攝法效果展示如圖23所示。圖25摳圖拍攝法效果展示圖24摳圖拍攝法布局展示三、拍攝的要求與技巧3摳圖拍攝法從商品的前方打主光保全商品細節(jié),而從左右兩側(cè)打輔助光使輪廓明顯,也可以根據(jù)背景增加背景燈,此方法拍攝出的商品圖片適合后期摳圖使用。摳圖拍攝法布局展示如圖24所示。摳圖拍攝法效果展示如圖25所示。4.輻射型構(gòu)圖與散點型構(gòu)圖5.黃金分割構(gòu)圖1.直線型構(gòu)圖與S曲線型構(gòu)圖2.對稱型構(gòu)圖與均衡型構(gòu)圖3.幾何型構(gòu)圖（三）拍攝構(gòu)圖方式網(wǎng)店美工常用的構(gòu)圖有以下五種。經(jīng)驗之談淘寶、天貓網(wǎng)店高級美工的成長路徑作為一名淘寶、天貓網(wǎng)店美工新手,如何提高職業(yè)水平,并成為職業(yè)中的高手,這是大多數(shù)淘寶、天貓網(wǎng)店美工比較迷茫的事情。下面將分階段闡述淘寶、天貓網(wǎng)店美工的成長路徑?？傊?網(wǎng)店美工的成長需經(jīng)歷以下四個階段。(1)了解店鋪的構(gòu)成模塊,以及運營的基礎(chǔ)知識。例如,如何推廣產(chǎn)品,包括搜索優(yōu)化、直通車、淘寶客和淘寶活動等,以及如何查看與分析店鋪中涉及的數(shù)據(jù)、如何節(jié)約成本、如何維護客戶關(guān)系、如何增加銷量等。通過運營,可以更加了解自己的工作職責(zé)與工作意義,學(xué)會如何與他人配合。(2)對基礎(chǔ)軟件進行學(xué)習(xí)。淘寶、天貓網(wǎng)店美工需要涉及很多平面設(shè)計的知識與操作,在制作海報、主圖等圖片時,需要有針對性地掌握Photoshop、Illustrator、Dreamweaver、Fireworks等軟件的操作。(3)對優(yōu)秀店鋪作品進行鑒賞與模仿。在熟練掌握軟件的操作后,許多美工還是無從下手,此時就需要學(xué)習(xí)優(yōu)秀店鋪的裝修方式,包括構(gòu)圖技巧、風(fēng)格搭配、頁面的排版、配色技巧、商品的陳列、文案的組合等視覺營銷方面的知識,先進行對比與總結(jié),再搜集素材,試著進行臨摹與改編,最后形成自己的店鋪作品。(4)拓展行業(yè)知識和提升視覺審美,并善于觀察生活中的事物,以培養(yǎng)敏銳的市場洞察力,從而逐漸形成自己的設(shè)計風(fēng)格。某網(wǎng)店準(zhǔn)備上架新的手鏈、項鏈等飾品,請你根據(jù)所學(xué)內(nèi)容挑選性價比高的單反相機來進行商品拍攝。要求自制小型靜物臺,設(shè)置獨立光源,拍攝能體現(xiàn)出商品的特點和商品的細節(jié)。課后練習(xí)PPT模板下載：/moban/行業(yè)PPT模板：/hangye/節(jié)日PPT模板：/jieri/PPT素材下載：/sucai/PPT背景圖片：/beijing/PPT圖表下載：/tubiao/優(yōu)秀PPT下載：/xiazai/PPT教程：/powerpoint/Word教程：/word/Excel教程：/excel/資料下載：/ziliao/PPT課件下載：/kejian/范文下載：/fanwen/試卷下載：/shiti/教案下載：/jiaoan/字體下載：/ziti/

感謝觀看！網(wǎng)

店

美

工

目錄網(wǎng)店首頁店招設(shè)計網(wǎng)店首頁店標(biāo)設(shè)計網(wǎng)店首頁海報設(shè)計任務(wù)二任務(wù)三任務(wù)四網(wǎng)店首頁設(shè)計認知任務(wù)一任務(wù)一網(wǎng)店首頁設(shè)計認知01店招店招位于首頁的最頂端，是店鋪的招牌，當(dāng)消費者進入店鋪時,最先看到的就是店招。店招可以展示店鋪的名稱、Logo、店鋪理念等。店招要求色正字美、美觀大方、布局合理、易于識別，其大小一般為“950像素×120像素”。一、網(wǎng)店首頁內(nèi)容02頁面導(dǎo)航頁面導(dǎo)航用于引導(dǎo)消費者瀏覽網(wǎng)頁內(nèi)容，默認有分類、店鋪活動等。淘寶店鋪有文字內(nèi)容的部分寬度建議在950像素以內(nèi),而天貓店鋪寬度建議在990像素以內(nèi),且高度為30像素。03全屏輪播圖片全屏輪播圖片位于店鋪的顯著位置，用于展示店鋪內(nèi)的熱銷商品或進行店鋪內(nèi)的促銷活動。全屏輪播圖片尺寸最大寬度為1920像素，其高度自定義。一、網(wǎng)店首頁內(nèi)容04商品展示區(qū)商品展示區(qū)是展示店鋪內(nèi)的熱銷商品，要避免同款商品多次出現(xiàn)，且陳列要有序、整潔。04頁尾區(qū)域頁尾區(qū)域是店鋪最底部的位置，主要用于設(shè)置自定義區(qū)，一般用于收藏店鋪、客服及頁尾廣告的投放。二、目標(biāo)群體定位（一）按年齡分1嬰幼兒嬰幼兒產(chǎn)品的目標(biāo)群體是孩子的父母和親戚朋友。這類店鋪視覺傳達的對象是成年人,因此要以成年人的思考方式去呈現(xiàn)產(chǎn)品,如嬰幼兒產(chǎn)品應(yīng)注意安全性、方便性、舒適感等。在呈現(xiàn)方式上,盡可能地表現(xiàn)出可愛、天真、純潔、柔和,多用手繪、卡通、淡色系等表現(xiàn)手法,使消費者看到這些設(shè)計時就會聯(lián)想到寶寶使用的效果,這也屬于情感上的營銷策略。2兒童兒童產(chǎn)品的目標(biāo)群體依然是孩子的父母和親戚朋友,其傳達的對象仍然是成年人,不同的是此階段的孩子擁有一定的選擇能力,可以告訴父母他們喜歡什么顏色、喜歡什么圖案等。因此,設(shè)計的店鋪既要吸引兒童的注意,也要讓成人喜歡。兒童產(chǎn)品的網(wǎng)店首頁設(shè)計,要考慮他們正處于最活潑好動的成長階段,所以在顏色搭配上可以使用比較活潑和鮮艷的高飽和度的顏色,并且圖案可以適度夸張、充滿想象力。3少年少年介于童年與成年之間,相比于兒童,其主觀意識增強,有更強的選擇權(quán),且追求潮流感。他們會跟小伙伴們進行比較,也有從眾心理。這個階段的父母和孩子共同選購的機會增加,因此設(shè)計頁面時應(yīng)結(jié)合父母和孩子的喜好。二、目標(biāo)群體定位4青年人作為上班族的青年人,不僅擁有購買能力,還擁有足夠的自主選擇權(quán)、決定權(quán),懂得享受生活,對生活充滿熱情和希望。對于這一類的目標(biāo)群體,可以使用大量新興的語言引起他們的共鳴,如每年的網(wǎng)絡(luò)流行語、各種新聞、流行電影等,這是因為他們喜歡新鮮的事物。男性大多喜歡運動、休閑、潮牌、歐美、日韓等風(fēng)格,而女性大多喜歡小清新、氣質(zhì)、歐美、韓版、日系等風(fēng)格。因此,只要設(shè)計風(fēng)格與產(chǎn)品風(fēng)格定位一致,就能吸引目標(biāo)群體。5中老年人對于中老年人使用的產(chǎn)品,目標(biāo)群體可以分為兩類:一類是由子女購買;一類是由他們自己購買。那么這樣能店鋪可以針對年輕人對長輩的心態(tài)來設(shè)計,如文案中帶有孝敬老人的意思、圖片中加上能表現(xiàn)溫馨的家庭氛圍的素材,同時要注重產(chǎn)品的健康。若由老人自己購買,則應(yīng)盡量把頁面簡化,且產(chǎn)品信息要更清楚、更明顯地展示,同時突出產(chǎn)品的健康安全,讓他們放心購買。01時尚風(fēng)時尚風(fēng)多用于目標(biāo)群體為青年人的網(wǎng)店,其特點是大標(biāo)題、時尚的模特、報紙雜志的風(fēng)格,整體時尚大氣。時尚風(fēng)展示頁面如圖1所示。圖2清新風(fēng)展示頁面圖1時尚風(fēng)展示頁面02清新風(fēng)清新風(fēng)的特點是唯美、清爽,給人舒適的感覺,其多用輕盈的自然系色調(diào),使人感覺清麗和透氣。清新風(fēng)展示頁面如圖2所示。三、網(wǎng)店首頁設(shè)計的風(fēng)格定位03卡通風(fēng)卡通風(fēng)將插畫與產(chǎn)品模特或產(chǎn)品設(shè)計放在一起,增加了親切感和活躍感,同時容易被接受。卡通風(fēng)展示頁面如圖3所示。圖4復(fù)古風(fēng)展示頁面圖3卡通風(fēng)展示頁面04復(fù)古風(fēng)復(fù)古風(fēng)用色清新雅致,通常會添加書法、剪紙、水墨等復(fù)古的元素,以打造出古色古香的氛圍感。復(fù)古風(fēng)展示頁面如圖4所示。三、網(wǎng)店首頁設(shè)計的風(fēng)格定位05炫酷風(fēng)炫酷風(fēng)注重視覺效果,多用深色背景,并用一些比較有質(zhì)感的元素與光影特效來打造出炫酷的效果。炫酷風(fēng)展示頁面如圖5所示。圖6簡約風(fēng)展示頁面圖5炫酷風(fēng)展示頁面06簡約風(fēng)簡約風(fēng)的特點是極簡主義、大空間、沒有過多的裝飾元素,整體感覺非常簡潔,多用于高端品牌店鋪。簡約風(fēng)展示頁面如圖6所示。三、網(wǎng)店首頁設(shè)計的風(fēng)格定位任務(wù)二網(wǎng)店首頁店招設(shè)計

網(wǎng)店的首頁店招圖片格式主要有3類,分別是JPG、PNG、GIF。GIF格式的店招就是消費者常見的帶動畫效果的動態(tài)店招。就淘寶而言,店招按尺寸大小可以分為常規(guī)店招和通欄店招2類。其中,常規(guī)店招的尺寸為“950像素×120像素”;通欄店招包括頁頭背景(店招的左右兩側(cè))、常規(guī)店招和導(dǎo)航條(導(dǎo)航條位于店招下方),其尺寸多為“1920像素×150像素”。需要注意的是,為了便于店招上傳,頁頭背景最好小于200KB,且店招最好小于80KB,同時店招的格式也應(yīng)設(shè)置成JPG、PNG、GIF等格式。一、店招制作規(guī)范在設(shè)計時,可以通過標(biāo)志、店鋪名稱來植入品牌形象。（1）植入品牌形象。商品定位是指展示店鋪所賣商品的類別,而且精準(zhǔn)的商品定位可以快速吸引目標(biāo)群體進入店鋪。（2）抓住商品定位。一、店招制作規(guī)范為了便于店鋪商品的推廣和品牌形象的樹立,網(wǎng)店美工在設(shè)計店招時,除了需要使店招鮮明有特色、易于傳播,還應(yīng)遵循以下2個基本原則。顏色視覺設(shè)計變化盡量少于3種,減少使用過于刺激的顏色,并保持店招的簡潔、明了。若店招做得太花哨,則容易給消費者造成視覺疲勞。（1）店招顏色。店招的視覺重點不宜過多,有1~2個就夠了。（2）店招視覺。要做到與眾不同、標(biāo)新立異。對于一些有特色的網(wǎng)店,要敢于使用夸張的形象和文字來體現(xiàn)網(wǎng)店的獨特風(fēng)格。（3）店招設(shè)計。店招設(shè)計要隨著節(jié)日、時期、促銷活動的不同而有所變化,并使用相應(yīng)的設(shè)計素材、流行色彩、造型等形式進行搭配。如“6·18”大促期間,用紅色作為主色調(diào),用文字突出“6·18”大促的優(yōu)惠,并將優(yōu)惠券放置到店招中。（4）店招設(shè)計變化。一、店招制作規(guī)范在設(shè)計店招時,要從視覺上進行設(shè)計把握,才能提高網(wǎng)店的形象,從而贏得消費者的好感。店招的視覺設(shè)計應(yīng)遵守以下4種規(guī)范。01啟動Photoshop軟件,執(zhí)行“文件”→“新建”命令,新建一個大小為“1920像素×150像素”的文件,其文件名稱命名為“童裝店鋪店招”。新建文件效果如圖7所示。二、制作常規(guī)店招下面以制作童裝店鋪店招為例，展開操作。圖7新建文件效果02選擇工具箱中的“矩形工具”,更改參數(shù)如圖8所示,首先在工具屬性欄中設(shè)置填充顏色為“CMKY青”,描邊顏色為“無”,再繪制一個與文檔大小相同的矩形。然后更改填充顏色為“深黑青”,并設(shè)置形狀寬度為“1920像素”,形狀高度為“30像素”,最后在底部繪制矩形,完成效果如圖9所示。二、制作常規(guī)店招圖9完成效果圖8更改參數(shù)03選擇工具箱中的“橫排文字工具”,在背景下端輸入文本“首頁有驚喜、所有寶貝、男童夏裝、女童夏裝、男童秋裝、女童秋裝、男童冬裝、女童冬裝、優(yōu)惠專區(qū)”,并設(shè)置文本字體為“黑體”、文本顏色為“#ffffff”、文本字號大小為“24點”。為輸入的文本添加“投影”圖層樣式,其參數(shù)為默認,并完成導(dǎo)航部分文本標(biāo)簽輸入,如圖10所示。二、制作常規(guī)店招圖10輸入文本標(biāo)簽04選擇工具箱中的“直線工具”,如圖11所示。設(shè)置填充顏色為“#ffffff”、描邊顏色為“無”、寬度為“3像素”,如圖12所示。按住“Shift”鍵,在文字標(biāo)簽間隔部分繪制縱向直線,完成導(dǎo)航條按鈕,如圖13所示。二、制作常規(guī)店招圖11直線工具圖12設(shè)置工具選項圖13完成導(dǎo)航條按鈕05選擇工具箱中的“橫排文字工具”,在店招左上方輸入文本“LOGO”,再設(shè)置文本字號大小為“48點”、文本字體為“黑體”、文本顏色為“#ffffff”,如圖14所示,并為文本添加“投影”圖層樣式,設(shè)置效果如圖15所示。二、制作常規(guī)店招圖14設(shè)置文字選項圖15設(shè)置效果06選擇工具箱中的“橫排文字工具”,在店招偏左位置輸入文本“漂亮寶貝童裝店”,再設(shè)置文本字體為“黑體”、文本顏色為“#ffffff”、“漂亮寶貝”文本字號大小為“60點”、“童裝店”文本字號大小為“36點”,并為文本添加“描邊”圖層樣式,且描邊參數(shù)大小為“3像素”、描邊顏色為“#135497”,如圖16所示。店招名稱如圖17所示。二、制作常規(guī)店招圖16描邊參數(shù)圖17店招名稱07導(dǎo)入資源庫素材文件“服裝”圖片,并縮小到合適大小,然后將其圖層移到最下方做背景。選擇工具箱中的“橫排文字工具”,在店招右側(cè)輸入字號大小為36點、顏色為白色、字體為黑體的文本“僅售99元爆款童裝”,并在文本右側(cè)調(diào)入資源庫素材文件“服裝”圖片,將其縮小到合適大小,完成店招促銷信息相關(guān)設(shè)置,如圖18所示。整體效果展示如圖19所示。二、制作常規(guī)店招圖19整體效果展示圖18相關(guān)設(shè)置任務(wù)三網(wǎng)店首頁店標(biāo)設(shè)計3（3）店標(biāo)設(shè)計要有統(tǒng)一性。4（4）店標(biāo)設(shè)計要有延伸性。1（1）店標(biāo)設(shè)計要造型新穎、識別性強。6（6）店標(biāo)設(shè)計要與時俱進。2（2）店標(biāo)設(shè)計要體現(xiàn)領(lǐng)導(dǎo)性。5（5）店標(biāo)設(shè)計要有系統(tǒng)性。優(yōu)秀的店標(biāo)設(shè)計應(yīng)具備的6個特點一、店標(biāo)設(shè)計認知1.1.字母型店標(biāo)2.文字型店標(biāo)二、店標(biāo)設(shè)計常見類型3.圖文組合型店標(biāo)4.吉祥物型店標(biāo)字母型店標(biāo)是完全由店鋪和品牌名稱的單詞或提取字母組成的,可將公司名稱與品牌的視覺形象緊密聯(lián)系在一起。顯然這里主要關(guān)注字母的排版和變形,而且單詞或提取字母的風(fēng)格、形狀和顏色幾乎與單詞或提取字母本身一樣具有意義。相對于字母型店標(biāo)的設(shè)計,文字型店標(biāo)的設(shè)計的識別度要更高,且傳達信息成本更低,其造型也千變?nèi)f化,應(yīng)用較為廣泛。圖文組合型店標(biāo)的設(shè)計通常由圖像和文字共同組成,既有直觀的視覺形象,又有直接的語言信息傳播功能,因此得到廣大賣家的青睞?？淳昧宋淖衷O(shè)計,人們更希望可以看到形式更特別、內(nèi)容更豐富、更能讓人眼前一亮的店標(biāo)。吉祥物型店標(biāo)通常具有豐富的色彩,且形象上也更有趣。三、店標(biāo)設(shè)計規(guī)范與要求1未經(jīng)許可,嚴(yán)禁使用電商平臺專用圖形和文字作為網(wǎng)店宣傳的圖形和文字。2店標(biāo)禁止使用帶有種族仇恨、歧視、淫穢信息的語言或不良言辭;店標(biāo)禁止使用與國家名稱、國徽、國旗、軍旗相同或近似的文字和圖形。店標(biāo)采用的圖形和文字必須遵守相關(guān)的法律法規(guī)，其中，重要的規(guī)范要求有以下7點。3店標(biāo)禁止使用同政府間國際組織的旗幟、徽記、名稱相同或近似的文字和圖形。店標(biāo)禁止使用同第三方標(biāo)志相同或近似的文字或圖形,如中國郵政、中國移動、中國電信、中國聯(lián)通、中國鐵通和中國網(wǎng)通等。45如網(wǎng)店或用戶不具有相關(guān)資質(zhì)或未參加相關(guān)活動,不允許使用與特定資質(zhì)或活動相關(guān)的特定含義的詞匯,如先行賠付、消費者保障計劃等。6店標(biāo)禁止使用帶有民族歧視性的、有害于社會主義道德風(fēng)尚或有其他不良影響的、夸大宣傳并帶有欺騙性的文字和圖形。7店標(biāo)禁止使用帶有民族歧視性的、有害于社會主義道德風(fēng)尚或有其他不良影響的、夸大宣傳并帶有欺騙性的文字和圖形。01啟動Photoshop軟件,執(zhí)行“文件”→“新建”命令,在打開的新建面板上設(shè)置文件參數(shù)。設(shè)置文件名稱為“咖啡網(wǎng)店店標(biāo)”、寬度為“1181像素”、高度為“1181像素”、分辨率為“300像素/英寸”、顏色模式為“RGB顏色”、背景內(nèi)容為“白色”,其他值默認,確定后生成文檔“咖啡網(wǎng)店店標(biāo)”。設(shè)置文件參數(shù)如圖20所示。四、制作首頁店標(biāo)下面以制作咖啡網(wǎng)店店標(biāo)為例,展開操作。圖20設(shè)置文件參數(shù)02先新建“圖層1”,再選擇工具箱中的“橢圓選框工具”,在畫面合適的位置繪制橢圓選區(qū),然后執(zhí)行“編輯”→“描邊”命令,并設(shè)置描邊寬度為“30像素”、描邊顏色為“#610707”、描邊位置為“居中”。設(shè)置描邊參數(shù)如圖21所示,最后單擊“確定”按鈕并按下“Ctrl+D”組合鍵取消選區(qū),繪制環(huán)形如圖22所示。四、制作首頁店標(biāo)圖21設(shè)置描邊參數(shù)圖22繪制環(huán)形03導(dǎo)入咖啡素材,并調(diào)整到合適的大小和位置,如圖23所示。四、制作首頁店標(biāo)圖23導(dǎo)入咖啡素材圖24整體效果展示導(dǎo)入文字素材,并調(diào)整到合適的大小和位置,整體效果展示如圖24所示。04任務(wù)四網(wǎng)店首頁海報設(shè)計一、首頁海報設(shè)計認知首頁海報是對店鋪最新商品、促銷活動等信息進行區(qū)域展示和宣傳的一種形式。通過海報,賣家可以根據(jù)店鋪商品銷售情況的變化適時地將自己的產(chǎn)品及產(chǎn)品特點以視覺表現(xiàn)的形式傳達給消費者,消費者可以通過海報的宣傳對店鋪新品上架、節(jié)日促銷等活動進行初步的了解。網(wǎng)店美工在進行首頁海報設(shè)計之前,必須明確設(shè)計的主題和主要內(nèi)容,然后根據(jù)設(shè)計的主題來尋找恰當(dāng)?shù)膭?chuàng)意點和表現(xiàn)形式,同時考慮海報視覺設(shè)計的目的,明確消費者的接受方式,清楚同行或同類店鋪海報設(shè)計的特點,這樣才能設(shè)計和制作出受歡迎的首頁海報。二、首頁海報設(shè)計要點01店鋪海報的尺寸最為關(guān)鍵,一般海報尺寸為950像素×400像素,但由于現(xiàn)在計算機的顯示器大多是寬屏的,因此大多數(shù)海報尺寸設(shè)計為“1920像素×500像素”或“1920像素×900像素“。三、首頁海報設(shè)計規(guī)范02網(wǎng)店美工設(shè)計首頁海報時通常以圖片為主、文字為輔。03首頁海報設(shè)計包含背景、產(chǎn)品信息和文字等元素,主要信息有主標(biāo)題、副標(biāo)題和附加內(nèi)容,這三部分文字通常采用大、中、小字號進行布局,且段間距要大于行間距,周邊則要適當(dāng)留白。04字體變化可以提升店鋪海報文本的設(shè)計感和閱讀感,但網(wǎng)店美工在設(shè)計首頁海報時運用的文本字體不能超過三種。使用太多字體,會讓畫面看上去凌亂、不統(tǒng)一。文本字體展示如圖25所示,雖然只有簡單的兩種字體,但是畫面看起來卻簡潔美觀。三、首頁海報設(shè)計規(guī)范05海報視覺設(shè)計離不開顏色的運用,但畫面色彩卻不宜繁多,同樣也不宜超過三種,其顏色比例為主色占70%、輔助色占25%、點綴色占5%,還要有一部分空白區(qū)域,使整個海報看上去更舒服。色彩表現(xiàn)展示如圖26所示。圖25文本字體展示圖26色彩表現(xiàn)展示四個技巧背景與產(chǎn)品呼應(yīng)

首頁海報風(fēng)格與店鋪風(fēng)格一致對畫面進行適當(dāng)?shù)牧舭咨{(diào)統(tǒng)一四、首頁海報設(shè)計技巧01啟動Photoshop軟件,執(zhí)行“文件”→“新建”命令,在打開的新建面板上設(shè)置參數(shù),其中,設(shè)置文件名稱為“首頁海報設(shè)計”、大小為“1920像素×540像素”、分辨率為“72像素/英寸”、顏色模式為“RGB顏色”、背景內(nèi)容為“白色”,其他值默認。導(dǎo)入資源庫素材文件“背景圖”圖片和“護膚品”圖片,并調(diào)整圖片的大小和位置,如圖27所示。五、制作首頁海報下面以制作護膚品海報為例,展開操作。圖27導(dǎo)入素材02雙擊“護膚品”圖層,在打開的“圖層樣式”對話框中,單擊選中左側(cè)列表中的“投影”復(fù)選框,將“混合模式、不透明度、角度、距離、大小”分別設(shè)置為“正片疊底、80%、90度、6像素、10像素”,再單擊“確定”按鈕,如圖28所示。五、制作首頁海報圖28添加投影03選擇工具箱中的“橫排文字工具”,將字體設(shè)置為“方正粗黑宋簡體”、字號設(shè)置為“60點”、文本顏色設(shè)置為“#0c5d22”,并輸入“喚醒你做最好的自己”文本;然后將字體設(shè)置為“黑體”、字號設(shè)置為“30點”、文本顏色設(shè)置為“#24873f”,并輸入其他文本,將其中的中文文本的字號改為“36點”。輸入文本如圖29所示。五、制作首頁海報圖29輸入文本04選擇工具箱中的“直線工具”,在工具屬性欄中將填充顏色設(shè)置為“#00421b”且無描邊,并將粗細設(shè)置為“2像素”,再按住“Shift”鍵,在英文下方繪制水平直線,如圖30所示。圖30繪制水平直線05選擇工具箱中的“橫排文字工具”,將字體設(shè)置為“黑體”、字號設(shè)置為“48點”、文本顏色設(shè)置為“#ffffff”,并輸入“貴賓尊享價:380元/套”文本;再選擇“圓角矩形工具”,在工具屬性欄中將半徑設(shè)置為“10像素”、填充色設(shè)置為“#00421b”,然后在