店铺Logo是一家店铺非常重要的文化标志。设计制作优秀的Logo，可帮助顾客记住你的店铺。因此，Logo要醒目而又符合店铺的经营风格。晓欣打算用自己比较熟悉的平面处理软件Photoshop来完成这个任务。

（1）打开Photoshop软件，新建一个长、宽各200像素，分辨率为72像素/英寸，RGB模式，背景为白色的文档。

 (2)新建一个图层1，选用椭圆形选框工具，同时按住Shift键，绘制出一个正圆，填充颜色为“#1a9efb”。

（3）新建一个图层2，用钢笔工具描绘出的路径，填充颜色为“#1a9efb”。

 (4)按住“Ctrl”键，同时用鼠标选中图层1和图层2，使用快捷键“Ctrl+E”合并两个图层。合并图层后的效果。

(5)使用快捷键“Ctrl+J”复制图层2得到图层2的副本。用鼠标在图层面板中选中“图层2副本”，使用快捷键“Ctrl+T”调出变形工具，单击右键选择“垂直翻转”，然后根据需要调整“图层2副本中图形”的大小，并放到的适当的位置。

(6)新建一个图层3，用椭圆形选区工具绘制一个圆，在图层面板中选中图层3，再按快捷键“Ctrl+J”复制图层3得到图层3的副本。将绘制的两个小圆放到合适的位置，再用矩形选框工具选出一个矩形，调整大小后，将图形摆放在适当的位置，绘制出卡通Logo的一对眼睛。

 (7)采用文字工具，在绘制好的图标下方输入“智渊商城”，点击保存，店标就做好了，效果如图所示。

（8）登录有赞商城，单击“店铺”页面，再单击“小猪的图片”。

(9)弹出的页面，单击店铺Logo旁边的“修改”按钮，出现图片上传界面，将前面设计的Logo图片上传即可。

（10）上传成功后，就可以看到店铺Logo了。

活动小结

由于本店的经营产品是食品类，并且面向20岁左右的学生群体，所以店标设计以萌宠的卡通造型结合文字，非常简约，让顾客很容易通过店标记住店铺。团队一致认为这个店标设计符合大家共同的想法。

店铺主页即店铺首页，是店铺的门面。店铺主页的内容要有吸引力，比如，上新、优惠活动等；结构要清晰，首页导航设置有利于用户快速找到自己想要买的商品。

（1）本次活动借助店铺已有的模块框架，对店铺的主页进行修改。单击“店铺”页面，单击左侧“微页面/杂志”，在显示的“新建微页面区域”单击“店铺主页”中的“编辑”按钮。

（2）在页面名称中输入“店铺主页”，在页面描述中输入“戳戳戳，查看智渊商城的新品！”单击分类旁边的“新建”按钮。

（3）在弹出的“微页面分类”页面中，设置分类名为“店铺主页”，根据需要调整“第一优先级”“第二优先级”和“显示方式”等。确定后单击“保存”即可。

（4）返回店铺主页设置界面。单击分类旁边的“刷新”按钮，显示刚才建立的“店铺主页”页面分类，选择图中所示的“店铺主页”。

（5）在背景颜色旁边单击“重置”按钮，弹出颜色选择框，选择的颜色块。

（6）单击图中1区域，向右弹出页面，单击背景图片旁边的“修改”按钮。

（7）在弹出的背景上传页面中单击“新图片”，上传素材库中提供的店招背景图片，单击“确定上传”按钮。

（8）添加了背景后的店铺主页效果。也可以采用步骤5中的方法对该区域的背景颜色进行设置。如果没有设置店铺的Logo，也可以在图中所示的店铺Logo处进行设置和修改。

（9）单击图中的公告区域，即可在右侧区域输入公告内容，如“该店铺主页是智渊商城的测试页，请勿下单！”。

（10）模板中的功能块可以根据需要随意添加和删除，也可以添加一个商品分组。

（11）添加了商品分组1的模板，商品分组的内容已经在项目2中设置好了。此时，只需要单击右侧的“添加商品分组”按钮即可。

（12）弹出商品分组页面，这是之前设置过的分组，根据需要选取需要在主页展示的分组。

（13）选取了这些分组，确定后即可显示商品分组，此时图片还不能显示。

（14）单击“预览”或“上架”按钮，最终完成店铺主页。

活动小结

因篇幅问题，店铺主页中店招部分的背景图片由素材库提供。我们也可以利用商城自带的背景，也可以根据产品特点自己设计个性化的背景，打造有吸引力的店铺主页。

好的店铺门面可以吸引用户浏览的兴趣，快速地找到自己想要买的商品，给用户带来良好的购物体验，最终实现高的转化率。

合作实训

（1）活动准备。复习或学习平面设计的基础知识。

（2）实训任务。由组长分工，完成以下任务。主要包括：①商量确定小组店铺的Logo和背景的设计方案；②给微商城添加店铺Logo；③使用主页模板，对店铺的主页进行设置。

(3)扩展练习。店铺主页还可以通过添加微页面来完成，同时主页模板中还提供了丰富“添加内容”板块。各组还需要建立多个不同风格的主页，如添加“富文本”“商品”“商品列表”“图片广告”“魔方”等。