资源简介

(共18张PPT)
图形图像处理项目式教程
网
店
美
工
网店常见元素设计
【项目七】
项目
设计商品详情页的产品搭配区域
任务 3
项目七 网店常见元素设计
项目七 网店常见元素设计
任务三 设计商品详情页的产品搭配区域
通常商品详情页会有商品搭配销售的区域，即产品搭配区域，用于推广本店其他商品。在设计产品搭配区域时，要注意以下几点。
（1）内容适度。产品搭配区域的内容不要太多，以免削弱消费者对目标商品的关注度。
（2）风格统一。产品搭配区域的设计风格应与商品详情页整个页面的风格统一，这样才能在展示搭配商品的同时，更好地辅助目标商品的展现。
（3）搭配商品的选择。要结合目标商品的特点选择搭配商品，以免不同商品放在一起风格不搭。通常搭配商品的数量以 2 ～ 5 个为宜。
本任务设计钱包搭配区域，在设计时着重表现搭配购买可以节省成本，促使消费者购买。整个画面以蓝色为主色，能给人理智、深沉的感觉，符合钱包使用对象的性格特点。
任务分析
任务三 设计商品详情页的产品搭配区域
项目七 网店常见元素设计
◇ 使用形状工具绘制背景及装饰图案，并在工具属性栏中对绘制的图形进行相关设置。
◇ 使用文字工具添加所有文本，如商品名称、优惠价格等，并在工具属性栏中设置文本属性。
一、设计要点
任务三 设计商品详情页的产品搭配区域
项目七 网店常见元素设计
本案例中的商品是一款男士钱包，为了贴合其使用对象的性格特点，特选蓝色为主色，以表现沉稳之感。此外，选择与蓝色互为补色的黄色作为辅色，能为画面增加视觉冲击力。商品详情页的产品搭配区域的配色方案如图 7-39 所示。
二、配色分析
任务三 设计商品详情页的产品搭配区域
项目七 网店常见元素设计
任务实施
任务三 设计商品详情页的产品搭配区域
项目七 网店常见元素设计
课堂小结
（1）产品搭配区域功能是什么？
（2）设计产品搭配区域时，要注意的要点？
项目七 网店常见元素设计
设计商品详情页的产品细节展示区域
任务 4
项目七 网店常见元素设计
项目七 网店常见元素设计
任务四 设计商品详情页的产品细节展示区域
能否让消费者没有疑虑地下单，其中一个重要的方面就是商品详情页的设计效果。通常，设计商品详情页时，可从以下几点入手。
（1）风格统一。商品详情页的整体设计风格需统一，整体页面效果需美观，这样才能给消费者以视觉享受。
（2）信息展示完全。商品详情页中既要展示商品的整体效果，也要展示商品的局部细节，让消费者全面了解商品，从而打消疑虑。
本任务设计香橙细节展示区域，在设计时先展示香橙的整体外形，再通过细节展示体现香橙的卖点，让消费者能够完全了解商品。整个画面的背景颜色采用橙色，使画面整体看起来十分和谐。
任务分析
项目七 网店常见元素设计
任务四 设计商品详情页的产品细节展示区域
◇ 使用形状工具绘制背景及装饰图案，并在工具属性栏中对绘制的图形进行相关设置。
◇ 使用文字工具添加所有文本，并在工具属性栏中设置文本属性。
一、设计要点
项目七 网店常见元素设计
任务四 设计商品详情页的产品细节展示区域
本案例以橙色为主色，既贴合商品本身，又能勾起消费者的食欲。此外，整个画面以白色为背景，显得整洁、干净。商品详情页的产品细节展示区域的配色方案如图 7-56 所示。
二、配色分析
项目七 网店常见元素设计
任务四 设计商品详情页的产品细节展示区域
任务实施
项目七 网店常见元素设计
任务四 设计商品详情页的产品细节展示区域
课堂小结
（1）详情页的尺寸一般设置为多少？
（2）设计商品详情页有什么要点？
项目七 网店常见元素设计
知行合一
项目七 网店常见元素设计
2019 年 2 月，国务院印发《国家职业教育改革实施方案》，明确提出从2019 年开始，在职业院校、应用型本科高校启动“学历证书 + 若干职业技能等级证书”制度（以下称“1+X”证书制度）试点工作。
“1”为学历证书，“X”为若干职业技能等级证书。学历证书全面反映学校教育的人才培养质量。职业技能等级证书是毕业生、社会成员职业技能水平的凭证，反映职业活动和个人职业生涯发展所需要的综合能力。“1”是基础，“X” 是“1”的补充、强化和拓展，书证相互衔接融通正是“1+X”证书制度的精髓所在。
作为一名青年学生，提升自己的综合素质非常重要，而考证就是督促自己学习技能及证明自己实力的重要方式。因此，感兴趣的学生可尝试报考相关专业的职业技能等级证书，为以后找工作奠定基础。
谢
谢
聆
听

展开更多......

收起↑