three.js两个点给线条加宽度_平面设计中视觉元素点、线、面的作用法则

平面设计中视觉元素点、线、面的作用法则

版式设计要协调好平衡和变化的关系，绝对平衡与完全对称的版面,看的时间长了同样易产生视觉疲劳，并有单调乏味之感。因此就需要用点、线、面打破平衡，活跃版面。
其实，版面设计是制造矛盾，解决矛盾的过程。
归根结底，任何版面设计都是由点、线、面、色彩这四个元素组成的。

一、点

版式中的点可以包括：各种小图标 小图形、图标、装饰性字母或标点符号等。
点在排版时的应用并不拘泥于圆形方形等符号，而是更多的尝试不同形式：点可以是不同面积大小、不同形态的点、 圈、三角、方形，使用更具有趣味性的元素来增加画面的活力。
在一个版面中，点的大小、形态以及位置的不同，都会产生不同的视觉效果、不同的感受和联想。

总体来说，点有以下作用：1、点有诱导视觉注意力的作用：
有时点可以突出主题成为视觉焦点和中心，特别在满是文字的版面上，突然出现几个点，就能够吸引读者的注意力到点周围的文字上，起到强调的作用。2、点能够装饰、丰富、活跃版面：
如果版面中该表达的信息已经表达完了，还有大量留白，可以用点来活
跃和点缀画面，它并不传达意思，但却使画面更有趣味。一个活跃的版面，其中有几个小图标组成的点，如果去掉这些图标，恐怕整体气质就要大大降低了。3、点在不同的位置带给人不同的感受：
点放在正中间给人一种绝对平衡、静止的感觉；而经过移动使它偏左上，或偏右下，就会给整个版面带来一种节奏感和运动感。4、点能起到平衡画面的作用：
比如右边是图片，左边空白一大片，这时在左边点缀一个点，就可以起到平衡画面的作用，达到相对对称的效果。

二、 线

在版面中，线既可以是实在的一条直线，也可以是由断断续续的点、图标、小元素排列构成的一条视觉上的直线。
当文字缩小时，可以看成一个点，成排的文字则变成一条线。
在封面设计上使用这种文字线，既能起到装饰封面的作用，如果居中有一条垂直线，可借文字的编排打破直线左右空间的对称关系，又能使封面变得更加清晰充满书卷气。

线的作用主要表现在：1、线的形态上的差异，能够产生不同的视觉感受。
曲线由于弧度的变化而产生优雅、柔软、抒情的装饰趣味。水平线有安静感，垂直线有严肃秩序感，斜线带有透视、和动态感。2、装饰线的粗细也表现出不同的个性：粗线条更稳重，细线条更优雅一些。3、线具明确方向性的作用：有简单、明了指明方向的效果，引导视线的走向。4、线在版面中起着连接和分割元素、整理版面的作用：
版面上通过直线划分空间形成一种秩序感，通过直线分栏，使栏目更加清晰，降低阅读疲劳，使读者阅读更加方便。其次，在主标题与副标题之间加装饰线，能有效的分割二者，使人更容易区分二者，避免了混乱。

三、 面

面的具体表现可以是色块，比如矩形、圆形、圆角矩形、三角形，也可以是不规则形状：比如涂鸦的笔触、心型、以及其他矢量图形等。密集的文字可组成一个灰面，使黑白对比较强烈的版面起到缓冲的作用。
版面中的空白等也都可以等同于某种形式的面。面具有长度，具有位置性、面积性，面给人的最重要的感觉是由于面积而形成的视觉上的充实感。
与点相比， 它是版面中一个较大的构成要素。点强调位置关系，面强调形状和面积。

面在版面中的作用主要体现在两个方面：

1、面把画面中散乱的元素联系起来，形成一个视觉单元：
如在封面的分散文字或图标上画一个色块，放置于文字、图标底层，就会使这几个分散的文字、图标元素连成一个整体。整个版面非常集中、规整有序，人们的目光也有了重点，会自然而然地被吸引到色块上的文字或图标上。2、面强调形状，不同的形状能产生不同的含义：
版面中的形状往往和作者要表达的内涵有着较强的联系，比如三角形代表着动感、透视，可以用来传达作者的激扬、向上的意图。

——总结：

在版面中，点、线、面是相互影响、相互转化、相互依赖的：一个文字、一个标志、一个图形都可成为一个点，一排点的规律排列也是点的线化，
在版面中，面可以被认为是点的放大、点的密集或多条线的重复。
一个面被线条分割后产生的不同比例的面域也可称为面。面与面的交界线都可形成一条线。

——线要适应面的形状：

比如版面整体风格是以圆形为主要图形的应用，那么线就要使用曲线作为辅助图形，与圆或半圆主要图形保持一致。而不能使用斜线，这样看起来会很突兀，曲线的形式可以是手绘曲线或水彩纹理等。1、如果版面中三角形是主要图形，那么就要以斜线作为辅助图形，这样才能配合好整体传达的意思。2、在版式中加入大跨度的斜线是一种常用的增强设计感的方法，斜线从上至下把版面整个分成了N多份，不仅提升了版面的气质，本身也是一种装饰，如果不加入这些斜线画面则会呆板生硬一些。
要设计一个优秀的版面就必须经营好点、线、面三者的关系 , 掌握对比、统一、均衡、节奏等构成规律。

---

我是原创：开心一哥岁月，希望大家点赞支持我。部分图片来源于网络，侵权可联系删除。