视觉营销第6章-店铺首页的视觉营销设计课件

店铺首页视觉营销设计视觉营销从入门到精通第6章店铺首页视觉营销设计视觉营销从入门到精通第6章CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首首页展示如同实体店铺中的陈列展示效果，都是通过视觉效果、氛围和服务，来达到营销目的，使客户对店铺有直观的了解。本任务将先讲解首页设计要点、首页的视觉传达，再对首页布局的方法进行介绍。本节导读首页展示如同实体店铺中的陈列展示效果，都是通过视觉效果、氛围6.1.1首页设计要点店招的设计凸显重要信息导航条设计彰显店铺个性店铺轮播海报设计展示最新信息商品陈列展示区多角度突显商品信息尾页与店招承上启下6.1.1首页设计要点店招的设计导航条设计店铺轮播海商品6.1.2首页的视觉传达首页视觉效果的好坏直接影响店铺的流量和成交量。在店铺首页中，主要通过商品图片的堆积转达视觉效果。该堆积可以是多个商品整齐的陈列展示，也可以是单个商品的海报展示，通过整合性的罗列，体现店铺的视觉展现感。或是在首页中使用模特展现商品，将模特、商品和文字相结合，展现商品的实际使用效果，并通过合理的视觉设计提升店铺整体的美观度。良好的首页设计可将视觉效果很好地传达给客户，从而促成购买。6.1.2首页的视觉传达首页视觉效果的好坏直接影响店铺的6.1.3首页布局首页的第一屏：店铺首页的第一屏是点击率最高的区域之一，该区域是客户来到店铺后的视觉中点，如果该区域设计得不够出色，那么客户就会失去继续浏览下去的动力。首页下半部分整洁统一，要有层次感：无论是淘宝还是其他网店的系统模块，在布局方式上都是按照相同的展现方式进行统一布局。学会做活动页：首页第一屏作为视觉要点，是整个首页的重要区域。6.1.3首页布局首页的第一屏：店铺首页的第一屏是点击率

6.1.3首页布局店铺风格一定程度上影响着店铺的布局方式，因此选择合适的店铺风格是店铺布局的前提。店铺的活动和优惠信息要放在重要位置，如轮播海报图或活动导航。这些图片中的内容设计要清晰、一目了然，并且可读性要强。在商品推荐模块中推荐的爆款或新款不宜过多，其他商品可通过商品分类或商品搜索将客户流量引至相应的分类页面中。收藏、关注和客服等互动性版面是卖家与客户互动的销售利器，这些版面可以提升客户忠诚度，提高二次购买率，因此是必不可少的。使用搜索或商品分类时，需要将商品分门别类，详细地列举出商品类目，这样有助于客户搜索，方便他们快速找到喜欢的类目及商品。结构和商品系列要清晰明了，布局要错落有致，可以使用列表式和图文搭配，降低客户的视觉疲劳。6.1.3首页布局店铺风格一定程度上影响着店铺的布局方6.1.4任务实训及考核序号任务描述任务要求1对女装店铺首页进行店铺规划，并根据规划后的效果总结布局方案 掌握首页布局的方法 2对棉袜店铺首页进行布局，让店铺中的商品一目了然 掌握棉袜店铺的布局方法 6.1.4任务实训及考核序号任务描述任务要求1对女装店铺6.1.4任务实训及考核序号任务描述分值（100分）说明1简述首页设计的要点2简述如何进行首页的视觉传达3掌握首页布局方法6.1.4任务实训及考核序号任务描述分值（100分）说明CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首淘宝网按尺寸大小将店招分为常规店招和通栏店招两类。常规店招为950×120像素，而通栏店招的尺寸多为1920×150像素。一般来说，常规店招的使用率相对较低，多采用通栏店招进行显示。下面先讲解确认店招风格、店招营销设计、店招的布局设计等知识，再对制作店招的方法进行介绍。本节导读淘宝网按尺寸大小将店招分为常规店招和通栏店招两类。常规店招为6.2.1确定店招风格店招的风格引导着店铺的风格，而店铺的风格很大程度上取决于店铺所经营的商品。一般而言，店铺应保证店招、商品、店铺风格的统一性。6.2.1确定店招风格店招的风格引导着店铺的风格，而店铺6.2.2店招的营销设计Logo促销商品收藏和关注优惠券6.2.2店招的营销设计Logo促销商品收藏和关注优惠券6.2.3店招的布局设计简洁布局：简洁布局比较强调品牌Logo和广告语，部分店铺还在其中添加了收藏链接等一些小控件，使店招功能更丰富。促销活动布局：在简洁布局的基础上添加促销信息或是活动商品，让店铺的优惠信息在店招中进行体现。但是需要注意，不要让店招中的信息过于杂乱，影响店铺的整体美观。互动布局：店招以互动信息为主，如关注、分享、会员、品牌故事等，有利于提高店铺与客户的互动性，加强客户对店铺的联系。左中右布局：左中右布局指将店招分为3个部分，分门别类地对商品和店铺信息进行展示。6.2.3店招的布局设计简洁布局：简洁布局比较强调品牌L12346.2.4店招的设计与制作12346.2.4店招的设计与制作6.2.4店招的设计与制作566.2.4店招的设计与制作566.2.5任务实训及考核序号任务描述任务要求1制作淑女装店招，要求店招中要包含店铺logo，并且风格与“淑女”一致 掌握淑女装店招的制作方法 2制作饮水机店铺店招，要求店招采用互动布局的方式进行制作，体现品牌 掌握饮水机店招的制作方法和店招的布局方式 6.2.5任务实训及考核序号任务描述任务要求1制作淑女装6.2.5任务实训及考核序号任务描述分值（100分）说明1简述确定店招风格的方法2简述店招营销设计3简述店招的布局设计4掌握店招的制作方法6.2.5任务实训及考核序号任务描述分值（100分）说明CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首海报是客户进入店铺首页时看到的最醒目的区域，利用好海报的设计效果不仅能给客户带来视觉上的美好感受，还能使客户第一时间了解店铺的活动和促销信息。本任务将先对海报布局技巧、设计要点、表现手法进行介绍，再对海报的设计与制作方法进行介绍。本节导读海报是客户进入店铺首页时看到的最醒目的区域，利用好海报的设计6.3.1海报的布局技巧元素排列有序，分主次留白不杂乱，细节作点缀6.3.1海报的布局技巧元素排列有序，留白不杂乱，6.3.2海报的设计要点构图配色主题6.3.2海报的设计要点构图配色主题6.3.3海报的表现手法直接展示法对比衬托法突出特征法6.3.3海报的表现手法直接展示法对比衬托法突出特征法6.3.4海报设计与制作126.3.4海报设计与制作126.3.4海报设计与制作36.3.4海报设计与制作36.3.5任务实训及考核序号任务描述任务要求1制作女鞋海报，要求在海报中体现商品的促销活动信息 掌握活动海报的制作方法 2制作女装海报，要求展现女装的时尚感，并突出“上新”的信息 掌握女装海报的制作方法 6.3.5任务实训及考核序号任务描述任务要求1制作女鞋海6.3.5任务实训及考核序号任务描述分值（100分）说明1简述海报布局的技巧2简述海报的设计要点3简述海报的表现手法4掌握海报的设计与制作方法6.3.5任务实训及考核序号任务描述分值（100分）说明CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首促销活动区主要由优惠券、分类模块和商品促销展示区3部分组成，在实际设计过程中可根据店铺的具体需要进行删减。本任务将先介绍优惠券的设计要点、分类区的设计要点、商品促销展示区的设计要点等知识，再依次对制作方法进行介绍。本节导读促销活动区主要由优惠券、分类模块和商品促销展示区3部分组成，6.4.1优惠券的设计要点优惠券的使用范围设计要点优惠券的使用条件优惠券的使用时间限制优惠券的使用张数限制优惠券的最终解释权6.4.1优惠券的设计要点优惠券的使用范围设计要点优惠券6.4.2分类区的设计要点若店铺已经有装修风格，商品分类模块的设计必须以该店铺的风格为基础。商品分类中，分类名称必不可少，可以是中文，也可以是英文。可以根据需要添加分类图标，便于客户查看。横向商品分类的图片宽度应控制在950像素以内，纵向商品分类的图片宽度不宜超过160像素，若超过该宽度，当显示器分辨率小于或等于1024×768像素时，将导致商品分类栏右边的商品列表下沉，从而影响店铺的美观。商品分类不宜太长，可根据商品分类添加子分类，便于客户浏览。6.4.2分类区的设计要点若店铺已经有装修风格，商品分类6.4.3商品促销展示区的设计要点商品促销展示区中每一个商品的名称定义要全面、准确，不能过于复杂或是过于简单，以能体现商品名字和特点的名称为最佳。可在搜索栏中检索搜索的难易程度，然后及时修正。商品促销展示区中的每一个单品都是吸引客户点击的重要图片，除了选择店铺中最漂亮的商品外，还可选择临近下架时间的商品，因为紧临下架时间的商品会获得淘宝的优先展示机会，有一定的几率让客户优先查看。但要注意，若商品下架应及时进行处理，避免出现空位。在设计过程中要保留商品拍摄中的真实性，并且商品要足够，因为要有足够多的商品数量来支持上架和推荐，同时也更便于模块设计。6.4.3商品促销展示区的设计要点商品促销展示区中每一个6.4.4促销活动区的设计与制作1.制作优惠券13246.4.4促销活动区的设计与制作1.制作优惠券13246.4.4促销活动区的设计与制作1.制作优惠券566.4.4促销活动区的设计与制作1.制作优惠券566.4.4促销活动区的设计与制作2.制作分类区13246.4.4促销活动区的设计与制作2.制作分类区13246.4.4促销活动区的设计与制作2.制作分类区566.4.4促销活动区的设计与制作2.制作分类区566.4.4促销活动区的设计与制作3.制作商品促销展示区1236.4.4促销活动区的设计与制作3.制作商品促销展示区6.4.4促销活动区的设计与制作3.制作商品促销展示区4566.4.4促销活动区的设计与制作3.制作商品促销展示区6.4.4促销活动区的设计与制作3.制作商品促销展示区786.4.4促销活动区的设计与制作3.制作商品促销展示区6.4.5任务实训及考核序号任务描述任务要求1制作女鞋店铺的优惠券，要求优惠信息符合鞋子的定价金额掌握优惠券的制作方法2制作女鞋店铺的分类栏，要求根据鞋子的类型进行分类，并且采用的素材要包含试穿效果掌握分类栏的制作方法3制作女鞋店铺的商品促销展示区，要求根据新品和爆款进行分类展示掌握促销活动区的制作方法6.4.5任务实训及考核序号任务描述任务要求1制作女鞋店6.4.5任务实训及考核序号任务描述分值（100分）说明1简述优惠券的设计要点2简述分类区的设计要点3简述促销活动区的设计要点4掌握促销活动区的设计与制作方法6.4.5任务实训及考核序号任务描述分值（100分）说明（1）本练习将制作洗衣机店铺的海报，洗衣机店铺的商品海报应该展示不同洗衣机的性能，通过性价比吸引客户。在制作时为了体现简约性和实用性，不用添加过多的装饰。实战与提升（1）本练习将制作洗衣机店铺的海报，洗衣机店铺的商品海报应该（2）本练习将制作婚纱店铺的首页，要求制作的婚纱首页能够体现穿婚纱的幸福感和婚纱样式的美观度，在设计时通过文字和图片的合理搭配让客户耳目一新。实战与提升（2）本练习将制作婚纱店铺的首页，要求制作的婚纱首页能够体现祝：学有所成！视觉营销从入门到精通祝：学有所成！视觉营销从入门到精通店铺首页视觉营销设计视觉营销从入门到精通第6章店铺首页视觉营销设计视觉营销从入门到精通第6章CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首首页展示如同实体店铺中的陈列展示效果，都是通过视觉效果、氛围和服务，来达到营销目的，使客户对店铺有直观的了解。本任务将先讲解首页设计要点、首页的视觉传达，再对首页布局的方法进行介绍。本节导读首页展示如同实体店铺中的陈列展示效果，都是通过视觉效果、氛围6.1.1首页设计要点店招的设计凸显重要信息导航条设计彰显店铺个性店铺轮播海报设计展示最新信息商品陈列展示区多角度突显商品信息尾页与店招承上启下6.1.1首页设计要点店招的设计导航条设计店铺轮播海商品6.1.2首页的视觉传达首页视觉效果的好坏直接影响店铺的流量和成交量。在店铺首页中，主要通过商品图片的堆积转达视觉效果。该堆积可以是多个商品整齐的陈列展示，也可以是单个商品的海报展示，通过整合性的罗列，体现店铺的视觉展现感。或是在首页中使用模特展现商品，将模特、商品和文字相结合，展现商品的实际使用效果，并通过合理的视觉设计提升店铺整体的美观度。良好的首页设计可将视觉效果很好地传达给客户，从而促成购买。6.1.2首页的视觉传达首页视觉效果的好坏直接影响店铺的6.1.3首页布局首页的第一屏：店铺首页的第一屏是点击率最高的区域之一，该区域是客户来到店铺后的视觉中点，如果该区域设计得不够出色，那么客户就会失去继续浏览下去的动力。首页下半部分整洁统一，要有层次感：无论是淘宝还是其他网店的系统模块，在布局方式上都是按照相同的展现方式进行统一布局。学会做活动页：首页第一屏作为视觉要点，是整个首页的重要区域。6.1.3首页布局首页的第一屏：店铺首页的第一屏是点击率

6.1.3首页布局店铺风格一定程度上影响着店铺的布局方式，因此选择合适的店铺风格是店铺布局的前提。店铺的活动和优惠信息要放在重要位置，如轮播海报图或活动导航。这些图片中的内容设计要清晰、一目了然，并且可读性要强。在商品推荐模块中推荐的爆款或新款不宜过多，其他商品可通过商品分类或商品搜索将客户流量引至相应的分类页面中。收藏、关注和客服等互动性版面是卖家与客户互动的销售利器，这些版面可以提升客户忠诚度，提高二次购买率，因此是必不可少的。使用搜索或商品分类时，需要将商品分门别类，详细地列举出商品类目，这样有助于客户搜索，方便他们快速找到喜欢的类目及商品。结构和商品系列要清晰明了，布局要错落有致，可以使用列表式和图文搭配，降低客户的视觉疲劳。6.1.3首页布局店铺风格一定程度上影响着店铺的布局方6.1.4任务实训及考核序号任务描述任务要求1对女装店铺首页进行店铺规划，并根据规划后的效果总结布局方案 掌握首页布局的方法 2对棉袜店铺首页进行布局，让店铺中的商品一目了然 掌握棉袜店铺的布局方法 6.1.4任务实训及考核序号任务描述任务要求1对女装店铺6.1.4任务实训及考核序号任务描述分值（100分）说明1简述首页设计的要点2简述如何进行首页的视觉传达3掌握首页布局方法6.1.4任务实训及考核序号任务描述分值（100分）说明CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首淘宝网按尺寸大小将店招分为常规店招和通栏店招两类。常规店招为950×120像素，而通栏店招的尺寸多为1920×150像素。一般来说，常规店招的使用率相对较低，多采用通栏店招进行显示。下面先讲解确认店招风格、店招营销设计、店招的布局设计等知识，再对制作店招的方法进行介绍。本节导读淘宝网按尺寸大小将店招分为常规店招和通栏店招两类。常规店招为6.2.1确定店招风格店招的风格引导着店铺的风格，而店铺的风格很大程度上取决于店铺所经营的商品。一般而言，店铺应保证店招、商品、店铺风格的统一性。6.2.1确定店招风格店招的风格引导着店铺的风格，而店铺6.2.2店招的营销设计Logo促销商品收藏和关注优惠券6.2.2店招的营销设计Logo促销商品收藏和关注优惠券6.2.3店招的布局设计简洁布局：简洁布局比较强调品牌Logo和广告语，部分店铺还在其中添加了收藏链接等一些小控件，使店招功能更丰富。促销活动布局：在简洁布局的基础上添加促销信息或是活动商品，让店铺的优惠信息在店招中进行体现。但是需要注意，不要让店招中的信息过于杂乱，影响店铺的整体美观。互动布局：店招以互动信息为主，如关注、分享、会员、品牌故事等，有利于提高店铺与客户的互动性，加强客户对店铺的联系。左中右布局：左中右布局指将店招分为3个部分，分门别类地对商品和店铺信息进行展示。6.2.3店招的布局设计简洁布局：简洁布局比较强调品牌L12346.2.4店招的设计与制作12346.2.4店招的设计与制作6.2.4店招的设计与制作566.2.4店招的设计与制作566.2.5任务实训及考核序号任务描述任务要求1制作淑女装店招，要求店招中要包含店铺logo，并且风格与“淑女”一致 掌握淑女装店招的制作方法 2制作饮水机店铺店招，要求店招采用互动布局的方式进行制作，体现品牌 掌握饮水机店招的制作方法和店招的布局方式 6.2.5任务实训及考核序号任务描述任务要求1制作淑女装6.2.5任务实训及考核序号任务描述分值（100分）说明1简述确定店招风格的方法2简述店招营销设计3简述店招的布局设计4掌握店招的制作方法6.2.5任务实训及考核序号任务描述分值（100分）说明CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首海报是客户进入店铺首页时看到的最醒目的区域，利用好海报的设计效果不仅能给客户带来视觉上的美好感受，还能使客户第一时间了解店铺的活动和促销信息。本任务将先对海报布局技巧、设计要点、表现手法进行介绍，再对海报的设计与制作方法进行介绍。本节导读海报是客户进入店铺首页时看到的最醒目的区域，利用好海报的设计6.3.1海报的布局技巧元素排列有序，分主次留白不杂乱，细节作点缀6.3.1海报的布局技巧元素排列有序，留白不杂乱，6.3.2海报的设计要点构图配色主题6.3.2海报的设计要点构图配色主题6.3.3海报的表现手法直接展示法对比衬托法突出特征法6.3.3海报的表现手法直接展示法对比衬托法突出特征法6.3.4海报设计与制作126.3.4海报设计与制作126.3.4海报设计与制作36.3.4海报设计与制作36.3.5任务实训及考核序号任务描述任务要求1制作女鞋海报，要求在海报中体现商品的促销活动信息 掌握活动海报的制作方法 2制作女装海报，要求展现女装的时尚感，并突出“上新”的信息 掌握女装海报的制作方法 6.3.5任务实训及考核序号任务描述任务要求1制作女鞋海6.3.5任务实训及考核序号任务描述分值（100分）说明1简述海报布局的技巧2简述海报的设计要点3简述海报的表现手法4掌握海报的设计与制作方法6.3.5任务实训及考核序号任务描述分值（100分）说明CONTENTS目录认识店铺首页6.1店招视觉营销设计首页海报视觉营销设计促销活动区视觉营销设计6.26.36.4CONTENTS目录认识店铺首页6.1店招视觉营销设计首促销活动区主要由优惠券、分类模块和商品促销展示区3部分组成，在实际设计过程中可根据店铺的具体需要进行删减。本任务将先介绍优惠券的设计要点、分类区的设计要点、商品促销展示区的设计要点等知识，再依次对制作方法进行介绍。本节导读促销活动区主要由优惠券、分类模块和商品促销展示区3部分组成，6.4.1优惠券的设计要点优惠券的使用范围设计要点优惠券的使用条件优惠券的使用时间限制优惠券的使用张数限制优惠券的最终解释权6.4.1优惠券的设计要点优惠券的使用范围设计要点优惠券6.4.2分类区的设计要点若店铺已经有装修风格，商品分类模块的设计必须以该店铺的风格为基础。商品分类中，分类名称必不可少，可以是中文，也可以是英文。可以根据需要添加分类图标，便于客户查看。横向商品分类的图片宽度应控制在950像素以内，纵向商品分类的图片宽度不宜超过160像素，若超过该宽度，当显示器分辨率小于或等于1024×768像素时，将导致商品分类栏右边的商品列表下沉，从而影响店铺的美观。商品分类不宜太长，可根据商品分类添加子分类，便于客户浏览。6.4.2分类区的设计要点若店铺已经有装修风格，商品分类6.4.3商品促销展示区的设计要点商品促销展示区中每一个商品的名称定义要全面、准确，不能过于复杂或是过于简单，以能体现商品名字和特点的名称为最佳。可在搜索栏中检索搜索的难易程度，然后及时修正。商品促销展示区中的每一个单品都是吸引客户点击的重要图片，除了选择店铺中最漂亮的商品外，还可选择临近下架时间的商品，因为紧临下架时间的商品会获得淘宝的优先展示机会，有一定的几率让客户优先查看。但要注意，若商品下架应及时进行处理，避免出现空位。在设计过程中要保留商品拍摄中的真实性，并且商品要足够，因为要有足够多的商品数量来支持上架和推荐，同时也更便于模块设计。6.4.3商品促销展示区的设计要点商品促销展示区中