2.1 网店首页设计要点(课件）-《网店视觉营销》同步教学（高教版）

第2章 网店首页视觉营销设计 2.1 2.2 2.3 导航条觉营销设计 2.4 轮播图/海报视觉营销设计 目录 店招视觉营销设计 网店首页设计要点 2.5 促销活动区视觉营销设计 2.6 2.7 2.8 网店页尾模块视觉营销设计 店铺收藏区视觉营销设计 商品陈列展示区视觉营销设计 2.9 本章综合实训 案例导入 米兰服装网店首页设计 米兰服装成立于2010年，隶属于广州市远大服饰有限公司，是集研发、设计、生产、销售于一体的现代化时尚女装公司。公司创建以来，本着“高效协作、卓越品质”的经营理念，拥有一流的管理团队、一流的产品研发团队、高效的营销团队，恒久不辍的为追求时尚、品质生活女性打造完美的生活方式。米兰服装店主要销售自主品牌“米兰”服饰。在线下有实体专卖店。服装的风格属于成熟、职业女装。 案例导入 案例思考： 根据米兰服装的定位，你认为该品牌的网店首页应该选择什么样的风格？应该选择什么样的色调？ 2.1 网店首页设计要点 5 2.1网页首页设计要点 ——2.1.1 首页展示方式 首页是店铺的门面，优秀的首页可以展示品牌定位、店铺形象，进行商品推荐及具备良好的导购功能。规划合理的布局能使首页形成一定的视觉引导效果，带领消费者浏览更多的商品，从而增加消费者下单的可能性。 首页一般由以下功能模块组成：店招、导航栏、轮播图/海报、商品陈列、促销活动区、店铺收藏等。 2.1.1 首页展示方式 这些主要模块的功能如下： （1）店招：位于店铺首页顶端，传达店铺重要信息。店招展示店铺名称、品牌Logo、品牌口号、店铺在行业中的地位等。店招中也可加入店铺收藏、特别推荐的商品或活动。 （2）导航栏：展示店铺内的产品分类，便于用户快速找到想购买的产品。 （3）轮播图/海报：在首页中占据最重要的位置。用于展示品牌的广告、主打产品、促销产品及促销活动等。 （4）商品陈列区：陈列店铺中的部分商品。 （5）促销活动区：展示店铺的进行的促销活动，包括促销产品列表，促销活动海报或产品海报、优惠券等。 （6）店铺收藏：收藏店铺，方便顾客以后可以直接访问店铺。 2.1.1 首页展示方式 这些功能模块不一定都要出现在首页上，也没有绝对的排放顺序。设计首页时，可以根据产品不同、营销战略或营销活动的变化，对以上模块进行排列组合。 2.1.2 配色与视觉信息传递 1.首页的配色 （1）要先确定店铺的主色调。 童装店首页，颜色活泼鲜艳 男装店首页，颜色深沉稳重 2.1.2 配色与视觉信息传递 （2）配色的黄金法则 主要颜色不超过3种。3种主要颜色分主色彩、次要色彩和辅助色彩，三种颜色的比例为6：3：1。 主色彩为绿色，次要色彩为黑色，辅助色彩为红色。 2.1.2 配色与视觉信息传递 （3）巧用产品自身的配色。 配色时，可以利用商品包装上的颜色作为主色调，再选择其他颜色进行配色。 2.1.2 配色与视觉信息传递 2.视觉信息传递 首页是用户接触店铺见到的第一个页面，所以首页必须能够传达足够的信息，让顾客了解店铺、信任店铺、喜欢店铺。 通过视觉，首页需要传达的信息有： 店铺卖的什么商品、店铺商品的档次。 店铺主推的产品。 店铺有什么促销活动。 店铺里销量最高的产品。 思政点滴 视觉设计除了在视觉上给人一种美的享受，更重要的是向浏览者传达一种信息，一种理念。因此在视觉设计中，不单单注重表面视觉上的美观，而应该考虑信息的传达。传达出的信息要阳光、积极、充满正能量。 2.1.3 品牌型和营销型视觉 店铺选择的营销策略不同，视觉上要做不同的设计。 1.品牌型视觉 品牌型视觉是以突出品牌优势，塑造品牌格调为诉求，表现出店铺产品区别于同类产品的差异，从而达到推广品牌，提升品牌知名度的目的。 在设计品牌型视觉首页时，就要突出产品在设计上、生产工艺上、服务上具备的优势，弱化对价格的敏感度。这种类型适合具有一定品牌知名度的店铺采用。 2.1.3 品牌型和营销型视觉 在做品牌型首页时，通过以下几种方式可以凸显品牌： （1）增加品牌元素呈现机会 （2）轮播图突出品牌宣传 品牌型视觉首页要简约、大气，避免过于花哨。 对商品图片的处理要注意细节，体现出商品的质感。 2.1.3 品牌型和营销型视觉 2.营销型视觉 营销型视觉的主要目的是突出营销功能。以促进客户成交为导向，利用轮播海报、促销活动区、产品陈列技巧，大力展现出本店铺的促销活动，商品的价格优势，商品的热卖气氛，从而促使成交。 2.1.4 首页布局原则 1.首页布局“一屏论” 在设计首页时，一定要把想传达的重要信息、重要的促销活动放在第一屏上。这就