1.2 熟悉網店美工工作流程

一個優秀的網店美工不但能提升網店的人氣，還能促進商品的成交。那么網店美工主要負責哪些工作？其工作流程又是什么？下面對網店美工的工作流程進行介紹。

1.2.1 圖片素材的搜集與整合

網店美工在網店頁面設計的過程中，通常會使用多張圖片素材。這些圖片素材有的用于網店背景的制作，有的用于模塊背景的制作。圖片素材的搜集主要有兩種方式：網上搜集和實物拍攝。網上搜集是指在互聯網上通過素材網站，如千圖網、花瓣網等，搜索需要的素材并進行下載。注意：網上的很多圖片都不能商用，因此要注意版權問題。實物拍攝是搜集圖片素材的常用方法，商家可以從不同的角度、采用不同的展現方法將商品拍攝下來，如整體、細節、模特展現等，為網店美工后期的制作提供主要素材。圖1-4所示為從互聯網上下載的圖片素材；圖1-5所示為拍攝的女包商品圖片。

當完成圖片素材的搜集后，即可根據設計需要對同一主題的圖片素材進行整合，實現商品與主題的融合。整合主要通過Photoshop來進行，采用圖層重疊的方法使整個頁面更加美觀，其具體方法將在首頁和詳情頁的制作中進行詳細講解。圖1-6所示為搜集的竹葉、山峰、云層、仙鶴等與傳統中國風有關的素材，在圖書封面黑白水墨的映襯下對素材進行黑白處理與整合，使其成為一幅水墨風格明顯的商品促銷海報。為了凸顯海報的水墨風格，網店美工還對文字進行了精心設計，其中“兒童文學”直接以水墨字體進行展示，“中國風漢字書籍”則直接點明主題，讓消費者快速識別其風格并受到吸引。

1.2.2 圖片的處理與設計

當完成圖片素材的搜集后，還需對圖片素材進行簡單的處理，如裁剪不需要的區域、修復污點、調整色調、摳取主體等，因為并不是所有的素材都能直接使用。而針對拍攝的商品圖片，則需要在不影響原始效果的情況下，進行色調或效果的調整，其具體的處理方法將在第3章和第4章中進行講解。當完成商品圖片的處理后，商家還可繼續使用Photoshop對其進行后續設計與制作，如添加文字、形狀、線條等，使畫面感更強。圖1-7所示為圖片處理前后以及進行后續設計的效果。

1.2.3 頁面的設計與制作

在進行頁面的設計與制作時，網店美工除了要關注單個圖片的設計，還需要關注首頁和詳情頁的設計。在設計首頁時，要注意畫面的統一性和內容的連貫性。例如，在首頁中的店招設計上要體現網店名稱和Logo；在海報設計上不但要體現促銷信息，還要使商品的畫面符合網店的主題；在商品效果圖設計上不但要對處理后的圖片進行單個展現，還要輸入商品名稱、價格等信息，以滿足消費者的需求。

在設計詳情頁時，商家可通過圖片的設計展現商品的不同特點、適用范圍、商品參數和售后服務等內容，讓商品信息能得到完整的展示。圖1-8所示為首頁與詳情頁的設計效果，從中可看出二者風格統一，都以白色為主色，以嫩綠色為輔助色，整體效果清新、自然，不但凸顯了網店的自然主題，還很好地展示了商品的特點。

1.2.4 圖片的切片與管理

圖片制作完成后，將會以整體的形式進行展現。但是在網店裝修過程中，首頁和詳情頁往往是通過不同板塊的拼接來進行展現的。此時，網店美工需要先將首頁或詳情頁中的各個板塊分割開來，再分別運用到對應部分。圖片的切片方法是將一張大圖片分割成若干小圖，并單獨展示這些小圖。圖1-9所示為圖片切片前后的展現效果。具體的切片方法將在第10章進行講解。注意：在切片時，建議單張圖片的大小PC端不超過800KB，手機端不超過300KB。

對完成切片的圖片，需要上傳到“圖片空間”中，以便后期進行店鋪裝修時使用。網店美工只需進入裝修后臺，在“店鋪管理”欄中單擊“圖片空間”超鏈接，即可進入“素材中心”頁面，然后在其中進行圖片的上傳、移動、復制、刪除，圖片鏈接、代碼的復制、刪除以及圖片文件夾的新建、刪除、移動等管理操作，如圖1-10所示。

1.2.5 網店的裝修

將圖片上傳后，即可進入店鋪裝修頁面進行網店的裝修。其具體方法為：進入裝修后臺，在“店鋪管理”欄中單擊“店鋪裝修”超鏈接，進入“店鋪裝修”頁面，選擇需要裝修的端口頁面，并單擊按鈕，進入“店鋪裝修”頁面，即可進行頁面的裝修，如圖1-11所示（具體的裝修方法將在第10章進行介紹）。