同步实训——鉴赏网店首页的视觉设计

实训要求

各大电商平台中有不计其数的网店，每个能够屹立不倒的网店都有独到之处。对优秀的网店视觉设计与风格进行分析和学习，能够更好地提升自己的网店视觉设计与制作能力。本实训将对淘宝网某家用电器类网店的视觉设计进行鉴赏，分析其构图、布局、配色和文字设计等方面的内容。

图1-37所示为“美的空调旗舰店”网店首页，该页面采用了夏日清凉的色调和促销氛围，明确写出了网店的经营范围、主要商品及优惠活动，图文并茂、色彩丰富，整个页面清新自然，可使消费者产生继续浏览的欲望。

图1-37

实训提示

●步骤01　通过观察，该网店首页的整体配色以蓝色为主色、白色为辅助色，整体视觉效果十分清爽，符合空调的凉爽之感；红色的点缀色很好地凸显了促销信息，能够吸引消费者视线。这种配色充分体现了该网店的核心卖点之一——“清凉计划”。

●步骤02　首页页头的下方紧跟分类导航，便于消费者进行浏览和选择。不同于页头的白色背景，分类导航采用了蓝色背景、白色文字，这两种颜色的对比度较高，清晰地呈现了网店的商品类别，看起来既清楚又专业。

●步骤03　分类导航下方是网店促销海报，该海报采用了疏密相间构图，文字和商品图片集中在画面中央，周围散布着促销装饰元素、品牌Logo等。该海报以蓝色为主色，在蓝色的明度和纯度上进行了一系列变化，整张海报的配色丰富且协调。该海报的标题采用了艺术体，将文字的笔画涂抹变形，并通过合理的文字布局有效区分了信息层级。

●步骤04　网店促销海报的下方依次放置了“抢全店惊喜福利”“热销榜单”“年度精选”“无风感”“高端上新”“客厅精选”“除湿器”“移动空调”8个板块，这些板块使用的是居中对齐式布局。每个板块内部均采用了模块式布局，模块大小不一，富有层次感。

●步骤05　该首页中的商品图片主要采用了横向构图、竖向构图和对角线构图，合理利用构图的特点全面地展示了横向、竖向的家用电器，以及家居场景。这些商品以白色为主，商品背景色多为中饱和度的色彩，与首页整体色彩的搭配十分协调，营造出温馨、舒适的居家氛围，充分体现了另一个核心卖点——“智慧家”。

●步骤06　首页最下方为页尾，在图标和文字设计方面保留了蓝色调，通过白色和浅灰色背景明确了板块位置，整体视觉效果相较于上方较暗，展现了正品保障、安装服务、售后保障等重要内容，并再次强调了“智慧生活”的品牌理念，体现了该品牌低调、有内涵的特点。