网店上所指的店招同样是品牌信息展示窗口，它在店铺首页是最特殊的一个模块。店招不需要做任何设置，就能在所有的页面中显示，不管是专题页、宝贝详情页，还是分类页面等。某女裤店铺的展示如下图所示。本节将详细讲解一个店招的制作流程。

如何设计店招

从内容上来讲，店招上可以包含店铺名、Logo、广告语、促销产品、收藏和关注按钮、优惠券、搜索框、店铺公告等一系列信息。换句话说，如果可以的话，几乎所有能想到的内容都能在店招上进行展现。除了店铺名必然会出现外，其他内容都可以按照卖家具体情况进行安排。

店铺的设计应该从以下几个方面着重考虑。

（1）品牌宣传

制作这类店招时，首先要考虑的内容是店铺名、Logo、广告语，因为这是品牌宣传最基本的内容，其次是关注按钮、关注人数、收藏按钮，可以侧面反映店铺实力；然后是搜索框、第二导航条等方便用户体验的内容。下图为品牌宣传类的店招设计效果。

（2）活动促销

制作这类店招时，首先要考虑的因素是活动信息、优惠券、促销产品等活动或者促销信息；其次是搜索框、旺旺、第二导航条等方便用户体验的内容；最后是店铺名、Logo、广告语等品牌宣传为主的内容。不管是氛围设计还是内容展现，都要让活动信息占据更大的篇幅，否则顾客对店铺的信息关注会降低。下图为优惠券和活动促销展示内容。

（3）产品推广

这类店招的特点是有主推产品或者是想要主推一款或几款产品。在店招上，这类店铺要主打促销产品、促销信息、优惠券、活动信息等促销信息；其次是店铺名、Logo、广告语等品牌宣传为主的内容；最后是搜索框、第二导航条等方便用户体验的内容。下图所示为电器类热推某几款产品。

店招的设计各式各样，展示的内容也会随着时间的推移而改变，但是不管如何设计店招，有些信息是店招必不可少的，如店铺名称、Logo和广告语等基础信息。下图所示为耐克的旗舰店，简洁的只有Logo和名字，以及售后保障信息。

耐克店招

下图所示为圣大保罗箱包旗舰店的店招，仅有名称和搜索框信息。

圣大保罗

店招制作流程

本节将详细讲解一个店招的制作流程。默认店招的模块尺寸宽是950像素，高是120像素。店招下面的导航条宽度和店招一样，高度则是30像素（在设计的时候需要注意）。下面利用Photoshop软件来制作一个店招，最终效果如下图所示。

Step 01 打开Photoshop软件，执行“文件>新建”菜单命令，在弹出的“新建”对话框中进行相关参数设置，如下图所示。

Step 02 按Ctrl+R快捷键在画布两端创建参考线，创建后的效果如图所示。

创建参考线

淘宝店铺全屏店招的尺寸是1920像素，上一步创建的尺寸是950像素，接下来就要增加970像素。执行“图像>画布大小”菜单命令，在弹出的对话框中修改宽度为1920像素，如下图所示。单击“确定”按钮之后，就得到一个1920像素×120像素的店招了。

修改文件背景大小

Step 03 纯白色的背景过于单调，可以修改为银灰色，与白色背景有所区别即可。把之前设计制作的Logo拖入进来，调整大小后放到相应的位置，如下图所示。

Step 04 把宣传口号“专注女装，穿出四季如春”也输入进来，统一修改Logo和文字的颜色，如下图所示。

Step 05 接下来开始制作“关注我们”按钮。使用“圆角矩形工具”创建一个半径为20像素的圆角矩形，填充为红色，如下图所示。

Step 06 在工具箱中选择“自定义形状工具”，选择心形的形状，绘制一个心形，颜色为白色，输入文字“关注我们”，如下图所示。

Step 07 接下来就可以开始创建优惠券。使用工具箱中的“矩形工具”创建一个矩形，填充颜色为（R:250，G:230，B:200），优惠券背景矩形形状如图所示。

Step 08 使用“横排文字工具”输入优惠券促销活动文字信息，修改文字颜色为红色，最终效果如下图所示。

Step 09 输入文字“立即领取”，创建红色矩形填充背景，最终效果如下图所示。

Step 10 把一个优惠券制作好之后，可以复制出多个，只需要把文字信息修改一下即可，如下图所示。复制出另外两个优惠券，修改文字内容并调整到合适的位置。

Step 11 制作收藏按钮效果。创建一个灰色的背景矩形，然后创建倾斜的线段，旋转后放到合适的位置。一个收藏按钮背景形状制作效果如下图所示。

Step 12 输入文字“收藏本店”和相应的英文内容，字体为黑体即可，如下图所示。

Step 13 店招的最终效制作效果如下图所示。制作完成后，存储为相应的图片格式即可。