电商视觉设计课件 第6章 活动专题页设计.pptxVIP

第6章

活动专题页设计;了解活动专题页的基本类型

熟悉活动专题页的表现形式

熟悉活动专题页的页面设计

;熟悉平台活动专题页的设计思路

掌握平台活动专题页的制作方法

熟悉店铺活动专题页的设计思路

掌握店铺活动专题页的制作方法

;培养良好的活动专题页设计的操作习惯

培养对活动专题页的审美鉴赏能力

培养对活动专题页的设计创意能力;6.1活动专题页的基本类型;6.1活动专题页的基本类型;6.2活动专题页的表现形式;矩形排列，即用矩形的形式将活动专题页的内容按照一定规则进行排列。这种表现形式能够清晰地展示商品和活动信息，令画面整齐舒适。根据不同的设计风格，矩形排列又可以细分为扁平化矩形和拟物化矩形。扁平化矩形是将矩形刻画成轻量化的视觉元素，从而更好地凸显商品和活动信息。拟物化矩形则是将矩形刻画成立体感的视觉元素，使其成为画面亮点，让画面颇具美感。;场景展示，即用场景化的形式呈现活动专题的内容。这种表现形式能够突出活动主题，使活动信息和商品巧妙地融入场景之内，极具连贯性与创意性。;6.3活动专题页的设计要点;6.3.1商品陈列;6.3.1商品陈列;1．版块分隔

版块分隔即对活动专题页中不同的主题专区进行区分，常见的专区有活动促销区和商品陈列区。版块分隔的设计通常有分隔栏、颜色和表现形式三种。;2．模块分隔

模块分隔即对活动专题页同一版块中的不同模块进行区分，从而保证每个模块都是一个相对独立的视觉单元。根据表现形式的不同，模块分隔有矩形分隔和场景分隔两种。;6.4PC端活动专题页的页面设计;PC端活动专题页的设计尺寸可以参考第7章PC端店铺首页设计的尺寸进行设置。通常将宽度设置为1920像素，重要的活动和商品信息建议设置在1200像素以内；高度不限，可以根据店铺不同需要而变化。;活动专题页通常由Banner、活动促销区以及商品陈列区组成。参考1.5.3节中栅格系统确立好活动专题页的栅格，根据主流电商视觉设计活动专题页的版块尺寸，可以总结出紧凑型和宽松型等7种版块。紧凑型版块排列紧凑、占屏较小，适合展示文字较少或版面紧张的内容，宽松型版块排列宽松、占??较大，适合展示文字较多或需要着重呈现的内容。;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“直线”工具、“椭圆”工具和“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果，使用“创建剪贴蒙版”命令调整图片显示区域。;6.5?手机端活动专题页的页面设计;手机端活动专题页的设计尺寸可以参考手机端电商平台和店铺首页设计的尺寸进行设置。通常将电商平台专题页的宽度设置为750像素，店铺专题页的宽度设置为1200像素，两侧的边距一般有20像素、24像素、30像素、32像素、40像素及50像素，建议采用30像素以上的边距；高度不限，可以根据店铺不同需要而变化。;手机端活动专题页与PC端活动专题页一样，由Banner、活动促销区以及商品陈列区组成。参考1.5.3节栅格系统确立好活动专题页的栅格，根据主流电商视觉设计活动专题页的版块尺寸，同样可总结出紧凑型和宽松型等7种版块，读者根据不同呈现内容进行同类型的组合使用。;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“矩形”工具、“直线”工具、“椭圆”工具和“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果，使用“创建剪贴蒙版”命令调整图片显示区域。;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果。;使用“新建参考线版面”命令建立参考线，使用“置入嵌入对象”命令置入图片，使用“横排文字”工具添加文字，使用“圆角矩形”工具绘制基本形状，使用“添加图层样式”命令为图形添加效果。