5.2 “双十一”促销活动页面设计

每年的“双十一”期间，各个电商企业的设计师们可是铆足了劲儿，各种海报设计可谓琳琅满目，让人应接不暇。“双十一”促销活动不仅要传递商品信息，而且往往会用到文字，用好这两个要点就是一幅成功的活动海报。

本实例最终效果如图5-16所示。

5.2.1 制作“双十一”促销活动页面主体效果

下面介绍制作“双十一”促销活动页面主体效果的方法。

步骤01 按【Ctrl+O】组合键，打开“促销活动页面背景.jpg”素材图像，如图5-17所示。

步骤02 选取工具箱中的“自定形状工具”，在工具属性栏中设置“填充”为橙色（RGB参数值分别为255、66、0）、“描边”为“无”、“形状”为“会话12”，如图5-18所示。

步骤03 在图像编辑窗口中单击，即可弹出“创建自定形状”对话框，设置“宽度”为420像素、“高度”为130像素，如图5-19所示。

步骤04 单击“确定”按钮，即可创建自定形状，效果如图5-20所示。

步骤05 在菜单栏中选择“编辑”|“变换”|“旋转180°”命令，即可翻转形状，如图5-21所示。

步骤06 选取工具箱中的“移动工具”，将形状移动至合适的位置，如图5-22所示。

5.2.2 制作“双十一”促销活动页面文字效果

下面介绍制作“双十一”促销活动页面文字效果的方法。

步骤01 展开“字符”面板，设置“字体系列”为“黑体”、“字体大小”为40点、“设置行距”为40点、“颜色”为白色，并激活仿粗体图标，如图5-23所示。

步骤02 选取工具箱中的“横排文字工具”，输入文字，选取工具箱中的“移动工具”，将文字移动至合适的位置，效果如图5-24所示。

步骤03 按【Ctrl+O】组合键，打开“文字2.psd”素材图像，运用“移动工具”将素材图像拖至背景图像编辑窗口中的合适位置，效果如图5-25所示。

步骤04 按【Ctrl+O】组合键，打开“文字3.psd”素材图像，运用“移动工具”将素材图像拖至背景图像编辑窗口中的合适位置，效果如图5-26所示。

5.3 新品上市特价秒杀页面设计

新品发布活动的主要目的是吸引起顾客对新产品、新店铺等产生兴趣，从而实现将产品卖出去的效果，这也是最为常规的营销方式。在制作新产品推广活动页面时，通常可以结合各种促销手段来增加活动吸引力，从而快速获取优质用户。

本实例最终效果如图5-27所示。

5.3.1 制作特价秒杀页面主体效果

下面介绍制作特价秒杀页面主体效果的方法。

步骤01 按【Ctrl+O】组合键，打开“特价秒杀背景.jpg”图像，如图5-28所示。

步骤02 按【Ctrl+O】组合键，打开“商品.jpg”素材图像，运用“移动工具”将商品图像拖至背景图像编辑窗口中，如图5-29所示。

步骤03 运用“魔棒工具”，选中商品图像的白色区域，创建选区，如图5-30所示。

步骤04 按【Delete】键删除选区内的图形，并取消选区，适当调整商品图像的大小和位置，如图5-31所示。

5.3.2 制作特价秒杀页面文案效果

给商品主图添加文字说明，可以让买家加深浏览的视觉效果。下面介绍制作网店主图文案效果的方法。

步骤01 按【Ctrl+O】组合键，打开“价格标签.psd”素材图像，运用“移动工具”将其拖至背景图像编辑窗口中的合适位置，如图5-32所示。

步骤02 选取工具箱中的“横排文字工具”，展开“字符”面板，设置“字体系列”为“黑体”、“字体大小”为96点、“设置行距”为100点、“颜色”为白色，并激活仿粗体图标，输入文字，根据需要适当地调整文字的位置，效果如图5-33所示。

步骤03 双击“文字”图层，弹出“图层样式”对话框，选中“描边”复选框，设置“大小”为2像素、“位置”为“外部”、“混合模式”为“正常”、“颜色”为黑色，效果如图5-34所示。

步骤04 单击“确定”按钮，即可为文字添加“描边”图层样式，效果如图5-35所示。

步骤05 打开“线条和文字.psd”素材图像，运用“移动工具”将其拖至背景图像编辑窗口中的合适位置，效果如图5-36所示。

步骤06 打开“矩形和文字.psd”素材图像，运用“移动工具”将其拖至背景图像编辑窗口中的合适位置，如图5-37所示。

6 商品详情页设计

学习提示

在新媒体电商设计中，随处可见形式多种多样的活动海报，吸引消费者的注意力。因此，新媒体活动海报的设计必须有号召力和艺术感染力，海报中的活动信息要简洁鲜明，达到引人注目的视觉效果，本章详细介绍不同类型促销活动的设计与制作。

本章重点导航

■ 坚果零食详情页设计

■ 零食饼干详情页设计

■ 摄影书籍详情页设计 qJuTiWurQPI5hpiD27uRL1wiycwYqRDT03w4HBXC5C2nu3W8H1YRQTWFZ/udrBiy