设计的基础语言-点线面的基本原理- 设计文章- 站酷（ZCOOL）

瓦西里·康定斯基（Василий Кандинский，格里历1866年12月4日－1944年12月13日），现代抽象表现主义艺术的实践和理论先驱，1923年撰写《点、线到面》一书，全书书共有三 ... 设计的基础语言-点线面的基本原理泉子哦深圳/设计爱好者/3年前/437浏览版权MessageFollow设计的基础语言-点线面的基本原理泉子哦Follow点线面的基本原理 瓦西里·康定斯基（ВасилийКандинский，格里历1866年12月4日－1944年12月13日），现代抽象表现主义艺术的实践和理论先驱，1923年撰写《点、线到面》一书，全书书共有三部分，分别讨论平面构成的三大元素即点、线、面的形式特点，全书自成体系，内容具体，深入浅出，富含美学洞见，并极具实践参考价值，为近现代平面设计奠定了基础。

瓦西里·康定斯基《构成第八号》1923年作 不管版面的内容与形式如何复杂，最终画面里的所有元素都可以简化到点、线、面上来，我们设计时很多时候其实都是在思考如何经营画面的点、线、面之间的关系。

点、线、面原理适用于很多设计领域，海报、书籍、画册、绘画、UI界面，甚至于工业设计中也有很多优秀的作品会应用到。

书籍封面设计里的点线面 海报设计里的点线面 产品设计里的点线面 UI设计里的点线面 那么何谓点、线、面？ 点的概念： 点是相对的，在当前画面中，占比相对较小的面积，称为点元素。

点可以是文字、图形、一个色块，定义的前提是画面中有存在面积更大的元素。

相对整个版面，“圈”为点元素  相对于左边的“圈”，右边的“圈”为点元素 相对于整个版面，白色方形为点元素 相对于画面里的方形，三角形为点元素 文字拆分为点元素能够活跃版面的氛围 重复的点元素能够产生节奏感 很多商业海报为了烘托促销热闹的氛围，会在背景上添加许多形式的点元素，图里的小刀、几何形、游戏手柄等都算点元素 线的概念： 线是点移动的轨迹，在几何学定义中，线只有位置、长度，而不具有宽度和厚度，从平面构成的角度讲，线既有长度，也可以具有宽度和厚度。

  很多点连接在一起就是线 一个字就是一个点，一排字就是一条线 斜线能够表达速度、紧张感，代表不稳定因素 竖线给人下坠的感觉 线框能使主体更加聚焦 线也有指向性的作用，人的视线会不由自主随着线的轨迹移动 曲线有灵动性 曲线也能够表现女性的柔美，所以多用于女性品牌的一些设计中，这里的字体就是使用的曲线形式 面的概念： 面是线的连续移动至终结而形成的。

面有长度和宽度，没有厚度，直线平行移动成方形，直线旋转移动成圆形，自由直线移动构成有机形，直线和弧线结合运动形成不规则的形。

通常情况下，画面里面积最大，最需要突出的内容都会以面的形式表示。

一个面，绿框里的内容就是主体 两个面，面积大的绿框内是主体，红框内是第二主体 N个面，绿框面积最大，所以是主体，红框次之是第二主体，蓝框再次之，然后是剩下的文字部分，也可以看作是面，所以我们很多时候，其实是在区分画面的主次层级。

关于点、线、面的理论部分就分享到这里，下次可以聊聊如何简单高效的运用点、线、面的知识到工作当中。

关注公众号“文思如圈”，每日一篇设计教程6Report6Share原创Article平面UI插画点线面理论设计原理设计基础设计语言Statement:allthecontentandcommentsmadebynetizensinZCOOLonlyrepresentthemselves,anddonotreflectanyopinionsandopinionsofZCOOL.评论LoginintocommentAddemoji发布评论喜欢TA的作品吗？喜欢就快来夸夸TA吧！LoginLoginandsynchronizerecommendedrecords6LoginandaddtoMyFavorites6LoginandcommentyourthoughtsShare