●篇 網店美工基礎初識網店美工■ 任務1∣熟悉淘寶、天貓網店美工崗位一、 任務描述 002二、 相關知識 002(一) 淘寶、天貓網店美工的工作範疇與設計要求 002(二) 網店美工的技能要求 002三、 任務實施 003四、 新手試練 004■ 任務2∣熟悉Photoshop圖像處理軟件一、 任務描述 004二、 相關知識 005(一) 認識Photoshop CS6的工作界面 005(二) 認識Photoshop CS6的的常用工具 006(三) 認識Photoshop CS6的“圖層”面板 007(四) 圖層常用的操作 008(五) 認識與應用圖層樣式 008(六) Photoshop中的常用快捷鍵 009三、 任務實施 010四、 新手試練 012■ 任務3∣其他常用的圖像制作與處理軟件一、 任務描述 013二、 相關知識 014(一) 認識Adobe Illustrator CS6 014(二) 認識美圖秀秀 015三、 任務實施 016(一) 使用Illustrator制作弔牌 016(二) 使用美圖秀秀制作海報拼圖 018四、 新手試練 020■ 擴展閱讀∣不錯淘寶、天貓網店美工的成長路徑 020■ 課後練習 021網店美工設計的基本理念■ 任務1∣了素一、 任務描述 023二、 相關知識 023(一) 點 023(二) 線 024(三) 面 024三、 任務實施 025四、 新手試練 025■ 任務2∣色彩的搭配一、 任務描述 026二、 相關知識 027(一) 色彩的屬性與對比 027(二) 主色、輔助色與點綴色 028三、 任務實施 029四、 新手試練 029■ 任務3∣文案排版設計一、 任務描述 030二、 相關知識 030(一) 字體的性格特征 030(二) 字體風格的搭配 032(三) 字體的布局技巧 033三、 任務實施 033四、 新手試練 034■ 任務4∣視覺構圖與頁面的布局一、 任務描述 035二、 相關知識 035(一) 視覺構圖 035(二) 店鋪頁面布局素 037(三) 店鋪頁面布局的原則 037三、 任務實施 039四、 新手試練 040■ 擴展閱讀∣淘寶、天貓文本裝飾技巧 040■ 課後練習 041第2篇 店鋪圖片的處理與管理商品圖片的處理■ 任務1 ∣調整商品圖片的尺寸一、 任務描述 044二、 相關知識 045(一) 淘寶、天貓中圖像文件的格式 045(二) 調整商品圖像大小與角度的技巧 045(三) 商品圖片的要求 046三、 任務實施 046(一) 矯正、裁剪並設置商品主圖的尺寸 046(二) 裁剪商品細節圖 048四、 新手試練 049■ 任務2∣修飾商品圖片一、 任務描述 050二、 相關知識 051(一) 圖片修飾的必要性 051(二) 修圖的常用方法 051三、 任務實施 053(一) 美化淘寶、天貓模特圖片 053(二) 處理金屬質感的首飾 054(三) 制作商品描述圖 056四、 新手試練 057■ 任務3∣調整商品圖像的色彩與質感一、 任務描述 058二、 相關知識 059(一) 調色的必要性 059(二) 商品調色的原則 059(三) 圖片色彩校正的方法 060(四) 調色的常用命令 060三、 任務實施 061(一) 提高圖片的亮度與鮮艷度 061(二) 調整圖像偏色 063(三) 增加圖片的質感 064四、 新手試練 065■ 擴展閱讀∣修圖內容分析 065■ 課後練習 066項目4 商品圖片的特殊處理■ 任務1∣處理商品圖片的背景一、 任務描述 068二、 相關知識 069(一) 從背景中摳取商品的技巧 069(二) 鋼筆工具的使用 071(三) 虛化效果的設置 071(四) 使用蒙版控制圖像的顯示 072三、 任務實施 072(一) 虛化商品背景 072(二) 白底商品背景的處理 073(三) 替換玻璃杯的背景 074四、 新手試練 076■ 任務2∣商品圖片的組合一、 任務描述 077二、 相關知識 078(一) 圖片組合的類型 078(二) 圖文搭配技巧 078(三) 商品的陳列方式 079(四) 商品陳列的原則 080(五) 商品圖片的排列、分布與對齊 081三、 任務實施 082四、 新手試練 083■ 擴展閱讀∣淘寶、天貓開店的圖片處理技巧 084■ 課後練習 085項目5 商品圖片的切片與管理任務1∣商品圖片的切片一、 任務描述 087二、 相關知識 087(一) 切片的作用 087(二) 切片技巧 087(三) 認識標尺、輔助線 088三、 任務實施 089四、 新手試練 091■ 任務2∣商品圖片的管理一、 任務描述 092二、 相關知識 093(一) 圖片空間的優勢 093(二) 管理空間圖片 093(三) 查看圖片引用與排列方式 093三、 任務實施 094(一) 上傳優化後的商品圖片到圖片空間 094(二) 刪除與還原空間圖片 096(三) 替換空間圖片 096四、 新手試練 097■ 擴展閱讀∣ 將切片後的圖片應用到店鋪中 098■ 課後練習 098第3篇 常規店鋪裝修設計項目6 店素設計■ 任務1∣店鋪Logo設計一、 任務描述 101二、 相關知識 101(一) Logo的類型 101(二) 店鋪Logo設計要領 102三、 任務實施 102四、 新手試練 104■ 任務2∣店標設計一、 任務描述 104二、 相關知識 106(一) 店標制作方法 106(二) 店標的設計要點 106三、 任務實施 107(一) 制作靜態店標 107(二) 制作動態店標 109(三) 上傳店標到店鋪 110四、 新手試練 111■ 任務3∣店招設計一、 任務描述 112二、 相關知識 112(一) 店招的設計原則 112(二) 店招風格分析 113(三) 店招的設計要求 113三、 任務實施 114(一) 設計常規店招 114(二) 設計通欄店招 116四、 新手試練 117■ 任務4∣快速導航條設計一、 任務描述 118二、 相關知識 118三、 任務實施 119四、 新手試練 121■ 擴展閱讀∣店招的類型 121■ 課後練習 122項目7 淘寶推廣圖設計■ 任務1∣制作高點擊率的主圖一、 任務描述 124二、 相關知識 125(一) 商品圖片的規範 125(二) 商品圖片的背景搭配 125(三) 制作優質商品主圖的技巧 126三、 任務實施 128四、 新手試練 130■ 任務2∣直通車推廣圖設計一、 任務描述 131二、 相關知識 132(一) 認識直通車 132(二) 不同時期直通車投放的策略 133(三) 直通車的設計原則 133(四) 直通車引流的關鍵 134三、 任務實施 135四、 新手試練 139■ 任務3∣智鑽圖設計一、 任務描述 140二、 相關知識 141(一) 智鑽位置 141(二) 智鑽圖設計標準 142(三) 智鑽圖的排版方式 143三、 任務實施 144四、 新手試練 146■ 擴展閱讀∣促銷廣告實施步驟 146■ 課後練習 147項目8 店鋪首頁視覺設計■ 任務1∣了解店鋪首頁一、 任務描述 149二、 相關知識 150(一) 了解淘寶店鋪首頁的基礎模塊 150(二) 店鋪首頁模塊布局的要點 151三、 任務實施 151(一) 應用繫統模板 151(二) 搭建首頁框架 152四、 新手試練 154■ 任務2∣設計首頁焦點輪播圖一、 任務描述 154二、 相關知識 155(一) 不同輪播圖的尺寸要求 155(二) 首頁焦點圖的設計要點 156三、 任務實施 156(一) 制作首張全屏海報圖 156(二) 制作第二張全屏海報圖 158四、 新手試練 161■ 任務3∣設計優惠券模塊一、 任務描述 162二、 相關知識 162三、 任務實施 163四、 新手試練 164■ 任務4∣設計分類模塊一、 任務描述 165二、 相關知識 165三、 任務實施 165(一) 橫向分類模塊設計 165(二) 縱向分類模塊設計 167四、 新手試練 168■ 任務5∣設計寶貝促銷模塊一、 任務描述 169二、 相關知識 169三、 任務實施 169(一) 寶貝上新預告模塊設計 169(二) 寶貝推薦模塊設計 171四、 新手試練 173■ 任務6∣設計收藏區與客服模塊一、 任務描述 174二、 相關知識 174(一) 店鋪收藏概述 174(二) 店鋪客服區概述 174三、 任務實施 175(一) 設計收藏圖片 175(二) 設計客服區 176四、 新手試練 177■ 任務7∣ 設計頁尾模塊一、 任務描述 177二、 相關知識 177三、 任務實施 178四、 新手試練 179■ 擴展閱讀∣首頁背景的應用 179■ 課後練習 180項目9 商品詳情頁視覺設計■ 任務1∣了解商品詳情頁一、 任務描述 182二、 相關知識 183(一) 了解商品詳情頁的模塊 183(二) 商品詳情頁的內容分析與策劃要點 184三、 任務實施 185(一) 設計商品詳情頁的布局 185(二) 設計商品詳情分類條 186四、 新手試練 186■ 任務2∣詳情頁首頁焦點圖設計一、 任務描述 187二、 相關知識 187三、 任務實施 188四、 新手試練 189■ 任務3∣搭配建議模塊設計一、 任務描述 189二、 相關知識 190三、 任務實施 190四、 新手試練 191■ 任務4∣商品亮點設計一、 任務描述 191二、 相關知識 191(一) 商品賣點的特征 191(二) 商品賣點提煉的原則與方法 192三、 任務實施 192四、 新手試練 193■ 任務5∣商品信息展示設計一、 任務描述 194二、 相關知識 195(一) 商品參數的常用表達方式 195(二) 對比圖的制作 195(三) 商品信息的展示方式 195三、 任務實施 196(一) 商品參數模塊設計 196(二) 實物對比參照拍攝模塊設計 197(三) 顏色展示圖設計 197(四) 商品全方位展示圖設計 198四、 新手試練 199■ 任務6∣商品細節設計一、 任務描述 200二、 相關知識 200三、 任務實施 201四、 新手試練 202■ 擴展閱讀∣如何抓住詳情頁設計的重點 202■ 課後練習 203第4篇 無線店鋪裝修設計項目10 無線店鋪裝修設計■ 任務1∣了解無線店鋪裝修要點一、 任務描述 206二、 相關知識 206(一) 無線店鋪裝修的潮流趨勢 206(二) 無線店鋪的裝修要點 207三、 任務實施 207四、 新手試練 208■ 任務2∣無線店鋪首頁裝修一、 任務描述 209二、 相關知識 209(一) 無線店鋪裝修入口及後臺操作 209(二) 認識手機端首頁的模塊組成 210(三) 認識手機端首頁模塊的特點與裝修要點 210(四) 無線店鋪首頁的裝修注意事項 211三、 任務實施 211(一) 手機端店招設計 211(二) 手機端焦點圖設計 212(三) 優惠券的設計 213(四) 分類導航的設計與裝修 215(五) 寶貝列表圖的設計 216四、 新手試練 217■ 任務3∣使用“淘寶神筆”模板制作詳情頁一、 任務描述 218二、 相關知識 218(一) 無線店鋪詳情頁的特征 218(二) 無線店鋪詳情頁設計的要點 219三、 任務實施 219四、 新手試練 221■ 任務4∣自定義頁面裝修一、 任務描述 222二、 相關知識 222三、 任務實施 222(一) 自定義菜單 222(二) 自定義頁面 224四、 新手試練 225■ 擴展閱讀∣無線店鋪活動頁的主要類型 225■ 課後練習 225
內容簡介
隨著電子商務的迅速發展,網絡購物已經成為了人們生活中的一部分,由於網絡購物顛覆了傳統的商業模式,其虛擬的交易方式使得網店頁面的視覺設計比實體店鋪的裝修更加重要,由此衍生了“網店美工”這個針對網店頁面視覺設計的新興職業。本書從淘寶、天貓網店美工角度出發,以為賣家提供全面、實用、快捷的店鋪視覺設計與裝修指導為主旨進行編寫。全書以項目的形式進行講解,涵蓋了網店美工需要繫統掌握的知識與技能,主要包括網店美工的基礎、網店美工設計的基本理念、商品圖片的修飾與調色處理、商品圖片的特殊處理、商品圖片的切片與管理、店素的設計、淘寶推廣圖設計、店鋪首頁視覺設計、商品詳情頁視覺設計以及無線店鋪的裝修設計。本書內容層層深入且實例豐富,能有效地引導讀者進行淘寶、天貓店鋪裝修的學習。本書可作為高等院校電商美工相關課程的教材,也可供有志於或者正在從事網店美工相關崗位的人員學習和參考。