Photoshop CC 2017淘寶美工設(shè)計(jì)實(shí)例教程

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

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

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

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

第5章 全屏海報(bào)的設(shè)計(jì)與裝修 71
5．1 全屏海報(bào)的重要性 72
5．2 全屏海報(bào)的制作要點(diǎn) 73
5．2．1 主題內(nèi)容 73
5．2．2 風(fēng)格樣式 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 裝飾點(diǎn)綴 78
5．3 全屏海報(bào)制作實(shí)例 78
5．3．1 女裝海報(bào)設(shè)計(jì) 78
5．3．2 運(yùn)動(dòng)鞋海報(bào)設(shè)計(jì) 82
5．3．3 童裝海報(bào)設(shè)計(jì) 88
5．3．4 中秋節(jié)海報(bào)設(shè)計(jì) 92
5．3．5 春季新品海報(bào)設(shè)計(jì) 96
5．3．6 冬裝新品海報(bào)設(shè)計(jì) 99
5．4 全屏海報(bào)的上傳與裝修 102
5．5 課后作業(yè) 106

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

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

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

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

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