1.6版 式 设 计(课件）-《电商视觉营销》同步教学（西南财经大学出版社）

视觉营销概述 项目一 1 01 认识视觉营销 03 色彩基础知识 02 视觉营销平面构成 目录 CATALOG 04 字体设计 05 版式设计 2 思政课堂 某网店在国庆节期间做促销活动，设计者在店铺首页使用了某国家领导人的照片作为宣传元素。请思考：这种做法是否合法合规？ 为什么？如果换成网红明星或普通人的照片是否合适？为什么？ 你对电商视觉营销行业规则有怎样的理解？入职本行业的人员应该树立怎样的法治观念？请将你的想法写在下面。 3 视觉营销可以理解为市场营销范畴内一种通过视觉传达、交互设计、用户体验等提升销售业绩、完善营销目标的综合行为。 而要实现视觉营销就必须利用色彩、图像、文字表达等形式充分展现品牌或商品，从而吸引消费者，提升消费者对品牌和产品的认可度与购买力。 项目导读 该行为的核心是商品，依据是企业的品牌理念。 提示 01 掌握视觉营销的概念。 02 理解视觉营销的特点和实施原则。 学习目标 03 掌握平面构成的形态要素和基本形的组合形式。 04 掌握色彩基础知识。 05 能够进行字体的处理和运用。 06 掌握版式设计的基本原则和类别。 05 版 式 设 计 一、版式设计的基本原则 二、版式设计的类别 6 1. 主题鲜明突出 2. 形式与内容统一 3. 强化整体布局 一、版式设计的基本原则 7 二、版式设计的类别 骨骼型版式设计是一种规范的、理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏、四栏等，一般以竖向分栏为多。如图所示。 1. 骨骼型版式 8 二、版式设计的类别 满版型版式给人以大方、舒展的感觉，是商品广告常用的形式，如图所示。 2. 满版型版式 9 二、版式设计的类别 把整个版面分为上、下两部分，一部分配置图片，另一部分配置文字。配置的图片可以是一幅或多幅，如图所示。 3. 上下分割型版式 10 二、版式设计的类别 左右分割的视觉流程不如上下分割自然。但是，若将分割线虚化处理，或者用文字进行左右重复或穿插，则左右图文会变得自然和谐，如图所示。 4. 左右分割型版式 11 二、版式设计的类别 将图片做水平或垂直方向的排列，文字以上下或左右配置。水平排列的版面给人以稳定、安静、和平和含蓄之感，如图所示。 5. 中轴型版式 12 二、版式设计的类别 将图片和文字在版面结构上做曲线编排，会产生节奏感和韵律感，如图所示。 6. 曲线型版式 13 二、版式设计的类别 将版面主体形象或多幅图片做倾斜编排，可造成版面具有强烈的动感和不稳定因素，引人注目，如图所示。 7. 倾斜型版式 14 二、版式设计的类别 对称型版式给人稳定、庄重、理性的感觉。对称有绝对对称和相对对称。设计中一般多采用相对对称，以避免过于严谨，如图所示。 8. 对称型版式 15 二、版式设计的类别 重心型版式会产生视觉焦点，使其强烈而突出，如图所示。 9. 重心型版式 16 二、版式设计的类别 在圆形、四边形、三角形等基本形态中，圆形和倒三角形给人以动感与不稳定感，正三角形（金字塔形）是最具有安全稳定因素的形态，如图所示。 10. 三角形版式 17 二、版式设计的类别 将相同或不同的图片做大小相同而位置不同的重复排列，并置构成的版面有比较、说解的意味，给予原本复杂喧嚣的版面以次序、安静、调和与节奏感，如图所示。 11. 并置型版式 18 二、版式设计的类别 自由型版式是各种元素无规律的、随意的编排组合，有活泼、轻快之感，如图 所示。 12. 自由型版式 19 课后实训 登录京东、天猫、苏宁易购等电子商务网站，尝试找到表中所列版式的场景图并截图。实训活页电子表格可从配套慕课网站上下载。 20 续表 21 $$