火星网校
如何掌握「点线面」？想要创意爆棚就看这篇！
点、线、面是平面构成中最基础的要素，就是在同一个平面空间内，主角和配角元素组合，让配角有效地衬托主角，做到主次有序，丰富有层次。那如何掌握「点线面」呢？
比如一只鸟，一朵云，就是点；一条电线上的一排鸟，飞机划过云，就是线；鸟儿们一起飞，一大片云，就是面。生活中的一切都可以想象为点、线、面，这个概念是相对的，相互比较得来的。我们把这些丰富的画面运用到设计上，得到创意。
初识点线面
1. 点线面长什么样？
先简单画个概念图，再根据下面的例子想象一下，点线面实际上可以是任何形态。
2. 生活中的点线面
点线面无处不在，与生活息息相关。
3. 版式设计中的点线面
以下作品是怎么运用点、线、面的呢？
解锁点线面
1. 点的应用
点是相对面积较小的元素，面积越小，越灵动。在一个作品里点不是单独存在的，也没有固定的形态，可以是任何形状，任何元素。
版式设计中的点
下图中的字母、珍珠和彩色的圆点起到活跃版面的作用。当画面内容较少时，可以采用加入「点」的方式，丰富画面，烘托氛围。
营造空间感的点
2. 线的应用
点动成线，线可以划分空间、建立联系、引导视线和美化排版，具有不稳定、动态、冲击感和运动感。线还有虚实之分，实线一目了然，虚线缥缈虚幻。
版式设计中的线
一目了然的实线
虚幻无形的虚线
3. 面的应用
线动成面，面是画面中面积最大的部分，可以是视觉中心，可以用来区分版面，面也没有固定的形状。
页面主体
区分版面
分析点线面布局
实操的第一步还是要分析版面的构成，下面分析3种类型，我把它画出来给你看，同时把颜色层次也画出来，做图的时候也要注意这些明暗对比，重点突出配色方法。
这个案例主要利用面和线的结合，背景是用斜线体现时尚。中间的内容大面积集中，形成了一个面，同样它也使用了点线面结合，比如英文字母就是点。
这个案例点线面的结合比较丰富，背景的色块就是形状不规则的面。中间的文字分散写，形成了点。最下面的大量文字使用了贴近和远离的手法。
点线面的方法是专题页常用的排版方法，使页面变得丰富，有活动的氛围，让人忍不住多停留一会。
版式举例
每个设计稿都可以像这样拆分，看点线面的布局。平常我们看优秀案例的时候，多积累点线面应用的方法，可以让你的创意源源不断。
下面是一些常用的点线面排版的例子：
实例练习
好了，现学现用，找个素材做个练习吧。只有自己思考过了，才能吸收变成自己的心法。
总结
点线面一般是组合起来使用的，但是怎么把握好平衡，组合成各种各样的形态，让版式更加富有创意，还需多看多练。
作者: 韩小美
来源：微信公众号「聊个设计」
上一篇 构图的六大法则与构图因素的运用
下一篇 设计构图基本要素是什么？
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
可灵年化5亿美元谷歌带队出海安徽举办省级漫剧大赛AI设计日报0623
可灵正推进从快手分拆独立运营，内部方向为2027年初递交港股上市申报 来源：上海证券报（2026-06-17） AI短剧"产......
-
火星时代
-
腾讯又放大招这款AI工具让游戏美术效率提升300是真革命还是噱头
但对于追求极致细节的资深原画师来说，自动化程度高也意味着部分控制权让渡，需要适应 实测体验：响应速度确实惊艳，比传统生图的等待......
-
2026年，AI短剧早已不是"写一段提示词等生成"的粗放阶段真正拉开差距的，是谁先把从立项到出片的整套工业化流程跑通 过去做A......
-
什么是负面提示词？ 在AI绘画中，我们通常用正向提示词告诉模型想要什么——比如"一个穿红色连衣裙的女孩站在海边"这时候你需要一......
-
做AI漫剧最头疼的是什么？不是剧情写不好，不是场景出不来——是角色脸上的表情 想写角色开心，只会一句"他开心地笑了"；想写难过......
