AIGC与网店视觉设计案例教程(全彩微课版)电子书

内容提要

前言

第1章 网店美工与视觉设计概述

课前引导

1.1 网店美工基础知识

1.1.1 网店美工的含义

1.1.2 网店美工的技能要求

1.1.3 网店美工常用的设计软件

1.1.4 网店的设计趋势

1.2 认识AIGC

1.2.1 AIGC的含义

1.2.2 文案生成类AIGC工具

1.2.3 图片美化类AIGC工具

1.2.4 图像生成类AIGC工具

1.2.5 音频生成类AIGC工具

1.2.6 视频生成类AIGC工具

1.3 网店美工必备的视觉设计知识

1.3.1 网店视觉设计的基础知识

1.3.2 色彩

1.3.3 文字设计

1.3.4 文案策划

1.3.5 页面构图与风格

1.4 网店视觉设计的常规流程

1.4.1 需求分析

1.4.2 素材的搜集

1.4.3 素材处理与设计

1.4.4 页面的设计

1.4.5 图片切片与管理

1.4.6 网店装修

课堂实训——赏析小米官方旗舰店首页

课后练习——赏析博洋家居官方旗舰店首页

第2章 商品图片的拍摄与处理

课前引导

2.1 拍摄商品图片

2.1.1 商品拍摄流程

2.1.2 常用的商品拍摄器材

2.1.3 拍摄商品图片的要求

2.1.4 不同类型商品的拍摄

2.1.5 课堂案例：拍摄口红商品图片

2.1.6 课堂案例：拍摄电吹风商品图片

2.1.7 课堂案例：拍摄女装商品图片

2.1.8 课堂案例：拍摄女鞋商品图片

2.2 调整商品图片色彩

2.2.1 调整商品图片色彩的方法

2.2.2 课堂案例：调整曝光不足的商品图片

2.2.3 课堂案例：调整曝光过度的商品图片

2.2.4 课堂案例：AI调整偏色的商品图片

2.2.5 课堂案例：AI调整商品图片清晰度

2.3 抠取商品图片

2.3.1 抠取商品图片的常用方法

2.3.2 课堂案例：A I消除图片背景

2.3.3 课堂案例：AI更换模特背景

2.3.4 课堂案例：AI智能抠图

2.3.5 课堂案例：抠取复杂的商品图片

2.3.6 课堂案例：抠取半透明物体

2.4 修饰与修复商品图片

2.4.1 修饰商品图片的常用工具

2.4.2 修复商品图片的常用工具

2.4.3 课堂案例：AI虚化商品图片背景

2.4.4 课堂案例：AI去除服装褶皱

2.4.5 课堂案例：提高商品图片质感

2.4.6 课堂案例：处理商品图片中的污点

2.4.7 课堂案例：去除商品图片中的多余部分

2.5 添加文字、图像与合成商品图片

2.5.1 添加与设置文字

2.5.2 添加图像

2.5.3 合成商品图片

2.5.4 课堂案例：合成端午节宣传海报

2.5.5 课堂案例：AI生成羽绒服上新海报

课堂实训

实训1 拍摄冰箱商品图片并调整色彩

实训2 替换破壁机背景并制作海报

实训3 修复女斜挎包商品图片并制作Banner

课后练习

练习1 拍摄茶具商品图片

练习2 AI调整女鞋商品图片颜色

练习3 制作樱桃商品海报

第3章 网店首页设计

课前引导

3.1 认识网店首页

3.1.1 网店首页的组成结构

3.1.2 网店首页的布局方式

3.2 设计店招与导航

3.2.1 店招与导航的制作规范

3.2.2 课堂案例：AI生成网店Logo

3.2.3 课堂案例：制作店招与导航

3.3 设计轮播海报

3.3.1 轮播海报的设计要点

3.3.2 课堂案例：AI生成轮播海报背景

3.3.3 课堂案例：制作轮播海报

3.4 设计优惠券

3.4.1 优惠券的设计要点

3.4.2 课堂案例：制作优惠券

3.5 设计商品推荐区

3.5.1 商品推荐区的设计要点

3.5.2 课堂案例：制作商品推荐区

3.6 设计移动端网店首页

3.6.1 移动端网店首页的设计规范

3.6.2 课堂案例：制作移动端直播预告海报

3.6.3 课堂案例：制作移动端商品分类区

3.6.4 课堂案例：制作移动端商品陈列区

课堂实训

实训1 制作友猫网店PC端首页

实训2 制作器具类网店移动端首页

课后练习

练习1 制作PC端家居网店首页

练习2 制作移动端家居网店首页

第4章 商品主图与商品详情页设计

课前引导

4.1 设计商品主图

4.1.1 商品主图的制作要求

4.1.2 商品主图的制作技巧

4.1.3 课堂案例：AI整理商品主图文案

4.1.4 课堂案例：AI制作榨汁机主图

4.2 认识商品详情页

4.2.1 商品详情页的组成部分

4.2.2 商品详情页的规格与风格

4.2.3 商品详情页的设计要点

4.2.4 商品详情页设计注意事项

4.3 设计焦点图

4.3.1 焦点图的设计要点

4.3.2 课堂案例：AI制作焦点图

4.4 设计关联营销图

4.4.1 关联营销图的设计要点

4.4.2 课堂案例：制作关联营销图

4.5 设计商品卖点图

4.5.1 商品卖点图的设计要点

4.5.2 课堂案例：AI生成卖点文案

4.5.3 课堂案例：制作商品卖点图

4.6 设计信息展示图

4.6.1 信息展示图的设计方式

4.6.2 课堂案例：AI制作信息展示图

4.7 设计商品细节图

4.7.1 商品细节图的展示方式

4.7.2 课堂案例：制作商品细节图

课堂实训

实训1 制作实木柜主图

实训2 制作实木柜商品详情页

课后练习

练习1 制作茶叶主图

练习2 制作茶叶商品详情页

第5章 网店推广图设计

课前引导

5.1 设计关键词推广图

5.1.1 关键词推广图的设计要点

5.1.2 课堂案例：AI生成加湿器关键词推广图背景

5.1.3 课堂案例：制作加湿器关键词推广图

5.2 设计人群推广图

5.2.1 人群推广图的设计要点

5.2.2 人群推广图的布局方式

5.2.3 课堂案例：AI生成蓝牙耳机人群推广图背景

5.2.4 课堂案例：制作蓝牙耳机人群推广图

5.3 设计网店直播推广图

5.3.1 网店直播推广图的设计要点

5.3.2 课堂案例：AI制作直播预告长图广告

5.3.3 课堂案例：制作直播侧边悬浮导航

5.3.4 课堂案例：AI制作直播封面

课堂实训

实训1 制作旅行箱关键词推广图

实训2 制作辽参人群推广图

实训3 制作家电直播侧边悬浮导航

课后练习

练习1 制作床关键词推广图

练习2 制作家居网店人群推广图

练习3 制作春节直播封面

第6章 网店专题页与活动页设计

课前引导

6.1 设计专题页

6.1.1 专题页的作用

6.1.2 专题页的分类

6.1.3 课堂案例：AI构建专题页设计方案

6.1.4 课堂案例：制作护肤品网店店庆日专题页

6.2 设计活动页

6.2.1 活动目的和作用

6.2.2 活动页的类型

6.2.3 活动页的设计要点

6.2.4 课堂案例：AI策划活动页的风格和内容

6.2.5 课堂案例：制作家电网店年货节活动页

课堂实训——制作中秋节活动页

课后练习——制作上新周专题页

第7章 网店短视频设计与制作

课前引导

7.1 短视频概述

7.1.1 短视频的类型

7.1.2 短视频的特征

7.1.3 短视频的制作流程

7.2 商品主图短视频制作

7.2.1 商品主图短视频的制作要求

7.2.2 课堂案例：AI图片转视频

7.2.3 课堂案例：AI生成商品解析音频

7.2.4 课堂案例：制作便携榨汁机主图短视频

7.3 商品详情页短视频制作

7.3.1 商品详情页短视频的制作要求

7.3.2 课堂案例：AI生成茶文化解析音频

7.3.3 课堂案例：制作茶叶商品详情页短视频

课堂实训——制作千禧果主图短视频

课后练习

练习1 制作草莓主图短视频

练习2 制作大米详情页短视频

第8章 综合案例

课前引导

8.1 淘宝灯具网店视觉设计

8.1.1 课堂案例：AI生成灯具网店设计方案

8.1.2 课堂案例：AI处理灯具商品图片

8.1.3 课堂案例：制作灯具网店首页

8.1.4 课堂案例：AI制作吊灯主图

8.1.5 课堂案例：AI生成吊灯商品介绍音频

8.1.6 课堂案例：制作吊灯主图短视频

8.1.7 课堂案例：制作吊灯商品详情页

8.1.8 课堂案例：AI制作台灯关键词推广图

8.1.9 课堂案例：制作台灯人群推广图

8.2 抖音厨房用品网店视觉设计

8.2.1 课堂案例：AI生成厨房用品网店设计方案

8.2.2 课堂案例：AI设计Logo

8.2.3 课堂案例：制作不粘锅主图

8.2.4 课堂案例：制作不粘锅商品详情页

课堂实训

实训1 制作“味鲜”生鲜网店首页

实训2 制作草莓商品详情页

课后练习

练习1 制作绿植网店首页

练习2 制作绿植商品详情页

练习3 制作绿植商品详情页短视频