设计过程，或者说形式的讨论，总是离不开点、线、面的研究。看平面构成的定义:视觉元素是根据优美的视觉效果和力学原理，在二维平面上排列组合而成的。它是一种通过理性和逻辑推理来创造图像和研究图像之间排列的方法，是理性和感性相结合的产物。设计中呈现的任何元素都可以分为点、线、面，然后将这三个元素反复组合和排列，形成设计语言、形式和美感。核心:元素之间的排列关系，然后所有元素在一起的构成形式。
如下图所示，点、线、面最终形成了结构——设计作品中的秩序，是一种支撑，所有的元素都有序地排列在这个骨架上。
文章目录
点线面案例点体积小，分散，遥远，移动；与大空相比，小而密。
1.点数的变化
点存在于画面中，通过大小、真实、明暗、多少关系的变化，影响视觉感知。这些变化可以形成直线或曲面，也可以仍然是点的变化。
缘起大小，虚实，强弱。黄色比红色浅；它们都是红色的，逐渐变成虚拟的。
2.摘要
有对比；点不是单独存在的；点用来丰富画面和层次。
线条
线有位置。它是点的运动轨迹，是面与面之间的边界。
1.线条的变化
线的存在是细微的，密集点形成的运动轨迹可以看作一条线，不同颜色面形成的边界也可以作为一条线存在。同时，当线足够短时，可以变成点，线的变厚可以转换成面。所以点、线、面不是绝对存在的，而是相对存在的。
以下重点介绍线条的两个重要特征，看不见的线条和看得见的线条。
隐线
我觉得这个特别重要。其实一个运营设计作品基本上包括图像和文字，文字可以理解为画面中的点。短语和句子通过这些点的组合形成线条(单词的长度和高度)，往往决定了画面的核心。
为什么我们在排版上常常很难看，是因为粗细长短没有对比。
文字形成无形的线条；不同大小、粗细、颜色的组合形成线条粗细的变化，分割画面，进而形成有序的节奏。
视力
还有一种非常重要的表达形式在看不见的视线里。很重要的一点，内容设计的预期是自然引导用户阅读。人们的眼睛引导我们将目光转向文字。
有形线路
清晰的线条让画面感觉快速、有层次感、布局丰富。
2.线的应用
3.摘要
不同的台词可以营造不同的感受；引导视野；控制线条的使用，不要为了线条而使用线条，造成图片组织混乱。
表面
几何中运动直线的轨迹。
面对画面分割，获得层次感。也可以作为信息的载体，让文字在画面中表达的更清晰。
面可以分为几何面和不规则面。
1.几何表面
正方形、圆形、三角形、多边形等几何形状可以传达有序、简洁、稳定、快速等视觉心理感受。
2.不规则表面
实物(图形、墨水、喷水)、不规则多边形等。，被广泛使用。图片被规则脸分割后，剩下的空本身就形成了脸，可以理解为正反两种形式。负片空的设计对于整体画面风格和层次感的提升至关重要，需要更多的研究和经验。
3.摘要
面积大，视觉重心；整体信息的支持。
情况
通过以上例子的介绍，应该可以建立起对点、线、面的基本认识。下图展示了点、线、面在呈现信息内容时的功能意义。接下来我们更深入的研究分析一下。
在上面的例子中，我们首先看表面，如之前所总结的:表面，信息模块的载体，构建画面的基础。在上例中，信息骨架是通过区分大背景和交织颜色和图形来建立的。
继续分析这个设计。行，加强视线的引导，加强/区分模块关系。如上图所示，标题作为一条看不见的线，成为模块区分的标识。自然引导视线向下纵向。
仔细分析这个例子，没有明显的点元素。再想想点的总结:点，打破节奏，增加气氛。点的场景不多，隐含在每个模块中构造信息。
通过这个简单例子的分析，你对前面的点、线、面的总结有一定的了解吗？再次强调:
面，信息模块的载体，构建画面的基础；线，加强视线的引导，强化/区分模块关系；点，打破节奏，增加氛围。再看几个例子:
行，加强视线的引导，加强/区分模块关系。上图信息内容比较复杂，设计中选择白色背景不利于模块信息的差异化。为了区分，标题的设计至关重要，所以如右图所示，标题统一了主题色彩处理，文字组成一条线来加强线条的感觉，从而区分和引导内容信息。这是一条串联信息的隐形线。
看下面这个案例，可以看到有形的线条，把内容的上下关系串联的很清楚，有很强的视觉导向性。
接下来，我们来看一些案例。下图中的设计是通过圆圈的串联(以点的形式)，不仅起到了装饰的作用，还成功的引导视线移动，有效的组织信息。
通过以上图片的案例分析，大家对点、线、面有新的认识吗，并附上本文开头的图片，现在能看懂吗？
今天的分享，给大家简单讲解一下点、线、面的形式，以及在实际设计过程中的展示形式和意义，这是点、线、面的第一部分。
之后给大家带来第二部分的内容，这是我在实际工作中总结出来的点、线、面的具体使用方法。如上图所示，点、线、面构成了设计的结构骨架，进而在此基础上丰富了表现信息。那么，在得到一个操作需求后，如何用点、线、面的原理，对一条信息进行分析、拆分，构建一个画面呢？我总结了一个叫“土木工程法”的方法，下一篇文章会和你讨论。
转自:金山办公用户体验中心
原地址:https://www.ui.cn/detail/317360.html
1.《线面 超详细的「点/线/面」基础知识全方位科普》援引自互联网，旨在传递更多网络信息知识，仅代表作者本人观点，与本网站无关，侵删请联系页脚下方联系方式。
2.《线面 超详细的「点/线/面」基础知识全方位科普》仅供读者参考，本网站未对该内容进行证实，对其原创性、真实性、完整性、及时性不作任何保证。
3.文章转载时请保留本站内容来源地址，https://www.lu-xu.com/tiyu/1271240.html
