项目一　 网店装修美工设计快速入门…………… 1
任务一 初识网店装修……………… 2
一、什么是网店装修……………………… 3
二、网店装修的重要性…………………… 4
三、网店装修与转化率的关系…………… 5
任务二　网店装修风格定位………… 8
一、如何确定网店装修的风格…………… 8
二、不同行业网店装修的风格……………10
任务三　分析网店装修中的常见
　　　　问题………………………… 11
一、控制装修图片的色彩…………………11
二、网店风格的选择………………………11
三、控制网店视频的时长…………………11
项目实训： 安踏天猫旗舰店首页设计分析……………………… 12
课后练习……………………………… 13

项目二　网店装修四大要点… 14
任务一　图片——精心准备图片素材………………………… 15
一、拍摄商品图片…………………………15
二、收集修饰素材…………………………16
任务二　配色——网店色彩搭配…… 17
一、常见的配色方法………………………17
二、色彩与网店营销………………………19
三、设计不同色调的页面…………………19
任务三　布局——规划网店页面布局………………………… 21
一、页面布局的组成要素…………………21
二、常用的页面布局方式………………… 22
任务四　文字——制作网店页面文字…………………………24
一、网店页面段落文字的排列方式……… 24
二、打造具有高表现力的文字造型……… 26
三、利用文字营造特定的氛围……………28
项目实训： 格兰仕天猫旗舰店装修设计分析…………………29
课后练习………………………………30

项目三　网店装修六大技能… 31
任务一　裁图——纠正商品图片角度…………………………32
一、调整图片的大小……………………… 32
二、裁剪商品图片中多余的图像………… 32
三、校正商品的外形………………………34
任务二　抠图——选取商品替换背景…………………………34
一、快速抠取单色背景图片………………34
二、抠取外形规则的商品图片……………36
三、使用百度AI 图片助手抠取商品图像……………………………………37
四、使用美图秀秀抠取人物图像…………38
五、精细抠取图像…………………………39
任务三　修图——完美展现商品细节…………………………40
一、使用百度AI 图片助手去除水印… …40
二、使用美图秀秀去除局部多余内容…… 41
三、美化模特面部…………………………42
四、调整模特身形…………………………44
五、锐化商品图像…………………………45
任务四　调色——校正有色差的商品图片…………………………46
一、调整图片的亮度………………………46
二、校正商品图片的白平衡………………48
三、调整商品图片的色调…………………49
任务五　编辑——美化与修饰商品图像…………………………50
一、利用图层样式增强特效感……………50
二、利用图层混合模式制作特殊效果…… 51
三、利用蒙版控制图像显示效果…………53
四、制作GIF 动态闪图… ………………54
任务六　文字——商品信息辅助说明…………………………56
一、添加文字并设置格式…………………56
二、制作创意标题文字……………………57
三、编排段落文字…………………………58
项目实训：为商品图片去除水印并调色………………………59
技能拓展： 使用AIGC 工具美图设计室智能去除衣服褶皱……59
课后练习………………………………60

项目四　店标与店招设计…… 62
任务一　初识网店店标………………63
一、店标的设计形态………………………63
二、不同行业的店标设计…………………64
任务二　课堂案例：童装网店店标设计…………………………65
一、设计理念………………………………65
二、技术要点………………………………65
三、实操演练………………………………65
任务三　初识店招与导航及其设计思路…………………………68
一、认识店招与导航………………………68
二、店招与导航的设计思路………………69
任务四　 课堂案例：美妆网店店招与导航设计……………………69
一、设计理念………………………………70
二、技术要点………………………………70
三、实操演练………………………………70
项目实训：家具网店店招与导航设计………………………76
技能拓展：利用AIGC 工具通义万相生成商品图…………77
课后练习………………………………78

项目五　全屏轮播区和商品陈列区设计………… 79
任务一　初识全屏轮播区及其设计思路…………………………80
一、认识全屏轮播区………………………80
二、全屏轮播区的设计思路………………81
任务二　课堂案例：节日主题的全屏轮播区设计…………… 81
一、设计理念………………………………82
二、技术要点………………………………82
三、实操演练………………………………82
任务三　商品陈列区视觉设计………87
一、营造视觉动线…………………………87
二、商品布局艺术化………………………90
任务四　 课堂案例：当季热卖商品陈列区设计………………… 91
一、设计理念………………………………92
二、技术要点………………………………92
三、实操演练………………………………92
项目实训：中秋节全屏轮播区设计…97
技能拓展：使用稿定AI 制作运动鞋上新海报…………………98
课后练习………………………………99

项目六　首页设计——服饰网店……………… 100
任务一　 课堂案例：精品女装网店首页设计………………… 101
一、设计理念…………………………… 101
二、技术要点…………………………… 102
三、实操演练…………………………… 102
任务二　 课堂案例：可爱童装网店首页设计………………… 108
一、设计理念…………………………… 108
二、技术要点…………………………… 108
三、实操演练…………………………… 109
项目实训：时尚女装网店首页设计…………………… 116
技能拓展：使用百度AI 图片助手“AI 扩图”功能扩图… … 117
课后练习…………………………… 118

项目七　首页设计——食品网店……………… 120
任务一　 课堂案例：年货节茶叶网店首页设计…………… 121
一、设计理念…………………………… 121
二、技术要点…………………………… 121
三、实操演练…………………………… 121
任务二　 课堂案例：“6·18”蜂蜜网店首页设计……… 131
一、设计理念…………………………… 131
二、技术要点…………………………… 132
三、实操演练…………………………… 132
项目实训：“99 划算节”面包网店首页设计………… 139
技能拓展：利用即梦AI 生成C4D 展台场景图… …… 140
课后练习…………………………… 142

项目八　商品详情页设计… 143
任务一　初识商品详情页及其设计思路……………………… 144
一、认识商品详情页…………………… 144
二、商品详情页的设计思路…………… 145
三、使用AIGC 工具撰写商品详情页文案………………………… 146
任务二　 课堂案例：豆浆机网店商品详情页设计………… 148
一、设计理念…………………………… 149
二、技术要点…………………………… 149
三、实操演练…………………………… 149
任务三　 课堂案例：保温杯网店商品详情页设计………… 156
一、设计理念…………………………… 157
二、技术要点…………………………… 157
三、实操演练…………………………… 157
项目实训：宁夏枸杞商品详情页设计…………………… 161
技能拓展：利用豆包精修钻戒商品图…………………… 162
课后练习…………………………… 163

项目九　商品短视频制作… … 165
任务一　商品短视频的作用……… 166
任务二　课堂案例：商品主图视频制作……………………… 167
一、生成短视频………………………… 167
二、视频调色…………………………… 169
三、制作视频效果……………………… 170
任务三　 课堂案例：商品详情页视频制作……………………… 171
一、修剪视频素材……………………… 171
二、制作分屏画面效果………………… 172
三、视频调色…………………………… 173
四、编辑字幕…………………………… 174
五、添加贴纸和特效…………………… 176
项目实训：利用剪映专业版智能剪辑商品主图视频…… 177
技能拓展：利用可灵AI 将图片生成视频……………… 177
课后练习…………………………… 178

项目十　移动端网店装修美工设计……………… 180
任务一　分析移动端网店页面结构……………………… 181
一、移动端网店页面的框架结构……… 181
二、移动端网店图片发布尺寸要求…… 182
任务二　移动端网店首页装修设计……………………… 182
一、设计轮播图片……………………… 183
二、设计优惠券………………………… 184
三、设计商品分类导航板块…………… 185
四、设计商品分类展示板块…………… 185
任务三　移动端网店详情页装修设计……………………… 187
一、详情页装修的FABE 原则… …… 187
二、突出商品信息……………………… 190
任务四　 课堂案例：家装节家具网店移动端首页设计…… 190
一、设计理念…………………………… 190
二、技术要点…………………………… 191
三、实操演练…………………………… 191
项目实训： 秋日养生季食品网店移动端首页设计……… 198
技能拓展： 利用WeShop 唯象替换模特和场景……… 199
课后练习…………………………… 200

项目十一　新媒体视觉设计…………… 201
任务一　认识新媒体视觉设计…… 202
一、了解新媒体视觉设计……………… 202
二、新媒体视觉设计的基本原则……… 202
三、新媒体视觉设计的基本要素……… 203
任务二　 了解新媒体平台特性与视觉需求………………… 204
一、微信………………………………… 204
二、小红书……………………………… 204
三、微博………………………………… 204
任务三　 课堂案例：新媒体平台海报视觉设计…………… 205
一、设计理念…………………………… 205
二、技术要点…………………………… 205
三、实操演练…………………………… 205
任务四　 课堂案例：新媒体平台配图排版设计…………… 208
一、设计理念…………………………… 208
二、技术要点…………………………… 209
三、实操演练…………………………… 209
任务五　 课堂案例：女装新品上市H5 设计…………… 212
一、设计理念…………………………… 212
二、技术要点…………………………… 212
三、实操演练…………………………… 212
项目实训：特价日用品小红书配图设计……………… 217
技能拓展： 利用创可贴智能设计小红书图文封面……… 218
课后练习…………………………… 219