滿額折
淘寶天貓網店美工：商品拍攝 店鋪裝修 視頻製作(視頻指導版‧第2版)（簡體書）
商品資訊
相關商品
商品簡介
作者簡介
名人/編輯推薦
目次
商品簡介
隨著網店的迅速普及和全民化，衍生了“網店美工”這個針對網店頁面視覺設計的新興行業。本書從網店美工的角度出發，以設計理論和實戰案例相結合的方式，介紹了網店美工需要系統掌握的知識和技能，主要包括熟悉網店美工崗位和Photoshop圖像處理軟件、網店美工設計的基本理念、商品圖片的拍攝與處理、商品圖片的特殊處理、商品圖片的切片與管理、網店推廣圖設計、店鋪首頁視覺設計、商品詳情頁視覺設計、手機端店鋪頁面設計以及網店視頻的拍攝與制作。本書內容層層深入，且實戰案例豐富，能讓讀者快速掌握網店美工需要了解的各方面知識。 本書可供有志於或者正在從事網店美工相關崗位的人員學習和參考，也可作為高等院校網店美工相關課程的教材。
作者簡介
何葉，華中農業大學、MBA、碩士研究生、副教授，武漢信息傳播職業技術學院教育與管理學院院長。馬小紅，順德職業技術學院電商專業教師，李淑君，武漢鐵路職業技術學院教師。
名人/編輯推薦
1.美工一本通，如果只開一門美工課，本書可滿足所有美工知識要求。
2.配套資源豐富，素材文件、效果文件、微課視頻外，還配套上機考試試卷。
3.從商品拍攝到圖片處理、到店鋪裝修，到視頻制作。
2.配套資源豐富，素材文件、效果文件、微課視頻外，還配套上機考試試卷。
3.從商品拍攝到圖片處理、到店鋪裝修，到視頻制作。
目次
第1章 初識網店美工
■ 1．1∣熟悉網店美工崗位 ．．．．．．．．．．．．．．．．．．002
1．1．1 淘寶、天貓網店美工人員的
工作範疇 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 002
1．1．2 網店美工的技能要求 ．．．．．．．．．．．．． 002
1．1．3 實戰——搜索並熟悉網店
美工 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 002
■ 1．2∣熟悉Photoshop圖像處理
軟件 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．004
1．2．1 認識Photoshop CS6的
工作界面 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 004
1．2．2 認識Photoshop CS6的
常用工具 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 005
1．2．3 認識Photoshop CS6的
“圖層”面板 ．．．．．．．．．．．．．．．．．．．．．．．．．． 007
1．2．4 認識與應用圖層樣式 ．．．．．．．．．．．．． 008
1．2．5 實戰——制作促銷標簽 ．．．．．．．．． 009
■ 1．3∣網店美工設計的基本理念 ．．．．012
1．3．1 了解設計元素 ．．．．．．．．．．．．．．．．．．．．．．．．．． 012
1．3．2 色彩的搭配 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 013
1．3．3 文字的字體 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 014
1．3．4 視覺構圖與頁面布局
的原則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 016
1．3．5 實戰——網店首頁視覺
賞析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 017
■ 1．4∣擴展閱讀——高級網店美工人員的
成長路徑 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．018
■ 1．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．019
第2章 商品圖片的拍攝與處理
■ 2．1∣拍攝商品圖片 ．．．．．．．．．．．．．．．．．．．．．．．．．021
2．1．1 拍攝商品圖片的要求 ．．．．．．．．．．．．． 021
2．1．2 拍攝商品圖片的基本流程 ．．．．．． 022
2．1．3 拍攝商品圖片的基本技巧 ．．．．．． 022
2．1．4 實戰——拍攝口紅 ．．．．．．．．．．．．．．．．． 025
2．1．5 實戰——拍攝手表 ．．．．．．．．．．．．．．．．． 027
■ 2．2∣調整商品圖片的尺寸 ．．．．．．．．．．．．．．030
2．2．1 淘寶、天貓中圖片文件的
格式 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 030
2．2．2 調整商品圖片大小與角度
的技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 030
2．2．3 實戰——矯正、裁剪並
設置商品主圖尺寸 ．．．．．．．．．．．．．．．． 031
2．2．4 實戰——裁剪商品細節圖
．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 033
■ 2．3∣修飾商品圖片 ．．．．．．．．．．．．．．．．．．．．．．．．．036
2．3．1 修飾圖片的必要性 ．．．．．．．．．．．．．．．．． 036
2．3．2 修圖的常用方法 ．．．．．．．．．．．．．．．．．．．． 036
2．3．3 實戰——網店女裝模特美化 ．．． 038
2．3．4 實戰——金屬質感首飾處理 ．．． 040
2．3．5 實戰——功能展示圖制作 ．．．．．． 042
■ 2．4∣調整商品圖片的色彩與
質感 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．045
2．4．1 調色的必要性 ．．．．．．．．．．．．．．．．．．．．．．．． 045
2．4．2 商品調色的原則 ．．．．．．．．．．．．．．．．．．．． 045
2．4．3 圖片色彩校正的方法 ．．．．．．．．．．．．． 046
2．4．4 調色的常用命令 ．．．．．．．．．．．．．．．．．．．． 047
2．4．5 實戰——圖片亮度與鮮艷度
調整 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 047
2．4．6 實戰——圖片偏色調整 ．．．．．．．．． 049
2．4．7 實戰——圖片質感調整 ．．．．．．．．． 050
■ 2．5∣擴展閱讀——修圖內容分析 ．．．052
■ 2．6∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．053
第3章 商品圖片的特殊處理
■ 3．1 ∣商品圖片的背景處理 ．．．．．．．．．．．．．055
3．1．1 從背景中摳取商品的技巧 ．．．．．055
3．1．2 鋼筆工具的使用 ．．．．．．．．．．．．．．．．．．．． 057
3．1．3 虛化效果的設置 ．．．．．．．．．．．．．．．．．．．． 058
3．1．4 使用蒙版控制圖像的顯示 ．．．．．． 058
3．1．5 實戰——虛化商品圖片背景 ．． 058
3．1．6 實戰——處理白底商品圖片
背景 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 060
3．1．7 實戰——替換玻璃杯圖片
背景 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 061
■ 3．2∣商品圖片的組合 ．．．．．．．．．．．．．．．．．．．．．065
3．2．1 圖片組合的類型 ．．．．．．．．．．．．．．．．．．．． 065
3．2．2 圖文搭配技巧 ．．．．．．．．．．．．．．．．．．．．．．．． 065
3．2．3 商品的陳列方式 ．．．．．．．．．．．．．．．．．．．． 066
3．2．4 商品的陳列原則 ．．．．．．．．．．．．．．．．．．．． 067
3．2．5 商品圖片的排列、分布與
對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 068
3．2．6 實戰——圖文組合 ．．．．．．．．．．．．．．．．． 069
■ 3．3∣商品圖片的切片與管理 ．．．．．．．．．．072
3．3．1 切片的作用 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 072
3．3．2 切片技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 072
3．3．3 管理素材中心圖片 ．．．．．．．．．．．．．．．．． 072
3．3．4 查看圖片排列方式與引用 ．．．．．． 073
3．3．5 實戰——新品女包促銷模塊
切片 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 074
3．3．6 實戰——上傳商品圖片到
素材中心 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 077
3．3．7 實戰——刪除、還原和替換
素材中心的圖片 ．．．．．．．．．．．．．．．．．．．． 078
■ 3．4∣擴展閱讀——淘寶網店的圖片
處理技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．080
■ 3．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．081
第4章 網店推廣圖設計
■ 4．1∣店標設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．084
4．1．1 店標制作流程 ．．．．．．．．．．．．．．．．．．．．．．．． 084
4．1．2 店標的設計要點 ．．．．．．．．．．．．．．．．．．．． 085
4．1．3 實戰——店標制作 ．．．．．．．．．．．．．．．．． 085
4．1．4 實戰——上傳店標 ．．．．．．．．．．．．．．．．． 088
■ 4．2∣直通車推廣圖設計 ．．．．．．．．．．．．．．．．．．089
4．2．1 直通車的設計原則 ．．．．．．．．．．．．．．．．． 089
4．2．2 直通車引流的關鍵 ．．．．．．．．．．．．．．．．． 090
4．2．3 實戰——制作直通車推廣圖 ．．． 091
■ 4．3∣智鉆圖設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．095
4．3．1 智鉆位置 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 095
4．3．2 智鉆圖設計標準 ．．．．．．．．．．．．．．．．．．．． 096
4．3．3 智鉆圖的構圖方式 ．．．．．．．．．．．．．．．．． 097
4．3．4 實戰——制作首焦智鉆圖 ．．．．．． 099
■ 4．4∣擴展閱讀——促銷廣告實施
步驟 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．101
■ 4．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．102
第5章 店鋪首頁視覺設計
■ 5．1∣了解店鋪首頁 ．．．．．．．．．．．．．．．．．．．．．．．．．104
5．1．1 了解店鋪首頁的基礎模塊 ．．．．．． 104
5．1．2 店鋪首頁模塊布局的要點 ．．．．．． 105
5．1．3 實戰——應用系統模板 ．．．．．．．．． 105
5．1．4 實戰——搭建首頁框架 ．．．．．．．．． 106
■ 5．2∣設計店招與導航條 ．．．．．．．．．．．．．．．．．．108
5．2．1 店招的設計原則 ．．．．．．．．．．．．．．．．．．．． 108
5．2．2 店招的風格分析 ．．．．．．．．．．．．．．．．．．．． 109
5．2．3 店招的設計要求 ．．．．．．．．．．．．．．．．．．．． 109
5．2．4 實戰——制作常規店招 ．．．．．．．．． 110
5．2．5 實戰——制作通欄店招 ．．．．．．．．． 112
■ 5．3∣設計全屏輪播圖 ．．．．．．．．．．．．．．．．．．．．．114
5．3．1 不同輪播圖的尺寸要求 ．．．．．．．．． 114
5．3．2 全屏海報的設計要點 ．．．．．．．．．．．．． 115
第3章
文前．indd 6 2021-1-5 10：26：09
5．3．3 實戰——制作首張全屏
海報 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 115
5．3．4 實戰——制作第2張全屏
海報 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 117
■ 5．4∣設計優惠券模塊 ．．．．．．．．．．．．．．．．．．．．．120
5．4．1 優惠券設計要點 ．．．．．．．．．．．．．．．．．．．． 120
5．4．2 實戰——制作優惠券 ．．．．．．．．．．．．． 121
■ 5．5∣設計分類模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．122
5．5．1 分類模塊設計要點 ．．．．．．．．．．．．．．．．． 122
5．5．2 實戰——制作分類模塊 ．．．．．．．．． 123
■ 5．6∣設計商品展示模塊 ．．．．．．．．．．．．．．．．．．125
5．6．1 商品展示模塊設計要點 ．．．．．．．．． 126
5．6．2 實戰——制作商品上新
預告模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 126
5．6．3 實戰——制作商品推薦
模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 128
■ 5．7∣擴展閱讀——首頁背景的
應用 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．131
■ 5．8∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．132
第6章 商品詳情頁視覺設計
■ 6．1∣了解商品詳情頁 ．．．．．．．．．．．．．．．．．．．．．135
6．1．1 了解商品詳情頁的模塊 ．．．．．．．．． 136
6．1．2 商品詳情頁的內容分析
與設計要點 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 137
6．1．3 實戰——商品詳情頁布局 ．．．．．． 138
6．1．4 實戰——制作商品詳情
分類條 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 139
■ 6．2∣商品詳情頁焦點圖設計 ．．．．．．．．．．140
6．2．1 商品詳情頁焦點圖設計要點 ．．． 140
6．2．2 實戰——制作商品詳情頁
焦點圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 141
■ 6．3∣建議搭配模塊設計 ．．．．．．．．．．．．．．．．．．143
6．3．1 建議搭配模塊設計要點 ．．．．．．．．． 143
6．3．2 實戰——制作建議搭配
模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 144
■ 6．4∣商品賣點圖設計 ．．．．．．．．．．．．．．．．．．．．．146
6．4．1 商品賣點的特征 ．．．．．．．．．．．．．．．．．．．． 146
6．4．2 商品賣點提煉的原則
與方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 147
6．4．3 實戰——制作商品
賣點圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 147
■ 6．5∣商品信息展示圖設計 ．．．．．．．．．．．．．．151
6．5．1 商品參數的常用表達方式 ．．．．．． 151
6．5．2 對比圖的展示 ．．．．．．．．．．．．．．．．．．．．．．．． 151
6．5．3 商品信息的展示方式 ．．．．．．．．．．．．． 152
6．5．4 實戰——制作商品參數
展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 152
6．5．5 實戰——制作商品尺碼
對照展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 154
6．5．6 實戰——制作商品顏色
展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 156
6．5．7 實戰——制作商品全方位
展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 157
■ 6．6∣商品細節圖設計 ．．．．．．．．．．．．．．．．．．．．．159
6．6．1 商品細節圖設計要點 ．．．．．．．．．．．．． 159
6．6．2 實戰——制作商品細節圖 ．．．．．． 160
■ 6．7∣擴展閱讀——抓住商品詳情頁
設計的重點 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．162
■ 6．8∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．163
第7章 手機端店鋪頁面設計
■ 7．1∣了解手機端店鋪頁面設計 ．．．．．．．165
7．1．1 手機端店鋪頁面設計的潮流
趨勢 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 165
7．1．2 手機端店鋪頁面的設計要點 ．．． 165
7．1．3 實戰——手機端店鋪頁面與
PC端店鋪頁面對比分析 ．．．．．．．． 166
■ 7．2∣手機端店鋪首頁頁面設計 ．．．．．．．167
7．2．1 認識手機端店鋪首頁的模塊
組成 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
文前．indd 7 2021-1-5 10：26：09
7．2．2 手機端店鋪首頁模塊的
特點與設計要點 ．．．．．．．．．．．．．．．．．．．． 168
7．2．3 手機端店鋪首頁頁面
設計的注意事項 ．．．．．．．．．．．．．．．．．．．． 169
7．2．4 實戰——制作手機端店鋪
店招 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 169
7．2．5 實戰——制作手機端店鋪
焦點圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 172
7．2．6 實戰——制作手機端店鋪
優惠券 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 174
7．2．7 實戰——制作手機端店鋪
分類導航 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 175
7．2．8 實戰——制作手機端店鋪
商品列表圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 177
■ 7．3∣手機端商品詳情頁頁面設計 ．．．182
7．3．1 手機端商品詳情頁的特征 ．．．．．． 182
7．3．2 手機端商品詳情頁的設計
要點 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 182
7．3．3 實戰——制作手機端商品
詳情頁 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 183
■ 7．4∣擴展閱讀——手機端活動頁的
主要類型 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．186
■ 7．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．187
第8章 網店視頻的拍攝與制作
■ 8．1∣網店視頻拍攝 ．．．．．．．．．．．．．．．．．．．．．．．．．189
8．1．1 視頻拍攝的要求 ．．．．．．．．．．．．．．．．．．．． 189
8．1．2 視頻拍攝的設置 ．．．．．．．．．．．．．．．．．．． 190
8．1．3 視頻拍攝的流程 ．．．．．．．．．．．．．．．．．．．． 191
8．1．4 實戰——拍攝女士套裝主圖
視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 192
8．1．5 實戰——拍攝電動牙刷詳情
頁視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 194
■ 8．2∣網店視頻制作 ．．．．．．．．．．．．．．．．．．．．．．．．．198
8．2．1 認識快剪輯視頻剪輯軟件 ．．．．．． 198
8．2．2 視頻制作流程 ．．．．．．．．．．．．．．．．．．．．．．．． 201
8．2．3 實戰——編輯和分割主圖
視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 203
8．2．4 實戰——編輯和分割詳情頁
視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 205
8．2．5 實戰——為主圖視頻添加轉場和
濾鏡特效 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 208
8．2．6 實戰——為詳情頁視頻添加字
幕和音頻特效 ．．．．．．．．．．．．．．．．．．．．．．． 209
■ 8．3∣網店視頻上傳與應用 ．．．．．．．．．．．．．．214
8．3．1 支持視頻功能的商品
類目 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 214
8．3．2 上傳視頻要達到的要求 ．．．．．．．．． 215
8．3．3 視頻的上傳 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 215
8．3．4 實戰——上傳主圖視頻到
網店 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 216
8．3．5 實戰——詳情頁視頻的應用．．． 218
■ 8．4∣擴展閱讀——網店視頻的拍攝
技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．219
■ 1．1∣熟悉網店美工崗位 ．．．．．．．．．．．．．．．．．．002
1．1．1 淘寶、天貓網店美工人員的
工作範疇 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 002
1．1．2 網店美工的技能要求 ．．．．．．．．．．．．． 002
1．1．3 實戰——搜索並熟悉網店
美工 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 002
■ 1．2∣熟悉Photoshop圖像處理
軟件 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．004
1．2．1 認識Photoshop CS6的
工作界面 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 004
1．2．2 認識Photoshop CS6的
常用工具 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 005
1．2．3 認識Photoshop CS6的
“圖層”面板 ．．．．．．．．．．．．．．．．．．．．．．．．．． 007
1．2．4 認識與應用圖層樣式 ．．．．．．．．．．．．． 008
1．2．5 實戰——制作促銷標簽 ．．．．．．．．． 009
■ 1．3∣網店美工設計的基本理念 ．．．．012
1．3．1 了解設計元素 ．．．．．．．．．．．．．．．．．．．．．．．．．． 012
1．3．2 色彩的搭配 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 013
1．3．3 文字的字體 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 014
1．3．4 視覺構圖與頁面布局
的原則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 016
1．3．5 實戰——網店首頁視覺
賞析 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 017
■ 1．4∣擴展閱讀——高級網店美工人員的
成長路徑 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．018
■ 1．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．019
第2章 商品圖片的拍攝與處理
■ 2．1∣拍攝商品圖片 ．．．．．．．．．．．．．．．．．．．．．．．．．021
2．1．1 拍攝商品圖片的要求 ．．．．．．．．．．．．． 021
2．1．2 拍攝商品圖片的基本流程 ．．．．．． 022
2．1．3 拍攝商品圖片的基本技巧 ．．．．．． 022
2．1．4 實戰——拍攝口紅 ．．．．．．．．．．．．．．．．． 025
2．1．5 實戰——拍攝手表 ．．．．．．．．．．．．．．．．． 027
■ 2．2∣調整商品圖片的尺寸 ．．．．．．．．．．．．．．030
2．2．1 淘寶、天貓中圖片文件的
格式 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 030
2．2．2 調整商品圖片大小與角度
的技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 030
2．2．3 實戰——矯正、裁剪並
設置商品主圖尺寸 ．．．．．．．．．．．．．．．． 031
2．2．4 實戰——裁剪商品細節圖
．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 033
■ 2．3∣修飾商品圖片 ．．．．．．．．．．．．．．．．．．．．．．．．．036
2．3．1 修飾圖片的必要性 ．．．．．．．．．．．．．．．．． 036
2．3．2 修圖的常用方法 ．．．．．．．．．．．．．．．．．．．． 036
2．3．3 實戰——網店女裝模特美化 ．．． 038
2．3．4 實戰——金屬質感首飾處理 ．．． 040
2．3．5 實戰——功能展示圖制作 ．．．．．． 042
■ 2．4∣調整商品圖片的色彩與
質感 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．045
2．4．1 調色的必要性 ．．．．．．．．．．．．．．．．．．．．．．．． 045
2．4．2 商品調色的原則 ．．．．．．．．．．．．．．．．．．．． 045
2．4．3 圖片色彩校正的方法 ．．．．．．．．．．．．． 046
2．4．4 調色的常用命令 ．．．．．．．．．．．．．．．．．．．． 047
2．4．5 實戰——圖片亮度與鮮艷度
調整 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 047
2．4．6 實戰——圖片偏色調整 ．．．．．．．．． 049
2．4．7 實戰——圖片質感調整 ．．．．．．．．． 050
■ 2．5∣擴展閱讀——修圖內容分析 ．．．052
■ 2．6∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．053
第3章 商品圖片的特殊處理
■ 3．1 ∣商品圖片的背景處理 ．．．．．．．．．．．．．055
3．1．1 從背景中摳取商品的技巧 ．．．．．055
3．1．2 鋼筆工具的使用 ．．．．．．．．．．．．．．．．．．．． 057
3．1．3 虛化效果的設置 ．．．．．．．．．．．．．．．．．．．． 058
3．1．4 使用蒙版控制圖像的顯示 ．．．．．． 058
3．1．5 實戰——虛化商品圖片背景 ．． 058
3．1．6 實戰——處理白底商品圖片
背景 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 060
3．1．7 實戰——替換玻璃杯圖片
背景 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 061
■ 3．2∣商品圖片的組合 ．．．．．．．．．．．．．．．．．．．．．065
3．2．1 圖片組合的類型 ．．．．．．．．．．．．．．．．．．．． 065
3．2．2 圖文搭配技巧 ．．．．．．．．．．．．．．．．．．．．．．．． 065
3．2．3 商品的陳列方式 ．．．．．．．．．．．．．．．．．．．． 066
3．2．4 商品的陳列原則 ．．．．．．．．．．．．．．．．．．．． 067
3．2．5 商品圖片的排列、分布與
對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 068
3．2．6 實戰——圖文組合 ．．．．．．．．．．．．．．．．． 069
■ 3．3∣商品圖片的切片與管理 ．．．．．．．．．．072
3．3．1 切片的作用 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 072
3．3．2 切片技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 072
3．3．3 管理素材中心圖片 ．．．．．．．．．．．．．．．．． 072
3．3．4 查看圖片排列方式與引用 ．．．．．． 073
3．3．5 實戰——新品女包促銷模塊
切片 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 074
3．3．6 實戰——上傳商品圖片到
素材中心 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 077
3．3．7 實戰——刪除、還原和替換
素材中心的圖片 ．．．．．．．．．．．．．．．．．．．． 078
■ 3．4∣擴展閱讀——淘寶網店的圖片
處理技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．080
■ 3．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．081
第4章 網店推廣圖設計
■ 4．1∣店標設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．084
4．1．1 店標制作流程 ．．．．．．．．．．．．．．．．．．．．．．．． 084
4．1．2 店標的設計要點 ．．．．．．．．．．．．．．．．．．．． 085
4．1．3 實戰——店標制作 ．．．．．．．．．．．．．．．．． 085
4．1．4 實戰——上傳店標 ．．．．．．．．．．．．．．．．． 088
■ 4．2∣直通車推廣圖設計 ．．．．．．．．．．．．．．．．．．089
4．2．1 直通車的設計原則 ．．．．．．．．．．．．．．．．． 089
4．2．2 直通車引流的關鍵 ．．．．．．．．．．．．．．．．． 090
4．2．3 實戰——制作直通車推廣圖 ．．． 091
■ 4．3∣智鉆圖設計 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．095
4．3．1 智鉆位置 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 095
4．3．2 智鉆圖設計標準 ．．．．．．．．．．．．．．．．．．．． 096
4．3．3 智鉆圖的構圖方式 ．．．．．．．．．．．．．．．．． 097
4．3．4 實戰——制作首焦智鉆圖 ．．．．．． 099
■ 4．4∣擴展閱讀——促銷廣告實施
步驟 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．101
■ 4．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．102
第5章 店鋪首頁視覺設計
■ 5．1∣了解店鋪首頁 ．．．．．．．．．．．．．．．．．．．．．．．．．104
5．1．1 了解店鋪首頁的基礎模塊 ．．．．．． 104
5．1．2 店鋪首頁模塊布局的要點 ．．．．．． 105
5．1．3 實戰——應用系統模板 ．．．．．．．．． 105
5．1．4 實戰——搭建首頁框架 ．．．．．．．．． 106
■ 5．2∣設計店招與導航條 ．．．．．．．．．．．．．．．．．．108
5．2．1 店招的設計原則 ．．．．．．．．．．．．．．．．．．．． 108
5．2．2 店招的風格分析 ．．．．．．．．．．．．．．．．．．．． 109
5．2．3 店招的設計要求 ．．．．．．．．．．．．．．．．．．．． 109
5．2．4 實戰——制作常規店招 ．．．．．．．．． 110
5．2．5 實戰——制作通欄店招 ．．．．．．．．． 112
■ 5．3∣設計全屏輪播圖 ．．．．．．．．．．．．．．．．．．．．．114
5．3．1 不同輪播圖的尺寸要求 ．．．．．．．．． 114
5．3．2 全屏海報的設計要點 ．．．．．．．．．．．．． 115
第3章
文前．indd 6 2021-1-5 10：26：09
5．3．3 實戰——制作首張全屏
海報 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 115
5．3．4 實戰——制作第2張全屏
海報 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 117
■ 5．4∣設計優惠券模塊 ．．．．．．．．．．．．．．．．．．．．．120
5．4．1 優惠券設計要點 ．．．．．．．．．．．．．．．．．．．． 120
5．4．2 實戰——制作優惠券 ．．．．．．．．．．．．． 121
■ 5．5∣設計分類模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．122
5．5．1 分類模塊設計要點 ．．．．．．．．．．．．．．．．． 122
5．5．2 實戰——制作分類模塊 ．．．．．．．．． 123
■ 5．6∣設計商品展示模塊 ．．．．．．．．．．．．．．．．．．125
5．6．1 商品展示模塊設計要點 ．．．．．．．．． 126
5．6．2 實戰——制作商品上新
預告模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 126
5．6．3 實戰——制作商品推薦
模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 128
■ 5．7∣擴展閱讀——首頁背景的
應用 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．131
■ 5．8∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．132
第6章 商品詳情頁視覺設計
■ 6．1∣了解商品詳情頁 ．．．．．．．．．．．．．．．．．．．．．135
6．1．1 了解商品詳情頁的模塊 ．．．．．．．．． 136
6．1．2 商品詳情頁的內容分析
與設計要點 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 137
6．1．3 實戰——商品詳情頁布局 ．．．．．． 138
6．1．4 實戰——制作商品詳情
分類條 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 139
■ 6．2∣商品詳情頁焦點圖設計 ．．．．．．．．．．140
6．2．1 商品詳情頁焦點圖設計要點 ．．． 140
6．2．2 實戰——制作商品詳情頁
焦點圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 141
■ 6．3∣建議搭配模塊設計 ．．．．．．．．．．．．．．．．．．143
6．3．1 建議搭配模塊設計要點 ．．．．．．．．． 143
6．3．2 實戰——制作建議搭配
模塊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 144
■ 6．4∣商品賣點圖設計 ．．．．．．．．．．．．．．．．．．．．．146
6．4．1 商品賣點的特征 ．．．．．．．．．．．．．．．．．．．． 146
6．4．2 商品賣點提煉的原則
與方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 147
6．4．3 實戰——制作商品
賣點圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 147
■ 6．5∣商品信息展示圖設計 ．．．．．．．．．．．．．．151
6．5．1 商品參數的常用表達方式 ．．．．．． 151
6．5．2 對比圖的展示 ．．．．．．．．．．．．．．．．．．．．．．．． 151
6．5．3 商品信息的展示方式 ．．．．．．．．．．．．． 152
6．5．4 實戰——制作商品參數
展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 152
6．5．5 實戰——制作商品尺碼
對照展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 154
6．5．6 實戰——制作商品顏色
展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 156
6．5．7 實戰——制作商品全方位
展示圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 157
■ 6．6∣商品細節圖設計 ．．．．．．．．．．．．．．．．．．．．．159
6．6．1 商品細節圖設計要點 ．．．．．．．．．．．．． 159
6．6．2 實戰——制作商品細節圖 ．．．．．． 160
■ 6．7∣擴展閱讀——抓住商品詳情頁
設計的重點 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．162
■ 6．8∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．163
第7章 手機端店鋪頁面設計
■ 7．1∣了解手機端店鋪頁面設計 ．．．．．．．165
7．1．1 手機端店鋪頁面設計的潮流
趨勢 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 165
7．1．2 手機端店鋪頁面的設計要點 ．．． 165
7．1．3 實戰——手機端店鋪頁面與
PC端店鋪頁面對比分析 ．．．．．．．． 166
■ 7．2∣手機端店鋪首頁頁面設計 ．．．．．．．167
7．2．1 認識手機端店鋪首頁的模塊
組成 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 168
文前．indd 7 2021-1-5 10：26：09
7．2．2 手機端店鋪首頁模塊的
特點與設計要點 ．．．．．．．．．．．．．．．．．．．． 168
7．2．3 手機端店鋪首頁頁面
設計的注意事項 ．．．．．．．．．．．．．．．．．．．． 169
7．2．4 實戰——制作手機端店鋪
店招 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 169
7．2．5 實戰——制作手機端店鋪
焦點圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 172
7．2．6 實戰——制作手機端店鋪
優惠券 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 174
7．2．7 實戰——制作手機端店鋪
分類導航 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 175
7．2．8 實戰——制作手機端店鋪
商品列表圖 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 177
■ 7．3∣手機端商品詳情頁頁面設計 ．．．182
7．3．1 手機端商品詳情頁的特征 ．．．．．． 182
7．3．2 手機端商品詳情頁的設計
要點 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 182
7．3．3 實戰——制作手機端商品
詳情頁 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 183
■ 7．4∣擴展閱讀——手機端活動頁的
主要類型 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．186
■ 7．5∣高手進階 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．187
第8章 網店視頻的拍攝與制作
■ 8．1∣網店視頻拍攝 ．．．．．．．．．．．．．．．．．．．．．．．．．189
8．1．1 視頻拍攝的要求 ．．．．．．．．．．．．．．．．．．．． 189
8．1．2 視頻拍攝的設置 ．．．．．．．．．．．．．．．．．．． 190
8．1．3 視頻拍攝的流程 ．．．．．．．．．．．．．．．．．．．． 191
8．1．4 實戰——拍攝女士套裝主圖
視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 192
8．1．5 實戰——拍攝電動牙刷詳情
頁視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 194
■ 8．2∣網店視頻制作 ．．．．．．．．．．．．．．．．．．．．．．．．．198
8．2．1 認識快剪輯視頻剪輯軟件 ．．．．．． 198
8．2．2 視頻制作流程 ．．．．．．．．．．．．．．．．．．．．．．．． 201
8．2．3 實戰——編輯和分割主圖
視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 203
8．2．4 實戰——編輯和分割詳情頁
視頻 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 205
8．2．5 實戰——為主圖視頻添加轉場和
濾鏡特效 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 208
8．2．6 實戰——為詳情頁視頻添加字
幕和音頻特效 ．．．．．．．．．．．．．．．．．．．．．．． 209
■ 8．3∣網店視頻上傳與應用 ．．．．．．．．．．．．．．214
8．3．1 支持視頻功能的商品
類目 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 214
8．3．2 上傳視頻要達到的要求 ．．．．．．．．． 215
8．3．3 視頻的上傳 ．．．．．．．．．．．．．．．．．．．．．．．．．．． 215
8．3．4 實戰——上傳主圖視頻到
網店 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 216
8．3．5 實戰——詳情頁視頻的應用．．． 218
■ 8．4∣擴展閱讀——網店視頻的拍攝
技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．219
您曾經瀏覽過的商品
購物須知
大陸出版品因裝訂品質及貨運條件與台灣出版品落差甚大，除封面破損、內頁脫落等較嚴重的狀態，其餘商品將正常出貨。
特別提醒：部分書籍附贈之內容(如音頻mp3或影片dvd等)已無實體光碟提供，需以QR CODE 連結至當地網站註冊“並通過驗證程序”，方可下載使用。
無現貨庫存之簡體書，將向海外調貨：
海外有庫存之書籍，等候約45個工作天;
海外無庫存之書籍，平均作業時間約60個工作天，然不保證確定可調到貨，尚請見諒。
為了保護您的權益，「三民網路書店」提供會員七日商品鑑賞期(收到商品為起始日)。
若要辦理退貨，請在商品鑑賞期內寄回，且商品必須是全新狀態與完整包裝(商品、附件、發票、隨貨贈品等)否則恕不接受退貨。