任务3
轮播图片设计基础与要求

轮播图片一般用于展示网店活动与促销信息，是网店中吸引眼球的部分之一，具有增加网店人气、促进销售的特点。高质量的轮播图片设计可加深消费者对网店的印象，提升网店销量。

2.3.1 轮播图片设计要求

为了提高轮播图片设计的准确性、规范性和效率，进行轮播图片设计前，网店美工需要向需求方确定轮播图片的文案信息、素材、尺寸大小、投放平台、设计目的，便于确定轮播图片风格。如本书后续案例中会要求根据素材和商品信息制作PC端、移动端两个端口的轮播图片，PC端轮播图片尺寸为950像素×250像素，移动端轮播图片尺寸为1200像素×600像素，且图片大小须在3MB 以内，其格式支持JPG、JPEG、PNG等。

2.3.2 轮播图片设计要点

要想轮播图片具有美观、吸引消费者注意力的效果，网店美工就要综合考虑每张轮播图片的主题、字体、配色和排版等设计要点。

1.主题

无论是新品上市还是活动促销，轮播图片中的内容都需要围绕同一个主题，并确定对应的轮播图片效果。一般情况下，网店美工可通过商品和文字描述来体现轮播图片主题，并将商品放在轮播图片的第一视觉点，让消费者第一眼就看到商品，然后根据商品和活动的特征选择合适的背景。

图2-6所示为键盘轮播图片，上方为不同颜色的键盘展示，下方通过文字体现轮播图片的主题，不但视觉效果美观，而且主题明确。

2.字体

在编辑文案时，文案的字体不要超过3种，建议用稍大或个性化的字体突出主题和商品的特征。图2-7所示的苏泊尔电饭煲轮播图片采用了同一种字体，使画面统一，并采用了醒目的颜色展现促销信息，识别性强。

3.配色

网店美工在为轮播图片配色时，需要用突出、醒目的颜色强调重要的文字信息，通过明暗对比以及不同颜色的搭配来确定对应的风格，应使背景颜色统一，但不要使用太多的颜色，以免使画面显得杂乱。图2-8所示的服装轮播图片采用互补色搭配方式，使整个背景对比强烈，增强了轮播图片的可识别性。

4.排版

排版是指对文字、图片、图形等可视化元素进行位置、大小、外观的调整，使之达到美观的视觉效果。在排版轮播图片的过程中，常用到以下排版原则。

相关内容对齐、聚拢。 将轮播图片内容分成几个区域，相关内容都聚集到同一个区域中。相关内容要对齐，这样不仅美观，而且方便消费者浏览。

适当留白。 为了突出重点内容并保持版面的美观，轮播图片内容不宜过多，版面内容不宜排列得太紧凑，需要留出一定的空白，否则容易扰乱消费者视线，或产生压迫感。图2-9所示的风扇轮播图片将主要内容集中到图片中央，其他区域则留白，使消费者视线集中到图片中的商品主体上。

保持画面的和谐统一。 元素与元素之间、元素与整体之间是一种协调的关系，如元素的大小、元素的颜色、元素与整体的风格应协调，避免出现突兀的视觉元素。图2-10所示的鸡蛋轮播图片中，文字、背景和商品采用基本相同的色调，使三者之间和谐统一。

使用对比突出原则。 轮播图片对比包括颜色对比、文字大小对比、形状对比等。对比可以增大不同元素的视觉差异，既能突出视觉重点，又能增加轮播图片的活泼性和丰富性，使画面不再呆板、沉寂。

把握节奏韵律。 轮播图片中的一种或多种元素按一定的规律排列，会产生音乐一般的韵律感。

把握画面的平衡性。 画面的平衡性，即轮播图片元素与元素之间、元素与整体之间的大小、形状、数量、色彩、材质等的分布与视觉上的平衡。图2-11所示的鲜橙轮播图片在两侧使用文字保持画面的平衡性。