1.1 認識網店美工

網店美工是網店運營過程中一個非常重要的職位，主要負責圖像的美化、店鋪的裝修及頁面的設計等工作。網店美工不但可讓拍攝效果不夠美觀的商品圖像恢復原來的色彩，還能讓店鋪更加美觀、更能吸引顧客的駐留。下面將對網店美工的基礎知識進行講解。

1.1.1 網店美工的工作范疇

與常見的美術工作者不同，網店美工主要負責網店的店面裝修，以及商品圖像的創意處理。與普通的美工相比，他們對平面設計與軟件的要求更高，需要掌握更多的知識。下面對網店美工的工作范疇進行介紹。

● 店鋪特色的創造：優秀的網店能給人留下良好的第一印象。目前網店中同類型的店鋪繁多，若想在眾多的店鋪中脫穎而出，特色就變得十分重要。只有展示出屬于自己的店鋪特點，才能夠吸引更多的顧客駐足并選取商品，從而增加交易。所以網店美工在美化商品時，創造出屬于自己的店鋪特色是成功的第一步。

● 商品的美化：使用相機拍攝出的商品照片是不能夠直接上架的，為了體現商品的特色，對商品進行美化和修飾必不可少。但是需要謹記，網店美工不是單純的藝術家，讓顧客接受你的作品才是最重要的。

● 店鋪的裝修與設計：網店美工不單單是將圖像處理出來再按照淘寶中自帶的模塊進行添加，一個好的網店美工不但需要掌握基本的技術方法，還要將所掌握的技術方法運用到店鋪的裝修中，抓住賣點促進顧客繼續看下去，并通過與代碼的結合使用，讓顧客花最少的時間達到最好的效果。

● 活動頁面的設計：網店平臺會不定期舉行各種促銷活動。為了達到與眾不同的效果，從競爭激烈的店鋪頁面中脫穎而出得到顧客的親睞，活動策劃十分重要。這時，優秀的網店美工更需要透徹理解活動，通過設計與裝修店鋪頁面將活動意圖傳達給顧客，讓顧客了解活動的內容、促銷的力度，從而促進銷量的提升。網店美工在設計時要保證契合活動主題、頁面美觀，擁有自己獨特的亮點，可以讓活動更加直觀。

● 推廣的了解與運用：推廣就是將自己的商品、服務和技術等內容通過各種媒體讓更多的顧客了解、接受，從而達到宣傳與普及的目的。對網店美工來說，推廣主要是通過圖像將網店的商品、品牌和服務等傳達給顧客，加深店鋪在他們心中的印象，獲得認同感。而網店推廣因為推廣活動與手段的不同，規格大小不一，文件大小有時也有很多限制，這就給網店美工人員提出了更多的要求。他們不僅需要在現有的標準下及時并有效地向顧客表達出設計的意圖，還要體現商品的價值。同時，文案的編寫也需要言之有據，讓顧客能夠快速理解，并對其產生深刻的印象。

1.1.2 網店美工的技術要求

要成為一名合格的網店美工，首先需要有扎實的美術功底和良好的創造力，對美好的事物有一定的鑒賞能力；掌握最基本的圖像處理與設計能力，能夠熟練使用Photoshop、Dreamweaver等設計軟件制作網店需要的內容。

其次，由于網店注重“商品”和“用戶體驗”，這就要求美工人員能夠通過圖像準確地向顧客表達出商品的特點并挖掘潛在顧客的需求，例如，如何通過圖像、文字和色彩搭配表現出商品的獨特性，讓顧客感覺商品的與眾不同；怎樣從顧客的分析角度去思考；怎么提升圖像的點擊率和轉化率，實現跨越技術層面來追求更高的轉化率，引起顧客的購買欲望。這才是一個合格的網店美工應具備的所有技能。

1.1.3 網店美工需注意的問題

網店美工除了掌握基本的軟件操作外，還需要知道商品的信息、注意事項、賣點、劣勢及讓劣勢變成優勢的技巧等。能做到突出賣點，揚長避短，是成為一個合格網店美工的基本要求。下面對網店美工需注意的問題進行介紹。

● 保持思路清晰：在裝修店鋪和處理圖像前，需要有一個明確的思路，即確定一個大框架，在該框架中標明店鋪主要賣什么，商品有什么特點，可以選擇哪些元素進行裝修，讓其不但可以吸引顧客的眼球，還能讓商品真實地展現在顧客的面前。

● 掌握裝修時機：在裝修網店的過程中，網店美工還要抓住一定的時機（如“雙11”促銷、元旦促銷等）對店鋪進行裝修，達到時機與裝修相配合，從而促進商品的銷售。

● 統一風格與形式：店鋪裝修不但要進行合理的色彩搭配，還要統一店鋪和詳情頁的風格和形式，因此裝修分類欄、店鋪公告和背景音樂等項目時，統一風格和形式變得尤為重要。

● 做好前期準備：在淘寶網中，不是申請了某個活動后才開始進行商品的制作。一個活動往往需要提前1～2個月進行準備。因此活動前期應抓住時機，對活動的文字、圖像進行制作，在活動來臨前完成促銷信息的整理。

● 突出主次：工作過程中，網店美工切記不要為了追求漂亮、美觀的效果，而對網店進行過度的美化，無法突出商品圖像，掩蓋店鋪的風格和商品的賣點，導致展現的效果適得其反。

1.1.4 網店美工應掌握的設計要點

了解了崗位需求和技能后，網店美工還需要掌握設計要點，這樣設計出的效果才能更加出彩。網店美工必須掌握的設計要點主要有色彩搭配，點、線、面三大基本設計元素和文字的編寫3個方面，下面分別進行介紹。

1．色彩搭配

店鋪的色彩與風格是瀏覽者進入店鋪首先感受到的東西，因此色彩是做好店鋪視覺營銷的基礎。很多賣家在裝修店鋪的時候，喜歡將一些酷炫的色塊隨意地堆砌到店鋪里，讓整個頁面的色彩雜亂無比，給瀏覽者造成視覺疲勞。而好的色彩搭配不但能夠讓頁面更具親和力和感染力，而且還能提升瀏覽量。因此，在店鋪裝修時，色彩搭配尤為重要。

（1）色彩的屬性與對比

色彩由色相、明度及純度3種屬性構成。色相即各類色彩的視覺感受，如紅、黃、綠、藍等各種顏色；明度是眼睛對光源和物體表面明暗程度的感受，它取決于光線的強弱；純度也稱飽和度，是指色彩鮮艷度與渾濁度的感受。在搭配色彩時，經常需要用到一些色彩的對比，下面對常用的色彩對比分別進行介紹。

● 明度對比：利用色彩的明暗程度進行對比。恰當的明度對比可以產生光感、明快感和清晰感。通常情況下，明暗對比較強時，可以使頁面清晰、銳利，不容易出現誤差；而當明度對比較弱時，配色效果往往不佳，頁面會顯得柔和單薄、形象不夠明朗。圖1-1所示為不同明度對比的頁面。

● 純度對比：利用純度的強弱形成對比。純度較弱的對比畫面視覺效果也較弱，適合長時間查看；純度適中的對比畫面視覺效果和諧、豐富，可以突顯畫面的主次；純度較強的對比畫面視覺效果鮮艷明朗、富有生機。圖1-2所示為不同純度對比的頁面。

● 色相對比：利用色相之間的差別形成對比。進行色相對比時需要考慮其他色相與主色相之間的關系，如原色對比、間色對比、補色對比和鄰近色對比，以及最后需要表現的效果。其中，原色對比一般指紅色、黃色和藍色的對比；間色對比是指兩種原色調配而成的顏色的對比，如紅+黃=橙、紅+藍=紫等；補色對比是指色相環中的一個顏色與180°對角的顏色的對比；鄰近色對比是指色相環上的色相在15°以內的顏色的對比。

● 冷暖色對比：從顏色給人帶來的感官刺激考量，黃、橙和紅等顏色給人帶來溫暖、熱情及奔放的感覺，屬于暖色調；藍、藍綠和紫給人帶來涼爽、寒冷及低調的感覺，屬于冷色調。圖1-3所示為冷色調和暖色調頁面的對比效果。

● 色彩面積對比：各種色彩在畫面中所占面積的大小不同，所呈現出來的對比效果也就不同。圖1-4所示為在使用了大面積紅色色調的頁面中加入適當的藍色，可以起到協調和平衡視覺的作用，使用小面積的藍色還能起到強調促銷文字、突出視覺中心的作用。

（2）主色、輔助色與點綴色

網店美工在搭配店鋪的頁面色彩時并不是隨心所欲的，而是需要遵循一定的比例與程序。網店裝修配色的黃金比例為70:25:5，其中，主色色域占總版面的70%，輔助顏色占25%，而其他點綴性的顏色占5%。網店裝修的配色程序為：首先根據店鋪類目選擇占用大面積的主色調，然后根據主色調合理搭配輔色與點綴色，用于突出頁面的重點、平衡視覺效果。圖1-5所示為主色、輔助色與點綴色的應用案例。

在色彩搭配中，主色、輔助色與點綴色是3種不同功能的色彩，分別介紹如下。

● 主色：主色是頁面中占用面積最大也是最受矚目的色彩，它決定了整個店鋪的風格。主色不宜過多，一般控制在1～3種，過多容易造成視覺疲勞。主色不是隨意選擇的，而是需要系統分析自己品牌受眾人群的心理特征，找到受眾群體中易于接受的色彩，如童裝適合選擇黃色、粉色和橙色等暖色調作為主色。

● 輔助色：輔助色占用面積略小于主色，用于烘托主色。合理應用輔助色，能豐富頁面的色彩，使頁面顯示更加完整、美觀。

● 點綴色：點綴色是指頁面中面積小、色彩比較醒目的一種或多種顏色。合理應用點綴色，可以起到畫龍點睛的作用，使頁面主次更加分明、富有變化。

2．點、線、面三大基本設計元素

在網頁中，合理利用圖形元素，既豐富了網頁的視覺效果，又生動地表現出了商品的信息，同時消除了純粹的文字頁面給人帶來的呆板視覺感受。點、線、面是圖形中最基本的三大要素。這三大要素的結合使用，能夠構成豐富的視覺效果。

● 點：點是可見的最小的形式單元，具有凝聚視覺的作用，可以使畫面布局顯得合理舒適、靈動且富有沖擊力。點的表現形式豐富多樣，既包含圓點、方點和三角點等規則的點，又包含鋸齒點、雨點、泥點及墨點等不規則的點。圖1-6的左圖為點的表現之一，右圖為文字周圍的點元素，用于豐富畫面，突出主題。

● 線：線在視覺形態中可以表現長度、寬度、位置、方向和性格，具有剛柔并濟、優美和簡潔的特點，經常用于渲染畫面，引導、串聯或分割畫面元素。線分為水平線、垂直線、曲線和斜線。不同線的形態所表達的情感不同，水平線和垂直線單純、大氣、明確、莊嚴；曲線柔和流暢、優雅靈動；斜線具有很強的視覺沖擊，可以展現活力四射。圖1-7所示為斜線素材及直線在文本串聯方面的應用。

● 面：點的放大即為面，線的分割產生各種比例的空間也可以稱為面。面有長度、寬度、方向、位置和擺放角度等特性。在版面中，面具有組合信息、分割畫面、平衡和豐富空間層次、烘托與深化主題的作用。利用面來設計美化時需要注意：面與面之間要通過不同的排列來進行靈活對比。圖1-8所示為使用面元素（如云朵、圓形和矩形等）來裝飾畫面的效果。

3．文字的編寫

可讀性強、突出主題的文字能直觀地向顧客介紹商品的詳細信息，引導顧客完成商品的瀏覽與購買。在設計網店圖像時，文字內容的設計及字體的選擇都是有講究的。文字內容要精練，充分體現表達的主題。有了文字內容之后，相應的字體選擇也不能馬虎。

（1）字體的性格特征

不同的字體具有不同的性格特征，網店美工需要根據商品的特征來選擇對應的字體。下面對淘寶網店鋪常用字體的性格特征進行介紹。

● 宋體：宋體是店鋪應用最廣泛的字體，其筆畫橫細豎粗，起點與結束點有額外的裝飾，其外形端莊秀美，具有濃厚的文藝氣息，適合用于標題設計。系統默認的宋體纖細端美，但作為標題分量不足，而方正大標宋不僅具有宋體的秀美，還具備醒目性，因此經常被用于女性產品宣傳圖的設計。此外，書宋、大宋、中宋、仿宋和細仿宋等也屬于常用的宋體。圖1-9所示為宋體在女性護膚品海報中的應用效果。

經驗之談

在鮮花、珠寶配飾、女性用品、護膚品和化妝品等以女性消費者為主體的產品宣傳圖設計中，一般采用纖細秀美、時尚、線條流暢并且字形有粗細變化的字體，如宋體、方正中倩簡體、方正纖黑簡體、張海山悅線簡體及方正蘭亭黑簡體等。

● 黑體：黑體筆畫粗細一致，粗壯有力、突出醒目，具有強調的視覺感，宣傳性強，常用于促銷廣告、導航條，或車、剃須刀、重金屬、搖滾、競技游戲及足球等男性消費者占主導地位的產品宣傳圖的設計。常見的黑體樣式包括粗黑、大黑、中黑和雅黑等，如圖1-10所示。

● 書法體：書法體包括楷體、葉根友毛筆行書、篆書體、隸書體、行書體和燕書體等。書法體具有古樸秀美、歷史悠久的特征，常用于古玉、茶葉、筆墨和書籍等古典氣息濃厚的店鋪宣傳，如圖1-11所示。

● 美術體：店鋪設計中還經常使用美術體，如漢儀娃娃篆簡、方正胖娃簡體、方正少兒簡體和滕祥孔淼卡通簡體等字體。這類字體具有活潑、可愛、肥圓、調皮的藝術特征，多用于零食、玩具、童裝、點讀機及卡通漫畫等以兒童消費者為主體的產品宣傳圖設計中。此外，美術體還指將文本的筆畫涂抹變形，或用花瓣、樹枝等拼湊成各種圖形化的字體，其裝飾作用強，主要用于海報的設計，可有效提升店鋪的藝術品位，如圖1-12所示。

（2）文字的布局技巧

在店鋪頁面的設計中，文字除了傳達營銷信息外，還是一種重要的視覺材料。文字的布局在畫面空間、結構和韻律上都是很重要的因素。下面對常用的文字布局技巧進行介紹。

● 字體的選用與變化：網店廣告文案排版時，2～3種匹配度高的字體是最佳的視覺效果。字體過多會產生零亂而缺乏整體的感覺，容易分散顧客的注意力，使顧客產生視覺疲勞。在選擇字體時，可考慮通過加粗、變細、拉長、壓扁或調整行間距等操作來變化字體，產生豐富多彩的視覺效果。

● 文字格式的統一：在進行文字的編排時，需要統一文字格式，即文字的字體、粗細、大小和顏色在搭配組合上讓顧客有一種關聯的感覺，這樣文字組合才不會顯得松散雜亂。

● 文字的層次布局：在網店視覺營銷設計中，文案的顯示并非是簡單的堆砌，而是有層次的，通常是按重要程度設置文本的顯示級別，引導顧客瀏覽文案的順序，此情況下首先展示的是該作品強調的重點。在進行文字的編排時，可利用字體、粗細、大小與顏色的對比來設計文字的顯示級別。