购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

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

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

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

图5-16 实例效果

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

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

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

图5-17 打开素材图像

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

图5-18 选择相应的形状

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

图5-19 设置“创建自定形状”参数

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

图5-20 创建自定形状

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

图5-21 翻转形状

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

图5-22 调整位置

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

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

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

图5-23 设置“字符”属性

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

图5-24 输入文字

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

图5-25 添加文字素材(1)

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

图5-26 添加文字素材(2) qJuTiWurQPI5hpiD27uRL1wiycwYqRDT03w4HBXC5C2nu3W8H1YRQTWFZ/udrBiy



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

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

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

图5-27 实例效果

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

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

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

图5-28 打开素材图像

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

图5-29 添加商品素材

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

图5-30 创建选区

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

图5-31 删除选区内的图形

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

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

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

图5-32 添加价格标签

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

图5-33 输入文字

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

图5-34 设置“描边”参数

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

图5-35 添加图层样式

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

图5-36 添加线条和文字素材

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

图5-37 添加矩形和文字素材 qJuTiWurQPI5hpiD27uRL1wiycwYqRDT03w4HBXC5C2nu3W8H1YRQTWFZ/udrBiy



6 商品详情页设计

学习提示

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

本章重点导航

■ 坚果零食详情页设计

■ 零食饼干详情页设计

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

点击中间区域
呼出菜单
上一章
目录
下一章
×