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

第1章 美工必備的知識 9
1．1 軟件基礎(chǔ) 10
1．1．1 電腦配置的要求 10
1．1．2 Photoshop軟件介紹 11
1．2 美工設(shè)計(jì)的基礎(chǔ)知識 13
1．2．1 分辨率與像素 13
1．2．2 常用的圖片類型 14
1．2．3 色彩的基礎(chǔ)知識 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 對圖片進(jìn)行預(yù)覽 20
1．5 淘寶旺鋪的版本選擇 21
1．5．1 什么是淘寶旺鋪 21
1．5．2 訂購?fù)佒悄馨?22
1．5．3 旺鋪智能版的操作 23

第2章 店鋪Logo的設(shè)計(jì) 25
2．1 Logo設(shè)計(jì)的重要性 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設(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 文字類Logo設(shè)計(jì) 30
2．4．2 圖案類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 品牌宣傳類店鋪招牌的設(shè)計(jì) 39
3．3．2 產(chǎn)品推廣類店鋪招牌的設(shè)計(jì) 41
3．3．3 活動(dòng)促銷類店鋪招牌的設(shè)計(jì) 43
3．3．4 含有導(dǎo)航類店鋪招牌的設(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 寶貝長圖海報(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)品賣點(diǎn) 58
4．3．3 價(jià)格優(yōu)惠信息 58
4．3．4 文案賣點(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)品展示類主圖海報(bào)設(shè)計(jì) 61
4．4．3 活動(dòng)促銷類主圖海報(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ī)促銷海報(bào)設(shè)計(jì) 108
6．1．2 書包首屏海報(bào)設(shè)計(jì) 111
6．1．3 面膜海報(bào)設(shè)計(jì) 114
6．1．4 自行車海報(bào)設(shè)計(jì) 118
6．2 產(chǎn)品后期修圖實(shí)例 124
6．2．1 襪子后期修圖 124
6．2．2 大長腿后期修圖 127
6．2．3 女褲后期修圖 130
6．2．4 不銹鋼熱水壺后期修圖 133
6．2．5 護(hù)膚品后期修圖 136
6．3 課后作業(yè) 140

第7章 首頁的設(shè)計(jì)與裝修 141
7．1 首頁的布局與規(guī)劃 142
7．1．1 首頁展示的信息 142
7．2．2 首頁布局與規(guī)劃的流程 143
7．2 女裝店鋪首頁設(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 頁中導(dǎo)航設(shè)計(jì) 155
7．7．8 熱銷推薦設(shè)計(jì) 157
7．2．9 陳列展示模塊設(shè)計(jì) 158
7．2．10 店鋪尾部信息設(shè)計(jì) 163
7．3 首頁的切圖處理與裝修 164
7．3．1 首頁的切圖處理 164
7．3．2 首頁的裝修 165
7．4 課后作業(yè) 170

第8章 詳情頁的設(shè)計(jì) 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點(diǎn) 176
8．3．4 準(zhǔn)備設(shè)計(jì)元素 176
8．3．5 常見寶貝詳情頁的構(gòu)成框架 177
8．3．6 詳情頁描述基本遵循的原則 177
8．3．7 詳情頁制作的模塊 178
8．3．8 詳情頁制作的兩個(gè)基本點(diǎn)和六大原則 178
8．3．9 詳情頁設(shè)計(jì)排版的結(jié)構(gòu) 179
8．3．10 如何評定詳情是否合格 179
8．4 詳情頁的尺寸設(shè)置 180
8．5 牛仔褲詳情頁設(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章 專題頁的設(shè)計(jì) 189
9．1 專題頁制作的重要性 190
9．2 小家電活動(dòng)專題頁設(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ī)端首頁的裝修 211
10．3．1 店鋪招牌的裝修 211
10．3．2 首頁模塊的設(shè)置 214
10．3．3 寶貝類模塊的設(shè)置 215
10．3．4 圖文類模塊的設(shè)置 217
10．3．5 營銷互動(dòng)類模塊的設(shè)置 224
10．3．6 其他類模塊的設(shè)置 227
10．4 自定義頁面裝修 228
10．5 手機(jī)端詳情頁的裝修 230
10．5．1 詳情頁裝修的基礎(chǔ)設(shè)置 230
10．5．2 基礎(chǔ)模塊的設(shè)置 232
10．5．3 營銷模塊的設(shè)置 235
10．5．4 行業(yè)模塊的設(shè)置 239
10．6 課后作業(yè) 240