设计店铺招牌：如何打造可引人注目的店招？

活动背景

网店美工小可现在已经掌握了手机端页面的装修流程。为了让手机端店铺页面更好地呈现，吸引消费者的眼球，小可需要对店招进行优化设计。那么手机端的店招设计尺寸是多少呢？在设计时需要注意哪些问题？接下来我们和小可一起来学习吧！

知识窗

手机端店招与PC端不同，手机端店招背景图片呈渐变虚化显示，设计时要考虑手机端店招的整体效果。如图6.2.1所示。

图6.2.1

手机端店招的设计尺寸以及要求如下：

①手机端店招尺寸为750 px×580 px，文件大小400 kB左右；支持格式jpg、png。

②店招的设计风格一般与店铺近期活动有关，可与PC端的活动海报相呼应。

③店招所用文字、色彩、图片素材等元素要简洁明了，突出主题，避免杂乱无章。

活动目标

了解手机端店招的设计内容，掌握店招的构图和设计方法。

活动实施

设计步骤参考如下：

（1）店招设计风格定位。结合店铺PC端促销活动海报，选定相关配色以及文案信息。

（2）确定店招的构图方法。受手机端屏幕显示影响，店招实际展示区域偏上，在整体排版中，画面下方可留白；店招的设计可采用左右结构的构图方法。左边摆放处理好的商品图片，商品图打开“项目6”→“6.2.1素材”图片，右边编排摆放好文字。与PC端不同，手机端店招左侧已有店铺名称，可不必再做文字重复。效果如图6.2.2所示。

（3）设计文字背景的色块效果。利用形状工具绘制色块，并根据配色方案，为背景色块填色，颜色选择与背景色对比相差150°左右的玫红色，并给色块添加阴影等效果。利用剪切蒙版等工具在色块之上创建图形，增加画面动感效果。为方便浏览，店招图下面空白部分暂不做截图展示。效果如图6.2.3所示。

（4）编排和文字设计。文字信息简单，突出主题即可。根据配色方案，为标题文字填色，文字做描边、阴影，增加文字的视觉效果；“年终大促”选择商品颜色中的黄色，突出重要信息的同时不失色彩风格的统一，效果如图6.2.4所示。(https://www.xing528.com)

图6.2.2

图6.2.3

图6.2.4

（5）添加点缀元素增加画面感。手机端店招设计完成，效果如图6.2.5所示。

图6.2.5

（6）手机端店招的上传。与PC端上传图片方法相同，将制作好的店招图上传至图片空间，然后点击“上传店招”；按照提示进行操作即可，效果如图6.2.6所示。预览确认无误后，点击右上角“保存”；点击“发布”→“立即发布”，可利用手机端App扫描二维码预览效果，效果如图6.2.7所示。

图6.2.6

图6.2.7

活动评价

通过本次活动，小可掌握了店招的设计要点，能进行合理的构图布局，选用商品图片或者文字，通过文字编排与设计有效吸引注意力，使整体颜色搭配效果好。

活动拓展

尝试给该店铺设计新春活动的手机端店招，要求色彩搭配合理，画面风格统一。