《电子商务视觉设计》PPT课件(共11章)第10章手机移动端微店视觉设计-.pptxVIP

无论是淘宝还是微店，店铺视觉设计是否能够吸引消费者的眼球、是否能够突出自己商品的特色都是至关重要的。在微店中，页面位置有限，要想让消费者对微店和商品有更全面的了解，就必须对微店页面进行规划、布局与设计。本章主要从微店首页、商品详情页与底部导航的优化设计等方面来对微店视觉设计进行深入介绍。 手机移动端微店视觉设计 第10章 目录 CONTENTS 10.1.1 首页的框架设计 微店首页主要由店铺招牌、微店公告、焦点大图、商品分类与商品展示五部分构成。 10.1.1 首页的框架设计 微店首页主要由店铺招牌、微店公告、焦点大图、商品分类与商品展示五部分构成。 10.1.1 首页的框架设计 微店首页主要由店铺招牌、微店公告、焦点大图、商品分类与商品展示五部分构成。 10.1.1 首页的框架设计 微店首页主要由店铺招牌、微店公告、焦点大图、商品分类与商品展示五部分构成。 10.1.2 清晰而准确的设计思路 微店首页的核心是模块化，官方对页面板块的数量也是有限制的，因此卖家要利用有限的板块创造更多的价值。 一般微店首页是由店招、海报、分类入口、优惠券和单品展示等部分组成的。 10.1.3 遵守设计学的“七秒定律” 在设计学中有一条“七秒定律”，据专业机构研究发现，人关注一个商品的时间通常为七秒，而这七秒内影响 70% 的人购买的第一要素是色彩。 同一板块内不要超过 3 种颜色，这 3 种颜色可以看作是主色、辅助色与点缀色。 卖家在设计首页时可以多使用万能搭配色，如黑、白、灰等颜色。 背景色尽量以浅色调为主。 10.1.4 注重细节设计 卖家在设计微店首页时，还要注重细节上的设计，比如： 在首页上可以选取半身图或局部特写图。 可以适当穿插一些全景图，有意识地调整页面的节奏，使整个页面更加和谐、活泼。 在页面面积较小的情况下，图文搭配的巧妙排列能让页面看起来更大，还能避免因为“乱”和“杂”而产生的廉价感。 10.2.1 商品主图的设计 基本尺寸要求是 640 像素 ×640 像素。在设计商品主图时，图片要清晰，主题与背景要主次分明，图片中的文字大小要适中、简洁明了、突出卖点，这样商品主图才会更加美观、更能吸引消费者。 10.2.2 商品描述图的设计 商品描述图包括商品图片和商品描述。 商品描述图应与商品主图、商品标题相契合，能够真实地介绍商品的属性。 商品描述图的宽度是 640 像素，高度不限。店主通常会使用标题栏的表现形式对页面中的信息内容进行分组。 在进行商品描述时，文字内容要尽量简短，突出商品的优点、特点和卖点。商品描述要有逻辑性，并且要真实反映商品的基本信息。 店主在整个商品详情页面的布局中要注意一个关键点，那就是阐述逻辑。 店主在设计图文详情时，要多图少文。图要美观，文字描述要与图片相契合。 10.3.1 首页设计布局规划 10.3.2 主色调：高纯度暖色调 本案例主要使用不同明度的辅色和橘黄暖色调。商品中的配色大部分都为暖色调。 10.3.3 案例配色扩展 10.3.3 案例配色扩展 10.3.4 案例设计流程 10.4.1 制作微店店招 10.4.2 制作首页导航 10.4.3 制作促销广告 10.4.4 制作特价专区 1．简述如何进行微店首页的优化设计。 2．找出两家优质微店并分析它们在首页设计上的共性。 3．利用提供的素材文件制作微店直播美妆海报，效果如下图所示。