Photoshop CC 2017淘寶美工設計實例教程

第1章 美工必備的知識 9
1．1 軟件基礎(chǔ) 10
1．1．1 電腦配置的要求 10
1．1．2 Photoshop軟件介紹 11
1．2 美工設計的基礎(chǔ)知識 13
1．2．1 分辨率與像素 13
1．2．2 常用的圖片類型 14
1．2．3 色彩的基礎(chǔ)知識 16
1．3 常用圖片的尺寸 18
1．4 美工設計的工作流程 20
1．4．1 素材搜集 20
1．4．2 圖片設計 20
1．4．3 定稿與切圖 20
1．4．4 將圖片上傳到圖片空間 20
1．4．5 對圖片進行預覽 20
1．5 淘寶旺鋪的版本選擇 21
1．5．1 什么是淘寶旺鋪 21
1．5．2 訂購旺鋪智能版 22
1．5．3 旺鋪智能版的操作 23

第2章 店鋪Logo的設計 25
2．1 Logo設計的重要性 26
2．2 Logo的分類 26
2．2．1 文字類Logo 26
2．2．2 圖形類Logo 27
2．2．3 圖像類Logo 28
2．2．4 組合類Logo 28
2．3 Logo設計的注意事項 28
2．3．1 Logo設計的5大原則 28
2．3．2 Logo設計的5大技巧 28
2．3．3 Logo設計的6大要素 29
2．3．4 Logo設計的7大流程 30
2．4 Logo設計實例 30
2．4．1 文字類Logo設計 30
2．4．2 圖案類Logo設計 32
2．4．3 組合式Logo設計 34
2．5 課后作業(yè) 36

第3章 店鋪招牌的設計與裝修 37
3．1 店鋪招牌的重要性 38
3．2 如何設計店鋪招牌 38
3．3 店鋪招牌設計實例 39
3．3．1 品牌宣傳類店鋪招牌的設計 39
3．3．2 產(chǎn)品推廣類店鋪招牌的設計 41
3．3．3 活動促銷類店鋪招牌的設計 43
3．3．4 含有導航類店鋪招牌的設計 45
3．4 店鋪招牌的上傳與裝修 47
3．5 課后作業(yè) 50

第4章 主圖海報的設計與裝修 51
4．1 主圖海報的重要性 52
4．2 主圖海報的設計規(guī)范 53
4．2．1 電腦端主圖海報的設計規(guī)范 53
4．2．2 平鋪白底主圖海報的設計規(guī)范 53
4．2．3 寶貝長圖海報設計的規(guī)范 54
4．2．4 主圖視頻的設置 56
4．3 主圖海報的設計方法與技巧 57
4．3．1 主圖海報的背景設計 57
4．3．2 主圖海報的產(chǎn)品賣點 58
4．3．3 價格優(yōu)惠信息 58
4．3．4 文案賣點信息 58
4．3．5 產(chǎn)品創(chuàng)意信息 58
4．4 主圖海報設計實例 59
4．4．1 白底主圖海報設計 59
4．4．2 產(chǎn)品展示類主圖海報設計 61
4．4．3 活動促銷類主圖海報設計 65
4．5 主圖海報的上傳與裝修 69
4．6 課后作業(yè) 70

第5章 全屏海報的設計與裝修 71
5．1 全屏海報的重要性 72
5．2 全屏海報的制作要點 73
5．2．1 主題內(nèi)容 73
5．2．2 風格樣式 74
5．2．3 構(gòu)圖方法 74
5．2．4 配色技巧 75
5．2．5 背景內(nèi)容 76
5．2．6 商品信息 76
5．2．7 文案內(nèi)容 77
5．2．8 裝飾點綴 78
5．3 全屏海報制作實例 78
5．3．1 女裝海報設計 78
5．3．2 運動鞋海報設計 82
5．3．3 童裝海報設計 88
5．3．4 中秋節(jié)海報設計 92
5．3．5 春季新品海報設計 96
5．3．6 冬裝新品海報設計 99
5．4 全屏海報的上傳與裝修 102
5．5 課后作業(yè) 106

第6章 Banner海報設計與產(chǎn)品修圖 107
6．1 Banner海報制作實例 108
6．1．1 雙12手機促銷海報設計 108
6．1．2 書包首屏海報設計 111
6．1．3 面膜海報設計 114
6．1．4 自行車海報設計 118
6．2 產(chǎn)品后期修圖實例 124
6．2．1 襪子后期修圖 124
6．2．2 大長腿后期修圖 127
6．2．3 女褲后期修圖 130
6．2．4 不銹鋼熱水壺后期修圖 133
6．2．5 護膚品后期修圖 136
6．3 課后作業(yè) 140

第7章 首頁的設計與裝修 141
7．1 首頁的布局與規(guī)劃 142
7．1．1 首頁展示的信息 142
7．2．2 首頁布局與規(guī)劃的流程 143
7．2 女裝店鋪首頁設計實例 146
7．2．1 店鋪招牌設計 146
7．2．2 導航內(nèi)容設計 148
7．2．3 懸浮導航設計 149
7．2．4 1920全屏海報設計 151
7．2．5 優(yōu)惠券設計 153
7．2．6 聲明公告內(nèi)容設計 155
7．2．7 頁中導航設計 155
7．7．8 熱銷推薦設計 157
7．2．9 陳列展示模塊設計 158
7．2．10 店鋪尾部信息設計 163
7．3 首頁的切圖處理與裝修 164
7．3．1 首頁的切圖處理 164
7．3．2 首頁的裝修 165
7．4 課后作業(yè) 170

第8章 詳情頁的設計 171
8．1 詳情頁的重要性 172
8．2 PC端詳情頁與無線端詳情頁 173
8．3 詳情頁的布局與規(guī)劃 175
8．3．1 市場調(diào)研 175
8．3．2 寶貝定位 176
8．3．3 挖掘?qū)氊愘u點 176
8．3．4 準備設計元素 176
8．3．5 常見寶貝詳情頁的構(gòu)成框架 177
8．3．6 詳情頁描述基本遵循的原則 177
8．3．7 詳情頁制作的模塊 178
8．3．8 詳情頁制作的兩個基本點和六大原則 178
8．3．9 詳情頁設計排版的結(jié)構(gòu) 179
8．3．10 如何評定詳情是否合格 179
8．4 詳情頁的尺寸設置 180
8．5 牛仔褲詳情頁設計實例 180
8．5．1 首焦海報圖設計 181
8．5．2 特色展示模塊設計 182
8．5．3 面料和產(chǎn)品屬性展示模塊設計 184
8．5．4 模特展示模塊設計 186
8．5．5 細節(jié)展示模塊設計 187
8．5．6 吊牌展示模塊設計 187
8．5．7 實體店鋪展示模塊設計 187
8．5．8 底部信息展示模塊設計 188
8．6 課后作業(yè) 188

第9章 專題頁的設計 189
9．1 專題頁制作的重要性 190
9．2 小家電活動專題頁設計實例 191
9．2．1 店鋪招牌的設計 191
9．2．2 輪播海報的設計 195
9．2．3 商品陳列區(qū)的設計 198
9．2．4 底部導航的設計 202
9．2．5 其他信息的設計 203
9．3 課后作業(yè) 204

第10章 手機端店鋪設計與裝修 205
10．1 手機端店鋪裝修的重要性 206
10．2 手機端旺鋪的基礎(chǔ)操作 207
10．3 手機端首頁的裝修 211
10．3．1 店鋪招牌的裝修 211
10．3．2 首頁模塊的設置 214
10．3．3 寶貝類模塊的設置 215
10．3．4 圖文類模塊的設置 217
10．3．5 營銷互動類模塊的設置 224
10．3．6 其他類模塊的設置 227
10．4 自定義頁面裝修 228
10．5 手機端詳情頁的裝修 230
10．5．1 詳情頁裝修的基礎(chǔ)設置 230
10．5．2 基礎(chǔ)模塊的設置 232
10．5．3 營銷模塊的設置 235
10．5．4 行業(yè)模塊的設置 239
10．6 課后作業(yè) 240