本书全面、系统地介绍了网店设计与装修的相关知识和基本设计技巧,主要包括初识网店美工与网店装修、商品图片的美化处理、网店营销推广图设计、店铺海报设计、PC 端店铺首页设计、PC 端店铺详情页设计、PC 端店铺装修、手机端店铺设计、手机端店铺装修和网店视频拍摄与制作等内容。
本书第1 章介绍网店美工与网店装修的基本情况,第2~10 章以知识点讲解和课堂案例为主线,介绍相关知识和技巧。其中,知识点讲解部分让学生能够系统地了解网店设计与装修的基础知识,课堂案例介绍了详细的操作步骤及实际应用环境,学生可以快速掌握网店设计与装修的思路和技巧。主要章节中还安排了课堂练习和课后习题,以提升学生对网店设计与装修的实际应用能力。
配套慕课视频
资源丰富
结构清晰 操作详细
课堂案例 软件功能解析,边做边学软件功能,熟悉设计思路
课堂练习 课后习题,拓展应用能力
综合实战,演练真实商业项目制作过程
谢文芳,女,1976年出生,汉族,教授。现任甘肃财贸职业学院经济管理学院副院长。自工作以来,一直从事电子商务专业电子商务视觉设计、网页设计与制作、跨境电商基础、电商数据分析等课程教学工作。连续三年获得学院优秀教师、优秀班主任称号。多次指导学生参加电子商务、市场营销等技能大赛,并获得优秀指导教师。主编教材两部,发表论文10篇,其中一篇论文获得省级优秀论文一等奖。主持省级课题一项,参与2门精品课程建设。承担组织全省中职、高职电子商务骨干教师的培训工作。
第 1 章 初识网店美工与网店装修
1.1 网店美工概述……………………… 2
1.1.1 网店美工的基本概念… ……… 2
1.1.2 网店美工的工作内容… ……… 2
1.1.3 网店美工的基本技能… ……… 3
1.2 网店装修的风格定位……………… 3
1.3 网店的页面构成…………………… 4
1.4 网店装修的设计要点……………… 7
1.4.1 基础元素… …………………… 7
1.4.2 颜色搭配… …………………… 8
1.4.3 文字设计… …………………… 9
1.4.4 版式构图… ………………… 10
1.5 网店装修的常用软件…………… 11
1.6 网店装修的基本流程…………… 12
第 2 章 商品图片的美化处理
2.1 裁剪……………………………… 14
2.1.1 裁剪的处理基础… ………… 14
2.1.2 课堂案例裁剪校正倾斜的商品… ……………………… 14
2.1.3 课堂案例裁剪校正变形的商品… ……………………… 15
2.2 抠图……………………………… 16
2.2.1 抠图的处理基础… ………… 16
2.2.2 课堂案例使用多边形套索工具抠图… ………………… 16
2.2.3 课堂案例使用魔棒工具抠图… ……………………… 17
2.2.4 课堂案例使用钢笔工具抠图… ……………………… 18
2.3 调色……………………………… 19
2.3.1 调色的处理基础… ………… 19
2.3.2 课堂案例调整偏色图片… ……………………… 20
2.3.3 课堂案例让图片更出色… ……………………… 20
2.3.4 课堂案例让图片更清晰… ……………………… 21
2.4 修图……………………………… 22
2.4.1 修图的处理基础… ………… 22
2.4.2 课堂案例修复图像瑕疵… ……………………… 22
2.4.3 课堂案例复制取样图像… ……………………… 23
2.5 课堂练习调整曝光不足的商品图片………………………… 24
2.6 课后习题增加商品图片的色彩鲜艳度……………………… 24
第3 章 网店营销推广图设计
3.1 主图设计………………………… 26
3.1.1 主图的基本概念… ………… 26
3.1.2 主图的设计要点… ………… 27
3.1.3 课堂案例电风扇主图设计… ……………………… 29
3.2 直通车图设计…………………… 34
3.2.1 直通车图的基本概念……… 35
3.2.2 直通车图的设计要点………… 35
3.2.3 课堂案例钙片直通车图设计… ……………………… 37
3.3 钻展图设计……………………… 44
3.3.1 钻展图的基本概念… ……… 44
3.3.2 钻展图的设计要点… ……… 45
3.3.3 课堂案例生鲜食品钻展图设计… ……………………… 47
3.4 课堂练习母婴产品直通车图设计……………………………… 51
3.5 课后习题服装钻展图设计…… 52
第4 章 店铺海报设计
4.1 海报的基本概念………………… 54
4.2 海报的设计要点………………… 54
4.2.1 海报的设计尺寸… ………… 54
4.2.2 海报的版式构图… ………… 55
4.2.3 海报的设计形式… ………… 55
4.3 课堂案例护肤产品海报设计……………………………… 56
4.4 课堂练习空调海报设计…… 62
4.5 课后习题果汁饮品海报设计……………………………… 62
第5 章 PC 端店铺首页设计
5.1 首页的基本概念………………… 64
5.2 首页的设计模块………………… 64
5.2.1 店招和导航… ……………… 65
5.2.2 轮播海报… ………………… 66
5.2.3 优惠券… …………………… 67
5.2.4 分类模块… ………………… 67
5.2.5 商品展示… ………………… 69
5.2.6 底部信息… ………………… 71
5.3 课堂案例家具产品首页设计……………………………… 72
5.4 课堂练习春夏女装首页设计……………………………… 85
5.5 课后习题数码产品首页设计……………………………… 86
第6 章 PC 端店铺详情页设计
6.1 详情页的基本概念……………… 88
6.2 详情页的设计模块……………… 89
6.2.1 商品焦点图… ……………… 90
6.2.2 卖点提炼… ………………… 90
6.2.3 商品展示… ………………… 91
6.2.4 细节展示… ………………… 92
6.2.5 商品信息… ………………… 92
6.2.6 其他模块… ………………… 93
6.3 课堂案例月饼美食详情页设计……………………………… 94
6.4 课堂练习餐具产品详情页设计………………………………105
6.5 课后习题运动鞋详情页设计………………………………107
第7 章 PC 端店铺装修
7.1 图片的切片………………………109
7.1.1 图片切片的概念… …………109
7.1.2 图片切片的要点… …………109
7.1.3 课堂案例家具产品首页图片切片… ………………… 110
7.2 图片的上传………………………113
7.2.1 素材中心的概述… ………… 113
7.2.2 素材中心的功能… …………114
7.2.3 素材中心的管理… …………116
7.2.4 课堂案例家具产品首页图片上传… ………………… 117
7.3 店铺装修…………………………118
7.3.1 使用模板装修… ……………119
7.3.2 使用模块装修… …………… 121
7.3.3 课堂案例家具产品首页装修… ……………………… 123
7.4 课堂练习数码产品首页图片切片………………………………139
7.5 课后习题数码产品首页装修………………………………139
第8 章 手机端店铺设计
8.1 手机端店铺概述…………………141
8.1.1 手机端店铺设计的必要性……141
8.1.2 手机端店铺与PC 端店铺的区别… ………………………141
8.1.3 手机端店铺设计的关键点…… 143
8.2 手机端店铺首页设计模块………143
8.2.1 店招… ………………………144
8.2.2 文字标题… ………………… 145
8.2.3 店铺热搜… ………………… 145
8.2.4 轮播海报… ………………… 145
8.2.5 优惠券… …………………… 145
8.2.6 分类模块… ………………… 145
8.2.7 商品展示… …………………146
8.2.8 底部信息… …………………146
8.2.9 排行榜… ……………………146
8.2.10 逛逛更多…………………… 147
8.3 课堂案例手机端店铺家具产品首页设计……………………148
8.4 手机端店铺详情页设计模块……157
8.5 课堂案例手机端店铺月饼美食详情页设计…………………157
8.6 课堂练习手机端店铺春夏女装首页设计……………………160
8.7 课后习题手机端店铺餐具产品详情页设计…………………161
第9 章 手机端店铺装修
9.1 手机端店铺首页装修……………163
9.1.1 使用模板装修… …………… 163
9.1.2 使用模块装修… …………… 163
9.1.3 课堂案例手机端店铺家具产品首页装修… …………… 165
9.2 手机端店铺详情页装修…………172
9.2.1 使用模板装修… …………… 172
9.2.2 使用模块装修… …………… 172
9.2.3 课堂案例手机端店铺月饼美食详情页装修… ………… 173
9.3 课堂练习手机端店铺春夏女装首页装修……………………177
9.4 课后习题手机端店铺餐具产品详情页装修…………………178
第 10 章 网店视频拍摄与制作
10.1 网店视频拍摄… ………………180
10.1.1 视频构图的原则……………180
10.1.2 视频拍摄的流程……………181
10.1.3 课堂案例拍摄手冲咖啡教学视频…………………… 182
10.2 网店视频制作… ………………187
10.2.1 网店的视频类型……………187
10.2.2 视频制作的流程……………188
10.2.3 课堂案例制作手冲咖啡教学视频……………………190
10.3 网店视频上传… ………………196
10.3.1 视频上传的要求……………196
10.3.2 视频上传的方式……………196
10.3.3 课堂案例上传手冲咖啡教学视频……………………197
10.4 课堂练习拍摄花艺活动宣传视频………………………200
10.5 课后习题制作花艺活动宣传视频………………………200