《移動端電商設計基礎與實戰（Photoshop篇）》是2023年清華大學出版社出版的圖書，作者是董明秀。
基本介紹
- 中文名：移動端電商設計基礎與實戰（Photoshop篇）
- 作者：董明秀
- 出版時間：2023年12月1日
- 出版社：清華大學出版社
- ISBN：9787302649090
- 定價：89.80 元
內容簡介,圖書目錄,
內容簡介
《移動端電商設計基礎與實戰（Photoshop篇）》是針對時下流行的移動端電商設計而重點打造的全實例型圖書，幾乎涵蓋了電商裝修所套用的所有內容，如常用標籤與標識製作、常見裝飾字型製作、貼心指示導航欄製作、網店優惠券製作、店鋪頭條banner製作、精品主圖直通車製作、醒目主題店招製作和電商硬廣裝修設計等。本書在編寫過程中模擬了真實的網店裝修環境，從詳細的文字說明到直觀的圖像展示，從基礎的網店圖形元素製作到網店整幅廣告設計，全面解讀了網店裝修中常見的手法及技巧，真正達到了讓讀者掌握實戰本領的目的。
圖書目錄
目錄
第1章 信息指引，常用標籤與標識製作… ……………1
1.1 對話標籤……………………………2
1.2 多邊形標籤…………………………3
1.3 弧形燕尾標籤………………………6
1.4 放射多邊形標識……………………8
1.5 掛牌標籤……………………………9
1.6 投影標籤……………………………10
1.6.1 打開素材………………………………11
1.6.2 製作陰影………………………………11
1.7 日曆標籤……………………………12
1.7.1 繪製矩形………………………………12
1.7.2 繪製連線線……………………………13
1.8 圓字組合標識………………………14
1.8.1 打開素材………………………………15
1.8.2 添加文字………………………………16
1.9 雙色拼字標識………………………16
1.9.1 打開素材………………………………17
1.9.2 添加文字………………………………18
1.10 卡通手握標識… …………………19
1.10.1 打開素材………………………………19
1.10.2 添加文字………………………………20
1.11 印章標識… ……………………22
1.11.1 繪製標識主輪廓………………………23
1.11.2 添加印章效果…………………………24
1.12 牛仔風標識… …………………25
1.12.1 繪製主圖形……………………………25
1.12.2 添加文字信息…………………………27
1.13 立體指向標籤… ………………30
1.13.1 打開素材………………………………30
1.13.2 添加文字………………………………31
第2章 視覺藝術，常見裝飾字型製作… …………33
2.1 粉筆特效字………………………34
2.2 立體條紋字… …………………35
2.3 智慧型科技字… …………………38
2.4 拼貼字… …………………………41
2.5 限時秒殺字… …………………43
2.6 狂歡節字… ……………………45
2.6.1 打開素材………………………………45
2.6.2 繪製數字………………………………46
2.6.3 繪製圖形………………………………47
2.7 溫馨針織字… ………………… 48
2.7.1 添加圓潤文字… ……………………… 49
2.7.2 製作裝飾效果… ……………………… 50
2.8 可愛糖果字… …………………… 51
2.8.1 添加文字並定義圖案… ……………… 52
2.8.2 添加質感… …………………………… 53
2.9 時裝字… ……………………… 54
2.9.1 打開素材… …………………………… 55
2.9.2 添加素材… …………………………… 55
2.10 自然亮光字… ………………… 56
2.10.1 打開素材… …………………………… 57
2.10.2 添加文字… …………………………… 57
2.11 火爆辣椒字… …………………… 61
2.11.1 添加文字… …………………………… 61
2.11.2 調整文字… …………………………… 62
第3 章 穿針引線，貼心指示導航欄製作… ……… 63
3.1 局部信息導航欄………………… 64
3.2 設計解讀導航欄… …………… 65
3.3 產品詳情導航欄… …………… 66
3.4 組合實拍導航欄… …………… 67
3.5 細節解讀導航欄… …………… 69
3.6 模特展示導航欄… …………… 70
3.7 場景展示導航欄… ………………71
3.8 細節圖導航欄… ……………… 73
3.9 詳情解讀導航欄… …………… 74
3.10 特徵詳解導航欄… …………… 76
3.11 工藝詳解導航欄… …………… 77
3.12 使用說明導航欄… …………… 79
3.12.1 製作導航輪廓… ……………………… 79
3.12.2 添加斜紋… …………………………… 80
3.13 產品信息導航欄… ………………81
3.13.1 製作主圖形… ………………………… 82
3.13.2 添加摺紙圖形… ……………………… 83
3.14 商品細節導航欄… …………… 84
3.14.1 製作主輪廓… ………………………… 84
3.14.2 製作主圖形… ………………………… 85
3.15 商品實拍導航欄… …………… 87
3.15.1 製作鋸齒… …………………………… 87
3.15.2 添加裝飾圖像… ……………………… 89
第4 章 步步為營，繪製網店優惠券… ……… 91
4.1 封套優惠券… ………………… 92
4.2 票據式優惠券… ……………… 93
4.3 全平台優惠券… ……………… 97
4.4 驚喜紅包券… ………………… 100
4.5 標籤優惠券… ………………… 103
4.6 店鋪優惠券… ………………… 105
4.7 金袋優惠券… ………………… 108
4.7.1 打開素材… ………………………… 109
4.7.2 添加文字… ………………………… 110
4.8 食品優惠券… ………………… 111
4.8.1 打開素材… ………………………… 111
4.8.2 添加文字… ………………………… 112
4.9 復古風優惠券… ……………… 114
4.9.1 製作背景… ………………………… 115
4.9.2 製作鋸齒效果… …………………… 116
4.10 禮品袋優惠券… ……………… 120
4.10.1 製作主圖效果… …………………… 121
4.10.2 添加文字… ………………………… 122
第5 章 網店必備，店鋪頭條banner 製作…… 125
5.1 高跟鞋banner…………………… 126
5.2 春裝banner… ………………… 129
5.2.1 打開素材… ………………………… 129
5.2.2 添加文字… ………………………… 130
5.3 潤膚乳banner… ……………… 131
5.3.1 添加素材製作倒影… ……………… 131
5.3.2 繪製圖形並添加文字… …………… 132
5.4 春茶上新banner… …………… 133
5.4.1 打開素材… ………………………… 133
5.4.2 繪製圖形… ………………………… 134
5.5 糖果彩裙banner… …………… 135
5.5.1 為素材製作投影… ………………… 136
5.5.2 添加文字… ………………………… 137
5.5.3 修改文字顏色… …………………… 138
5.6 運動季banner… ……………… 139
5.6.1 打開素材… ………………………… 139
5.6.2 添加文字… ………………………… 140
5.6.3 繪製圖形… ………………………… 141
5.7 羽絨被banner… ……………… 142
5.7.1 打開素材… ………………………… 143
5.7.2 繪製圖形… ………………………… 144
5.7.3 添加文字… ………………………… 144
5.8 早春童鞋banner… …………… 145
5.8.1 打開素材… ………………………… 146
5.8.2 添加素材… ………………………… 146
5.8.3 添加文字… ………………………… 146
5.8.4 製作陰影… ………………………… 147
5.9 櫻花季婚紗banner… ………… 148
5.9.1 打開素材… ………………………… 148
5.9.2 繪製圖形… ………………………… 149
5.9.3 添加文字… ………………………… 149
5.9.4 添加素材… ………………………… 150
5.10 時尚女褲banner……………… 151
5.10.1 添加並處理素材… ………………… 151
5.10.2 添加圍繞圖文… …………………… 152
5.11 變形本banner… ……………… 153
5.11.1 打開素材… ………………………… 154
5.11.2 繪製陰影… ………………………… 154
5.11.3 添加素材… ………………………… 155
5.11.4 繪製圖形… ………………………… 156
5.12 金秋鉅惠促銷banner………… 157
5.12.1 處理炫酷背景… …………………… 157
5.12.2 製作特效文字… …………………… 160
5.12.3 添加裝飾元素… …………………… 162
5.13 時裝banner…………………… 164
5.13.1 打開素材… ………………………… 164
5.13.2 繪製圖形… ………………………… 165
5.13.3 添加文字… ………………………… 167
5.14 文藝時裝banner……………… 168
5.14.1 打開素材… ………………………… 168
5.14.2 添加文字… ………………………… 169
5.14.3 添加素材… ………………………… 169
5.15 熱力狂歡節banner…………… 172
5.15.1 製作背景並添加文字… …………… 172
5.15.2 添加裝飾元素… …………………… 175
5.16 柔膚水banner………………… 176
5.16.1 為素材添加倒影… ………………… 177
5.16.2 繪製圓球… ………………………… 178
5.16.3 為圓球添加投影… ………………… 179
5.16.4 添加藝術筆觸效果… ……………… 180
第6 章 商品焦點，精品主圖直通車製作… ……… 181
6.1 全民瘋搶直通車………………… 182
6.2 旺季促銷直通車… …………… 184
6.3 家電促銷直通車… …………… 189
6.4 會員專享直通車… …………… 191
6.4.1 製作背景… ………………………… 191
6.4.2 繪製標籤… ………………………… 192
6.5 巨划算直通車… ……………… 195
6.5.1 製作舞台背景… …………………… 195
6.5.2 繪製圖形並添加文字… …………… 200
6.6 瘋狂底價直通車… …………… 201
6.6.1 製作炫目背景… …………………… 201
6.6.2 繪製邊欄… ………………………… 203
6.7 摺紙樣式直通車… …………… 205
6.7.1 製作格子背景… …………………… 205
6.7.2 繪製摺紙圖像… …………………… 207
第7 章 門庭若市，醒目主題店招製作… …………209
7.1 青年時代店招…………………… 210
7.1.1 繪製背景… ………………………… 210
7.1.2 添加文字及素材… ………………… 212
7.2 約惠家裝店招… ……………… 213
7.2.1 製作主題背景… …………………… 213
7.2.2 繪製特效圖像… …………………… 216
7.3 十月折扣季店招… …………… 219
7.3.1 製作主題背景… …………………… 219
7.3.2 添加素材及文字信息… …………… 221
7.3.3 製作邊欄… ………………………… 223
7.4 床品店招… …………………… 224
7.4.1 添加素材… ………………………… 224
7.4.2 繪製圖形… ………………………… 225
7.4.3 添加文字及細節圖形… …………… 227
7.5 鮮果時間店招… ………………228
7.5.1 製作主題背景… …………………… 229
7.5.2 繪製紅色邊欄… …………………… 231
7.6 寶寶樂園店招… ………………232
7.6.1 製作卡通背景… …………………… 233
7.6.2 製作店招文字… …………………… 235
7.7 惠購無限店招… ………………239
7.7.1 製作主視覺文字… ………………… 239
7.7.2 添加素材及製作欄目… …………… 242
第8 章 脫穎而出，電商硬廣裝修設計……………244
8.1 秋冬裝廣告……………………… 245
8.1.1 添加素材… ………………………… 245
8.1.2 製作主題文字… …………………… 246
8.1.3 添加裝飾素材… …………………… 249
8.2 汽車用品廣告… ……………… 250
8.2.1 打開素材… ………………………… 251
8.2.2 繪製圖形… ………………………… 251
8.2.3 添加素材… ………………………… 252
8.2.4 製作陰影… ………………………… 253
8.2.5 繪製圖形… ………………………… 254
8.3 新機上市廣告… ……………… 255
8.3.1 處理圖像效果… …………………… 255
8.3.2 添加文字… ………………………… 256
8.4 新品優惠廣告… ……………… 259
8.4.1 製作主題背景… …………………… 259
8.4.2 添加細節… ………………………… 264
8.5 音樂主題T 恤促銷廣告… ……266
8.5.1 製作紋理背景… …………………… 266
8.5.2 添加素材並製作藝術字… ………… 268
8.6 吃貨節促銷廣告… …………… 272
8.6.1 添加主題圖文… …………………… 272
8.6.2 處理裝飾元素… …………………… 273
8.7 化妝品爆款促銷廣告… ……… 275
8.7.1 製作背景… ………………………… 276
8.7.2 處理細節圖文… …………………… 277
8.8 家裝節硬廣… ………………… 281
8.8.1 打開素材… ………………………… 281
8.8.2 添加素材… ………………………… 282
8.8.3 繪製圖形… ………………………… 283
8.8.4 添加文字… ………………………… 283
8.9 炫酷運動鞋上新硬廣… ……… 284
8.9.1 打開素材… ………………………… 285
8.9.2 添加文字… ………………………… 286
8.9.3 繪製圖形… ………………………… 288
