echarts 有引导线和内部文字_点、线、面构图的异同以及相互转化

点、线、面构图既有相似性，又有差异性。相似的是都有对齐、强调、群组、重复、突出层次的作用，不同的是点的特点是聚焦、线的特点是运动和方向性，面的特性是体量感、稳定性。点的情感最弱，线、面的情感要比点丰富。

一、点、线、面构图的共同点：

1、强调：

点、线、面都能起到强调的作用，其中点的强调作用最强。

点用于强调单个元素。面的强调作用次之，面用于强调一个群组。线的强调作用相对最弱，用于强调一行文字，或一组文字。（用矩形框住整段文字）

2、对齐：

点、线、面都能起到对齐的作用，其中线的对齐作用最强。线可以让自个分散没有聚拢的元素对齐于一条线，产生关联性，使凌乱的版面变得整齐。

同样，元素除了对齐一条线，亦可以对齐一个面、一个点，虽然效果就没有线这么整齐，但对齐的方式更新颖一些。

3、群组：

点、线、面都能起到群组的作用，其中面的群组作用最强，线次之，点的群组作用最小，点需要配合留白、对齐等方式才能发挥群组效果。

面可以把一组元素紧密的包含在面域内，对齐能使元素的联系加强，看起来像一组，这时，如果再用面整个包含起来，群组关系会进一步加强。

线也能框起来一组元素，使之组合在一起。

点给每一组元素添加相同的点元素，配合留白，拉大每个组间的留白，缩小组内元素的间距，然后让每一个组都用共同的特点：开头都有一个点元素作为点缀。这样就能更好的区分组与组的关系。

4、重复：

点、线、面都能起到重复的作用，且三者的重复作用性相当。对于不同组的元素，均可以添加同样的点元素、线元素、面元素，使不同组之间都用共同的点、线、面样式，使不同组产生相同，有了相同的元素就有了某种联系。

5 、突出层次：

突出层次就是设计中的对比法则的应用。

点、线、面都能起到整理版面的作用，让凌乱的版面有层次、有重点。

点：一般来说点岀现在版面某处时，因其特性，会有引导视线切入的功能。比如正常阅读文字的顺序也是自上而下、从左至右，你可以将点元素置于下方或右方，让观众从下方或右方开始观察。

线：改变线条粗细与长度会产生节奏感，不同的粗细和长度变化会形成层次，一般粗线比细线更有视觉重量，注意力会先被集中在粗线上，然后再转移到更细的线上。通过线条的粗细搭配、有效的引导视觉走向。

面：同点、线的强化层次类似，面积大的形状比面积小的形状更有视觉重量，面的不同比重也就影响到信的息优先级。引导视觉走向，有了视觉的先、后、主、次，就有了版面的层次。

以上5个共同点刚好对应了设计中的4大法则：即对齐、群组（留白）、重复、对比（强调、层次）。

---

二、点、线、面构图的差异：

1、特点不同：

点的特点是点缀，聚焦、静止，线的特点是运动和方向性，面的特点是体量感、稳定性。

2、对视线的引导不同：

点的特性是聚焦，如焦点、汇聚点等，吸引聚集视线。

线的特性是发散，如斜线、放射线、V字线等，引导视线到某个内容上。

3、动、静不同：

线的性质是运动和方向，而点、面的性质是静态特征。

面给人的感受是饱满，会给设计带来体量感，稳定感。

点也有静止的特性，如力学中的重心、支点等，都是一个点，象征着稳定。但其稳定性稍逊色于面，面的稳定性（静止性）最强，线的动感性最强。

面相对于点、线最大区别是有体量感，稳定、安全、可靠。

4、情感不同：

点的情感最弱，相比点，线的情感就比点更丰富，斜线体现空间透视和动感，曲线体现优美和柔和。

面的心理影响和情感特征是最丰富的，三角形象征着尖锐、激进，矩形象征着坚固、沉稳 ，圆形象征着柔和、优雅。

面因其外形不一的关系，呈现不同的心理面貌和情感特征，相对线、点，面的心理感受更具多元化。

5、张力不同：

张力即延伸性，点看起来总是静止于一处，而线可无限延伸或运动于一定距离之内。

面的延伸性介于点和线之间。如下图，一排文字也能构成线，线是最有张力的。

6、作用不同：

从单个元素：线：对齐元素，点：强调元素，面：联系元素

从整体画面：线：分割画面，点：平衡画面，面：组织画面，

---

三、点、线、面之间的联系：

在版面中，点、线、面是相互影响、相互转化、相互依赖的：一个文字、一个标志、一个图形都可成为一个点，一排点的规律排列也是点的线化，线是点的移动轨迹，有长度、方向 。

在版面中，面可以被认为是点的放大、或点的密集。

点与面的概念是对立统一的，面可以是点，点也可以是面。面越大，点的特征就越不明显。

多条线的重复可以形成面，反之，面与面的交界线都可形成一条线。

一个面被线条分割后产生的不同比例的面域也可称为面。

点强调位置、线强调方向、面强调关联。

点是强调单个元素，线与面可以归纳、包围一组元素，使之产生关联。

---

四、总结：

点、线、面构图既有相似性，又有差异性。

相同点相是都有对齐、强调、群组、重复、突出层次的作用，这四个作用正好是设计遵循的四大法则。

不同点是1、特点不同：2、对视线的引导不同：3、动、静不同：4、情感不同：5、张力不同：6、作用不同。

三者联系：

点、线、面之间是可以相互转化的。点的延长，重复即是线，点是没有方向的，点转化成线之后就有了方向性和运动感。

点的放大即是面，面可以是点，点也可以是面。面越大，点的特征就越不明显。

线的重复排列也可演化成面，面与面的交界处又形成线。

---

文章由开心一哥岁月原创，部分图片来源于网络，侵权可联系删除。