《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第8章制作PC端其他页面

8.3 课堂实训——制作护肤品春节活动页
24
实训思路
根据实训目标，完成本实训主要需进行以下操作。 （1） 定位活动页主题风格。以春节为主题进行活动页设计，可以直接选取与春节相 关的元素。本例以经典的正红和深蓝色作为主色，黄色作为辅助色，白色作为点缀色进行 设计，同时添加中国元素作为页面装饰。 （2） 焦点图视觉设计。焦点图以主色红色为背景，添加祥云、烟花等元素来构建场 景，同时搭配深色的光线营造一种节日气氛，文案则直接点明活动主题为“春节不打烊”， 最后在下方添加烟花场景，以呼应主题。 （3） 活动区视觉设计。活动区包括优惠券区与活动专区两个区域。优惠券区以红色 和黄色为背景，搭配红色的文字来突出显示优惠内容。以主色红色为背景，搭配红色的文 字和淡黄色的形状来突出重点内容。 （4） 添加页面点缀物。为了增强页面的活动氛围，并体现出新年主题，网店美工 可在页面中添加一些新年吉祥物以统一画面并区分出层次，比如中国结。
现
促
销
感
8.2.2 制作 11·11 活动页
15
本例将制作11·11活动页，在设计时通过紫色和线条以及文案让11·11的时尚感和促销 感展现出来，完成后，依次添加活动内容和活动商品，让整个画面更加完整。
其具体操作如下。
1 添加素材
2 添加图层蒙版
8.2.2 制作 11·11 活动页
16
3 设置图层混合模式
17 添加灯光
8.2.2 制作 11·11 活动页
19
18 绘制圆角矩形并添加灯光
19 输入文字
20 添加斜面与浮雕
21 绘制矩形并输入文字
8.2.2 制作 11·11 活动页
20
22 设置描边参数
23 设置外发光参数
24 添加素材并绘制形状
25 绘制椭圆
26 添加素材并绘制形状
27动页
8.2.1 活动页的主题风格
1. 故事性
故事性是指通过 一个故事或者一个能 够贯穿页面的引子为 中轴线，结合网店活 动内容进行设计和策 划。
12
梦 回 童 年
8.2.1 活动页的主题风格
2. 娱乐性
以 趣 味 性 元 素 来 提 升 娱 乐 性
13
娱乐性是指通过趣味 性元素来进行页面设计或 借助恶搞热点事件来提升 页面的娱乐性。
2 添加素材
8.1.3 制作圣诞节专题页
6
3 设置描边参数
4 设置投影参数
5 输入文字
6 设置渐变叠加参数
7 设置投影参数
8 添加小圣诞老人素材
8.1.3 制作圣诞节专题页
7
9 绘制形状
10 将形状转换为选区
11 设置描边
12 绘制形状
13 绘制其他形状
14 绘制圆和圆角矩形
8.1.3 制作圣诞节专题页
21
28 输入文字
29 绘制矩形
30 输入文字
31 输入文字并绘制矩形
32 完成后的效果
8.1 专题页的制作 8.2 活动页的制作 8.3 课堂实训——制作护肤品春节活动页
8.3 课堂实训——制作护肤品春节活动页
实训目标
23
本例将制作一个护肤品网 店的春节活动页。要求该活动 页以商品促销为目的，以春节 元素定位主题风格。同时加大 优惠信息的展示力度。主色调 可直接选择正红来渲染节日氛 围。在结构上，可划分为焦点 图、优惠券、活动区等，参考 效果如图所示。
8
15 输入文字
16 完成优惠券的制作
17 绘制圆角矩形
18 添加素材
8.1.3 制作圣诞节专题页
9
19 输入文字 21 输入文字
20 绘制形状 22 绘制形状
8.1.3 制作圣诞节专题页
23 复制并修改文字
10
24 完 成 后 的 效 果
8.1 专题页的制作 8.2 活动页的制作 8.3 课堂实训——制作护肤品春节活动页
对大型或多个促销活动进行集中展示
对外展示网店品牌形象和实力 给网店带来流量，带动网店销售业绩
8.1.2 专题页的分类
4
专题页主要可以分为两种，即陈述型和促销型。
陈述型：一般是 针对安全要求或 价值较高的商品， 展示的内容要能 消除消费者对商 品的顾虑，同时 适当传递商品信 息，加深消费者 对网店的好感。
促销型：促销 型专题页主要 通过促销活动 来拉近消费者 和商品的距离， 增加消费者的 购买概率。
8.1.3 制作圣诞节专题页
5
制作圣诞节专题页时需要先确定主题，这里使用圣诞老人、圣诞树以及童话素材来体 现圣诞节主题，并使用下雪夜背景与主题相契合，然后在下方添加商品信息。
其具体操作如下。
1 添加背景
4 添加线条素材
5 添加渐变效果
6 设置描边参数
7 设置内阴影参数
8.2.2 制作 11·11 活动页
17
8 添加灯光
9 绘制圆角矩形
10 设置描边参数
11 设置内阴影参数
12 设置投影参数
13 输入文字
8.2.2 制作 11·11 活动页
18
14 设置图层样式参数
15 添加渐变效果
16 设置投影参数
如图所示的活动页就 融合了经典卡通娱乐元素， 让消费者在看到页面时， 就能感受到其趣味性。
8.2.1 活动页的主题风格
14
3. 利益性
利益性是指简单
以
以
明了地通过页面渲染
红 色
具 有
促销商品。网店美工
来
冲
突
击
在设计这类页面的通
出
力
常会将利益是放在显
促 销
的 视
眼的位置，以烘托促
感
觉
设
销氛围。
计
来
体
学习进步
第8章
制作PC端其他页面
8.1 专题页的制作 8.2 活动页的制作 8.3 课堂实训——制作护肤品春节活动页
8.1.1 专题页的作用
3
专题页可以集中输出要传达的信息，提高消费者的关注度，促使消费者做出购买决策， 进而完成交易。下面将从 4 个方面对专题页的作用进行详解。
补充、整合大量信息，吸引消费者注意力