02.店招设计

★任务导读：

同实体店铺一样，网店也有自己的店招。店招位于店铺首页第一屏顶部位置，是用户进入店铺首页第一眼就能看到的一张包涵店标、店铺Slogo等信息的图片。店招用以指引消费者和传递店铺理念，是一个店铺的灵魂之所在，是打造店铺品牌，让用户对店铺产生深刻记忆的第一阵地。一张优秀的店招牌图片能让买家快速了解店铺特点、最新活动信息等。因此，店招中的信息往往是高度凝练的，将店铺文化理念、经营特色、服务项目等信息凝结到这张店招图片。

本节课将从店招设计与制作等步骤展开工作任务。通过阐述店招在设计过程中应考虑的核心要素，帮助学生掌握店招设计的方法和技巧，并引导学生进行产品店招设计实操。

★学习目标：

1.了解店招策划设计的要点；

2.熟知店招的构图要素；

3.熟知店招的设计规则；

4.掌握店招的制作方法和技巧；

★案例引入：

小白是淘宝平台一家女鞋店的美工设计，主要的工作内容是给网店的产品做主图和详情页设计。淘宝平台每天数万家同行都在上新，如何在数以万计的产品展示里面脱颖而出，是小白设计产品主图需要思考的问题之一。拿到摄影师拍摄的产品照片后，小白需要经历哪些过程才可以设计出优秀的主图呢？

★知识学习：

【以视频形式展现】

★课中练习：

运用上环节所学知识，进行店招设计。

设备要求：

（1）教学设备：安装有Photoshop，并且连接互联网的计算机

（2）实训场地：美工实训室

操作步骤：

本实训要求学生通过Photoshop软件完成对店招的设计。通过实训，要求学生熟练掌握Photoshop软件的使用方法和技巧，并掌握店招设计方法。

步骤1：任务布置

教师向学生介绍任务要求和内容，将班学生按每3-4人的标准划分成若干个任务小组，以小组为单位进行任务实训。学生领取任务。

店招设计要求：

1. 店招主要元素（LOGO+Slogan宣传语+收藏、关注按钮+产品+店铺名称+优惠券+优惠信息）的应用；

2.全屏店招是1920像素，淘宝店招默认为950像素*120像素，大小不能过3M；

3.店招和店铺与产品的风格统一。

步骤2：店招分析

店招的形式大致有两种：一种是动态图片，另一种是静态图片，下面通过案例进行说明。简洁、明了是此店招的一个重点，从品牌的宣传到品牌广告语的体现，更加针对性的说明了店铺实际运营类目产品，在店招最右边有4个小圆的搭配分别用不同颜色展示在配合让顾客能产生信任感的文字描述，虽简单，却明了。

步骤3：店招设计

1.新建店招文件。打开Photoshop，新建店招图层，选择纯白背景一个宽度950像素、高度120像素、颜色RGB模式，分辨率72的图像文件，如图2-1所示。

图2-1 新建店招文件

2.导入Logo及Slogo素材。根据店招设计要求案例展示，按【Ctrl+O】快捷键，打开【文件】—【打开】选择Logo素材文件，选择工具箱中的移动工具，将素材移动到新建的店招文件中，如图2-2所示。

图2-2 导入Logo、Slogo等素材

3.绘制圆形。选择工具箱中的椭圆工具，按Shift键对圆进行等比例放大，选择工具箱中的移动工具，将图形移动到新建的文件中位置，如图2-3所示。

图2-3 绘制圆形

使用椭圆形工具，在工具属性栏处分别设置填充颜色和描边颜色及描边数值对图形进行蓝色填充和3px的白色描边，如图2-4所示

图2-4 设置图形颜色填充及描边效果

4.添加投影效果。单击图层面板下方的添加图层样式按钮，在弹出的快捷菜单中选中【投影】复选框，在弹出的图层形式对话框中设置参数，单击确定，投影效果如图2-5所示。

图2-5 添加投影效果

5.复制圆形并填充不同颜色。选中圆形图层点击右键复制图层，如图2-6所示。将复制后的圆形如图进行排列，完成后分别填充橙色、绿色、紫色，如图2-7所示。

图2-6 复制图层并填充颜色

图2-7 填充不同颜色

6.添加文案。选择工具箱中的【横排文字工具】或按快捷键【T】，设置前景色为白色，在图像上输入文字，设置字体为【微软雅黑】，如图2-8所示。

图2-8  添加文案

7.保存文件。设计完成后使用快捷键【Ctrl+S】分别保存PSD格式与JPEG文件，如图2-9所示。

图2-9 保存店招文件

步骤4：总结评价

学生总结店招设计注意事项及设计要点。老师针对学生的设计作品进行点评，奖励优秀小组。

★美工小经验：

【以word形式展现】

★课后练习：

1. 请根据“优权办公用品专营店”（ https://yqbgyp.tmall.com）的产品情况及店铺装修风格，为该店铺进行店招设计。

2. 请根据“思朗食品旗舰店”（ https://silang.tmall.com）的产品情况及店铺装修风格，为该店铺进行店招设计。

3.请根据“水源红食品旗舰店”（https://shuiyuanhongsp.tmall.com）的产品情况及店铺装修风格，为该店铺进行店招设计。

★回顾总结：

店招设计其实很简单的，店招就是店铺品牌，而后才是促销内容。顾客看你店招首先就是要知道你的店铺是销售什么的，她购买的产品你的店铺有没有?接着再看促销信息，当然这只是部分的顾客的思路，对于一些老顾客来说，已经知道你店铺是卖什么的，他就更愿意看到促销信息了。

通过本节课的学习，让学生对店招有完整的认知，并了解不同店铺店招设计要点；同时，能够根据具体需求设计出优秀的店招。