杭州淘宝美工培训之论“点”元素在淘宝美工设计中的奥秘.pdf

论 “点”元素在电商淘宝美工视觉设计中的奥秘 同学们好 ！今天我们探讨解密麦子地淘宝美工培训必修课程平面构成之 “点”元素在 淘宝美工设计中的奥秘 下面我们先探讨下 “点”设计元素的概念 “点”是具有空间位置的视觉单位 ，它没有上下、左右的连接性与方向性。其大小是以 图地相对面积区别标定的 ，决不许超越当作视觉单位 “点”的限度。 如下图所示 ： 这里我们要强调下 ，“点”元素在大家平时生活中 ，感觉点就是圆形的 ，这个理念大家 一定要从新认识 ，我们设计中的点是指相对设计开本中相对一切微小的元素我们通称之为 点 ，比如单独的一个字体 ，一个设计元素等。 如下图所示 ： 1 那 “点”元素在我们淘宝美工设计中具有什么样的视觉特性呢 ？ 首先我们先看几张淘宝广告图的设计 2 上面几幅广告产品分类图的字体设计是不是把 “点”元素组合的很精致 ，很有味道呢 ？ 下面我们来探讨下 ，“点”元素的具体视觉特性 A ，集中视线 ， 当画面中出现 “点”时 ，消费者的视线就会集中在这个点上 ，形成力的中心 ，点的移动 ， 消费者的视线也随之移动 ，起到视觉传达引导买点突出的作用。 B ，强调空间的作用 ，人的注意力始终在有点的空间 3 C ，特殊行态的点亦有特殊美感 ，不同行态的点表达不同的情感 大家看下上面的几幅作品 ，是不是对点的集中视线 ，强调空间等点的视觉特性展示的很 到位呢 ？ 下面我们在接着探讨下 ，“点”元素在设计中的视觉错视 ， 如何利用 “点”元 素的视觉错视来创作出优秀的淘宝广告图呢 ？ 首先我们先看下 ，造成点的视觉错视的因素有哪些 ？ A ，色感对比的因素 比如 ：等同大小的两点 ，白底上的黑点感觉比黑底上的白点要小 ，这是由于明度高的色 较为醒目。 请看如图所示 ： 4 B ，周围形态的因素 比如 ：等同大小的两点 ，被大形包围的感觉比被小形包围的小 ，这是由于在大小对比中 处于优势的点更易吸引注意力。 请看如图所示 ： 等同大小的两点 ，在角形中处于尖端的点感觉比处于末端的点大 ，加边框限定的点感觉 比自由状态的点大 ，这都是由于在环境中有形态对比的点视觉效果较为复杂 ，易引注目。另 外 ，角形和边框可缩小点周围的空间 ，通过反衬减弱点的性质 ，加强面的感觉 ，使视觉效果 更明显。 C ，位置关系的因素 等同大小的两点 ，上方的点较下方的点大 ，这是由于人的知觉顺序习惯为从上到下 ，从 左向右 ，先看到的点较易吸引注意力。 从上面几个因素对点视觉错视的影响我们看到 ，“点”元素的错视如何在我们电商淘宝 美工设计中应用呢 ？怎么在有限的版面内更加突出产品的卖点呢 ，这个是我们要深思和强加 训练的主题之一。 5 下面我们来看下几幅淘宝设计图的具体应用设计 上面的字体后面加上黑色的色块 ，是不是比不加黑色色块的字体感觉更大 ，更突出呢 ？ 又比如 ：QQ对话版面 ，弹窗广告 ，在有限的版面内更能突出买点呢 ？ 如下图所示 ： 下面我在欣赏下一些淘宝广告图案例 6 通过我们这次探讨和揭秘 “点”元素在淘宝美工设计中的奥秘 ，证明了点在设计中的重 要作用 ，设计在于细节 ，我们在业余时间在深入的研究下 ，以便灵活应用到我们以后将要从 事的淘宝美工设计师职业的设计作品中 ！ 谢谢 ！(本淘宝美工培训教学课件源自于麦子地 淘宝美工培训机构 教学经验分享 ！) 7