京东店铺装修与设计第6章.pptxVIP

电脑端首页设计 第6章 京东店铺装修与设计从入门到精通 （视频指导版） 店铺首页 店铺店招的设计与制作 店铺导航的设计与制作 商品分类的设计与制作 图片轮播的设计与制作 商品推荐的设计与制作 实战训练 拓展延伸 思考练习 6.1.1 首页设计的注意事项 店招的设计突显最新信息：客户都是很大意的，所以卖家不要妄想消费者能在繁杂的网页中找到店铺的优惠信息，这时店招就变得尤为重要，在店招中将促销信息体现出来，这样无论消费者跳转到哪个页面，只要还在店铺中就能看到促销信息。 导航条设计彰显店铺个性：导航条主要对商品的信息起导航作用，默认的内容包括“所有商品”“首页”“店铺动态” 等，卖家可根据自己店铺的特殊情况添加适合的导航按钮，如店铺刚上新冬装，即可以添加“冬装上新”导航。 商品分类展现商品种类细分：主要对促销或是上新商品进行简单分类，其方式与导航条类似，在该区域不但可以添加优惠信息，还能对店铺的商品进行简单分类介绍，使客户对店铺有简单的认识。 6.1.1 首页设计的注意事项 图片轮播设计：轮播海报多用于传递最新的商品信息，店铺最新优惠活动及店铺理念等。一个完美的店铺海报不仅可以彰显店铺的风格，还可以向消费者传递出最新的商品信息，最新优惠活动等，可谓是一个功能齐全的首页配件。 商品推荐设计要多角度突显商品信息：商品陈列展示区的设计可以是多种多样的。需要注意的是，商品展示的时候应该尽量避免出现重复的商品，设计人员不能按照自己的喜好觉得哪款商品，就多次展示同款商品，需要合理展示。 页尾与店招承上启下：页尾属于首页的结尾部分，在页尾中不但需要对首页进行总结，还可添加分类信息，使其与店招和导航条对应，这样当需要重新进行浏览时才会显得更加方便。 6.1.2 店铺首页布局的要点 店铺风格一定程度上影响着店铺的布局方式，因此选择合适的店铺风格是店铺布局的前提，而店铺风格则受品牌文化、商品信息、目标消费者、市场环境和季节等因素影响，在选择店铺风格时必须考虑这些因素，这样风格才能和商品统一。 店铺的活动和优惠信息，要放在非常重要的位置，如轮播海报或活动导航。这些板块中的内容设计要清晰、一目了然，并且可读性要强。 在商品推荐模块中推荐的爆款或新款不宜过多，此时可通过商品分类或商品搜索将客户流量引至相应的分类页面中。 6.1.2 店铺首页布局的要点 关注和客服等互动性版面是卖家与顾客互动的销售利器，这些版面可以提升客户忠诚度，提高二次购买率，因此是必不可少的。 制作搜索或商品分类模块时，需要将商品分门别类，详细地列举出商品类目，将有助于顾客搜索或很快找到喜欢的类目及商品。 结构和商品系列要清晰明了，布局要错落有致，列表和图文搭配，减少客户的视觉疲劳。 店铺首页 店铺店招的设计与制作 店铺导航的设计与制作 商品分类的设计与制作 图片轮播的设计与制作 商品推荐的设计与制作 实战训练 拓展延伸 思考练习 6.2.1 店招的设计原则 店招设计除了突显最新信息，方便买家查看外，还应注重店铺商品的推广，让买家留下印象。因此，要求店招在设计上具有新颖别致、易于传播的特点，这就必须遵循两个基本的原则：一是品牌形象的植入；二是抓住商品定位。 6.2.2 确定店招风格 定位商品品牌和商品类型后，还需要确定店招风格。店招的风格引导着店铺的风格，而店铺的风格很大程度上取决于店铺所经营的商品。一般而言，店铺应保证店招、商品、店铺风格的统一性。 6.2.3 制作店铺logo 新建图像文件 绘制基础形状 6.2.3 制作店铺logo 设置描边参数 绘制嘴巴 绘制眼睛形状 6.2.3 制作店铺logo 绘制耳朵和眼睛 绘制其他区域 绘制胡子 6.2.3 制作店铺logo 绘制纹理 输入文字 6.2.3 制作店铺logo 盖印图像 调整盖印图像的大小 6.2.3 制作店铺logo 栅格化文字 擦除多余文字部分 6.2.3 制作店铺logo 设置投影参数 设置描边参数 6.2.3 制作店铺logo 查看添加描边和投影后的效果 链接图层并查看完成后的效果 6.2.4 制作店招 新建图像文件 添加渐变效果 6.2.4 制作店招 添加参考线 添加其他参考线 6.2.4 制作店招 添加背景素材 绘制虚线 添加文字 6.2.4 制作店招 绘制圆角矩形 设置图层样式 6.2.4 制作店招 设置投影 输入收藏文字 6.2.4 制作店招 输入文字 添加店招素材 6.2.4 制作店招 输入吐司说明性文字 输入其他文字 6.2.4 制作店招 查看完成后的效果 店铺首页 店铺店招的设计与制作 店铺导航的设计与制作 商品分类的设计与制作 图片轮播的设计与制作 商品推荐的设计与制作 实战训练 拓展延伸 思考练习 6.3.1 基础导航条的设置方法 打开“店铺装修”页面，单击右侧的“导航条”模块，打开“店铺导航”面板，