店铺招牌设计
所谓店招,就是指店铺的招牌,线下店铺非常重视店招,好的店招不仅是店铺位置的象征,还能起到户外广告的作用。
网店上的店招也是展示品牌信息的窗口,是店铺首页最特殊的模块。店招不需要任何设置,可以在所有页面展示,无论是专题页、商品详情页、还是类目页。女裤店铺的展示如下图所示。本节将详细讲解店招的制作流程。
如何设计店铺招牌
从内容上来说,店招可以包括店铺名称、logo、、促销产品、收藏关注按钮、优惠券、搜索框、店铺公告等一系列信息。也就是说,如果可以的话,几乎所有你能想到的内容都可以在店招上展示。除了店铺名称是必须出现的,其他内容可以根据卖家的具体情况来安排。
专卖店的设计应重点关注以下几个方面。
(1)品牌推广
制作此类店招时,首先要考虑的是店铺名称、logo、,因为这些是品牌推广最基础的内容,其次是关注按钮、关注数、收藏按钮,这些可以间接体现店铺实力;然后是搜索框、二级导航栏等方便用户体验的内容。下图是一个品牌推广店招的设计效果。
(2)促销活动
做这种类型的店招时,首先要考虑的是活动信息、优惠券、促销产品等活动或促销信息;其次是方便用户体验的内容,如搜索框、旺旺、第二导航栏;最后是店名、logo、口号等品牌宣传内容。无论是氛围设计还是内容展示,活动信息一定要占据较大的空间,否则顾客对店铺信息的关注度就会降低。下图是优惠券、活动促销的展示内容。
(3)产品推广
这类店招的特点是自己有一个主打产品或者想推广一个或者几个产品。这类店铺在店招上,应该以促销产品、促销信息、优惠券、活动信息等促销信息为主;其次是店铺名称、logo、等品牌推广内容;最后是搜索框、二级导航栏等方便用户体验的内容。下图是电器类目下的部分热销产品。
店招的设计多种多样,展示的内容也会随着时间而变化,但无论店招如何设计,有些信息是必不可少的,比如店名、logo、等基本信息。下图是耐克的旗舰店,简洁,只有logo和名字,还有售后保障信息。
耐克商店标志
下图是圣保罗箱包旗舰店的招牌,上面只有名称和搜索框信息。
圣保罗
店铺招牌制作流程
本节将详细介绍一个店招的制作流程。店招模块默认尺寸为宽950像素,高120像素。店招下方的导航栏宽度与店招相同,高度为30像素(设计时请注意)。下面我们用软件制作一个店招,最终效果如下图所示。
步骤01 打开软件,执行“文件>新建”菜单命令,在弹出的“新建”对话框中设置相关参数,如下图所示。
步骤02 按Ctrl+R在画布两端创建参考线,创建后的效果如图。
创建参考线
淘宝店铺全屏标牌的尺寸是1920像素,上一步创建的尺寸是950像素,所以我们需要将其增大到970像素。执行“图像>画布大小”菜单命令,在弹出的对话框中将宽度改为1920像素,如下图所示。点击“确定”按钮后,就得到了一个1920像素×120像素的店铺标牌。
修改文件背景大小
步骤 03 纯白色的背景太单调,可以将其改为银灰色,与白色背景形成区别。将之前设计好的Logo拖进来,调整大小并放置在相应的位置,如下图所示。
步骤04 输入促销口号“专注女装,一年四季都可以穿”,并统一修改logo和文字的颜色,如下图所示。
步骤05 接下来开始制作“关注我们”按钮。使用“圆角矩形工具”创建一个半径为20像素的圆角矩形,并填充红色,如下图所示。
步骤06 选择工具箱中的“自定义形状工具”,选择心形,绘制一个心形,颜色为白色,输入文字“关注我们”,如下图所示。
步骤07 接下来就可以开始制作优惠券了。使用工具箱中的“矩形工具”绘制一个矩形,填充(R:250,G:230,B:200),优惠券背景矩形形状如图所示。
步骤08 使用“横排文字工具”输入优惠券促销的文字信息,将文字颜色改为红色,最终效果如下图所示。
步骤 09 输入文字“立即获取”,并创建一个红色矩形填充背景。最终效果如下图所示。
步骤10 制作完优惠券后,可以复制多张优惠券,只需修改文字信息即可,如下图所示。再复制两张优惠券,修改文字内容,调整到合适位置即可。
步骤11:创建收藏夹按钮效果。创建一个灰色背景矩形,然后创建一个倾斜的线段,旋转并放在合适的位置。创建收藏夹按钮背景形状的效果如下图所示。
步骤12 输入文字“Add this store to ”以及对应的英文内容(加粗字体),如下图所示。
步骤13 店面招牌最终效果如下图所示,制作完成后保存为相应的图片格式。