《网店视觉营销设计》 课件 模块3任务3 设计与制作店招和导航条.pdf

•（一）任务工单

•任务目的：利用图形图像处理软件，设计和制作爱尚服饰网店店招和导航条。突出品

牌信息，引导顾客收藏和关注，设计清晰的导航功能实现快速检索。

•任务描述：通过合理布局，色彩搭配，实现“爱尚服饰”网店首页店招和导航条的制

作。

•知识目标：了解圆角矩形工具，自定形状工具，图层样式，文字工具的使用，知道店

招和导航条的作用，店招的内容布局。

•能力目标：能利用图形图像处理软件，选择合适的工具，设计并实现网店店招和导航

条制作。

•思政元素：通过中华老字号、金字招牌内涵讲诉，了解它们具有鲜明的中华民族文化

背景和深厚的文化底蕴，是数百年商业和手工业竞争中留下的民族瑰宝，增强学生文

化自信和民族自豪感，激发学生爱国热情。

•（二）任务情境

网店店招就像是实体店的店面招牌一样，网络消费者进入网店后第一眼看到的通常是

位于页面顶端的店招和导航条，设计独特，符合店铺整体风格和特色的店招会让消费

者印象深刻，店招是消费者了解店铺名称，店铺产品和优惠活动的第一个途径，而导

航条也起到了重要的引导作用，爱尚服饰准备打造全新的网店营销渠道，作为品牌展

示的窗口，首页第一个需要设计的区域就是店招，它通常和导航栏一起设计，爱尚服

饰网店店招设计主打品牌宣传，如何设计一个有吸引力和辨识度的店招是网店装修

中非常重要的一步。

•（三）任务解析

爱尚服饰网店新开，店招设计主要用来宣传店铺品牌，打开品牌知名度。本案例把店

招和导航放在一起设计，这样使得店铺整体性更强，店招设计尺寸为950*150，背景

色设计跟店标颜色对比鲜明，能更好的突出店铺标志，成为整个店招的视觉焦点。因

为爱尚服饰是一家综合性线上服饰商城，店招上设计搜索框，方便顾客对商品进行检

索，更快定位所需商品。新品牌的推广离不开顾客的关注和收藏，所以在店招页面上

设计了收藏和关注按钮。店招整体效果如下图所示。

•（四）知识准备

知识准备一了解店招和导航条

一个好的店招也是很好的信息传达媒介，买家可以通过店招了解到店铺主要卖的是

什么，店铺名称是什么等信息，而在设计店招时，尺寸必须是首先考虑的因素，否则做

好的店招不能进行上传。网店店招尺寸通常为950像素*120像素，全屏通栏店招尺寸为

1920像素*120像素，导航条通常位于店招下面，尺寸为950像素*30像素。店招位于网店

首页的顶端，其作用相当于实体店铺的招牌，在网店正常运营中具有以下作用：

1.店招是店铺首页的第一个展示位置，是买家掌握店铺信息的首要来源，属于黄金展示区域，在

第一时间吸引买家，引起买家的购买欲望。

2.店招可以最大化展示区别于其他同类店铺的商品优势，促销优势和服务优势。

3.店招上关键信息的展示不但节约了买家了解店铺的时间成本，也节约了店铺向买家介绍自己的

时间成本和精力。

•（四）知识准备

知识准备二店招和导航条包含的内容

1.品牌标志或店铺名称。

品牌标志或店铺名称一定是在最醒目的位置出现，如下图所示，迪贝玩具店的店铺店标和店铺名称

位置占据了店招的二分之一位置，让买家第一时间了解店铺信息。

•（四）知识准备

知识准备二店招和导航条包含的内容

2.品牌广告语。

品牌广告语一般可以用能展现店铺特点，风格，形象的口号或广告语来表达。如下图所示，布雷奥母

婴店的品牌广告语是“快乐成长，由我们陪伴”

中华老字号，金字招牌的含义。苏州市姑苏区双塔街道十全街、凤凰街有些商铺门头挂出了“党

员经营示范店”的牌子，上面还写有“守法经营，诚实守信，模范带头，无私奉献”十六字经营宗

旨。在凤凰街2号润记广东餐馆，这块“党员经营示范店”的牌子已经吸引了一批又一批顾客。店

里的党员佩戴党徽、亮明身份，主动接受群众监督。

•（四）知识准备

知识准备二店招和导航条包含的内容

3.促销信息或优惠信息。

店招上也可以放优惠券或促销信息，如下图所示，回力专卖店在店招右边空间放置了两张优惠券，

让买家直接了解店铺优惠活动，促进购买。

•（四）知识准备

知识准备二店招和导航条包含的内容

4.热销产品或新品。

法恩莎官方旗舰店充分利用店招空间，把爆款产品或