2.4善用点线面，让营销更加灵活多变（课件）《电商视觉营销设计》（上海交通大学出版社）

第二章 浅析电商视觉营销设计基础 电商视觉营销设计 1 善用点线面，让营销更加灵活多变 04 点线面是视觉营销设计的基础，在电商视觉营销设计中，恰当地使用这些元素，不仅能增强页面信息传达的舒适性，还能丰富页面的表现形式，给消费者留下深刻的视觉印象。 2 2.4.1 点的张力 点元素是一种具有大小和形状的构成元素，是视觉营销设计中最小的单位。在电商视觉营销设计中，一个文字、一个按钮等均可以视为一个点。 虽然点元素在视觉表现中的级别最低，但是通过对其进行巧妙的设计，可以使其在视觉呈现中“脱颖而出”，营造不一样的视觉美感。 扫一扫 如何更好地 运用点元素 点击此处播放微课 3 2.4.1 点的张力 例如，在视觉营销设计时通过为个别文字和按钮添加区别于其他文字和按钮的特定颜色，可以使其成为吸引消费者目光的焦点区域。 点元素在平板电脑海报中的应用 2.4.2 线的自如 点的移动轨迹形成了线。线元素是一种具有长度、宽度和面积的构成元素。 它在电商视觉营销设计中有多种不同的表现形式，如粗细、虚实、曲直等，不同的表现形式对画面效果的作用不同，如粗线可以使被其装饰的文案突显出来，曲线可以增加画面的柔美度和流动性，但都可以起到丰富画面效果的作用。 线元素在视觉表现中的级别稍高于点元素，对线元素本身具有的延伸性加以设计，可以使其成为消费者的视觉引导线，使消费者的目光聚集到主体上。 2.4.2 线的自如 例如，在背景中加入直线，可以增加画面的方向感和动感，不仅如此，将两条直线交叉摆放，可以将消费者的目光引导至交叉点，此时将主体放在交叉点上，就可以将消费者目光引导至主体上。 线元素在服装海报中的应用 2.4.3 面的整体感 线的移动轨迹形成了面，当然也可以将面视为放大后的点，因此面元素是一种具有长度、宽度、面积和形状的构成元素。 面元素在视觉表现中的级别最高，但不如点元素和线元素更加灵活多变。 在电商视觉营销设计中，通过对面元素面积大小、层叠关系等的设计，可以增强页面的表现力。 2.4.3 面的整体感 例如，将同一色相、不同明度的面进行合理安排，可以增强画面的空间感，使其更具表现力。 面元素在口红详情页中的应用 打造最佳构图，让营销更有感染力 05 优秀的视觉营销设计离不开高质量的构图设计，构图做得好，画面的协调性、平衡性、视觉流畅感都会随之提高。 9 2.5.1 八种常见的构图方式 构图就是处理画面中文字、图片、图形等元素之间的关系，使之构成一个协调、完整的画面。下面介绍几种电商视觉营销设计中常用的构图方式。 2.5.1 八种常见的构图方式 1. 水平线构图 1.水平线构图：将重要元素安排在画面水平线上的构图方式。采用水平线构图的画面能表现出稳定、平和、安静的气氛。 2.5.1 八种常见的构图方式 2. 垂直线构图 2.垂直线构图：将重要元素安排在画面垂直线上的构图方式。采用垂直线构图的画面给人高耸、挺拔的感觉。 2.5.1 八种常见的构图方式 3. 对角线构图 3.对角线构图：也称斜线构图，是将重要元素安排在画面对角线上或对角线附近的构图方式。 此构图方式有效利用画面对角线的长度，使视角显得更加开阔，为画面增加延伸感、运动感。 2.5.1 八种常见的构图方式 4. 曲线构图 4.曲线构图：将重要元素呈曲线摆放或排列的构图方式。采用曲线构图的画面给人优美、雅致、灵动的感觉。 2.5.1 八种常见的构图方式 5. 对称构图 5.对称构图：画面中左右或上下部分的元素大小、形状基本一致的构图方式。采用对称构图的画面给人和谐、稳定的感觉。 2.5.1 八种常见的构图方式 6. 中心构图 6.中心构图：将重要元素摆放在画面中心位置的构图方式。采用中心构图的画面不仅给人端正、整齐的感觉，还能明确突出主体。 2.5.1 八种常见的构图方式 7. 三角形构图 7.三角形构图：以三个视觉中心为元素主要摆放位置的构图方式。这三个视觉中心构成的三角形可以是正三角、斜三角或倒三角。采用三角形构图的画面给人稳定、均衡的感觉。 2.5.1 八种常见的构图方式 8. 九宫格构图 8.九宫格构图：也称井字构图或三分法构图，是将画面的横向和竖向分别用两条直线平均分成三份的构图方式。 其中，横竖线称为黄金分割线，其相交的四个点称为趣味点或黄金分割点。 黄金分割点是点元素主体放置的最佳位置；若主体是线元素，则最宜放置在黄金分割线上或附近。 构图方式多种多样，快来说一说你还见过哪些呢？扫一扫，了解更多的构图方式。 扫一扫 棋盘式构图 和框架式构图 课堂互动 2.5.1 八种常见的构图方式 点击此处播放微课 19 2.5.2 三大构图技巧 掌握一定的构图技巧，可以使设计出的店铺页面更加出彩，从而快速吸引消费者目光。下面介绍店铺视觉营销设计中的