点线面在版式设计中能给人怎样的心理感受，点线面在版式设计中的应用

设计师大部分时间都在排列纸面中点线面大小的比率和位置关系。 设计师不需要了解复印件的内容，就可以通过这些规律合理地布局文字和图像。 本文论述点、线、面在布局设计中的作用。

本文深入分析布局设计的基本构成单位、点、线、面。

虚线的面称为设计的三要素，文字或标点符号。 我们可以抽象为点。 一行文字可以抽象成线。 这样一来，一段文字就是面，一张图像也可以看作面。

其实，我们设计师的大部分时间都是摆布时大小在纸面中的比例和位置关系。 也就是说，即使不理解复印件的内容，也可以根据形式美法则合理地布局文字和图像。

笔者在外企担任视觉设计师时，面临着许多国家和地区的设计需求。 以英语为母语的我们也能理解文字的意思，但德国、俄罗斯、日本这样的国家的语言也听不懂。 如果不能理解那个就不设计吗？

不，通常情况下，复印编辑会在word中显示哪些字符是大标题，然后加粗显示。 因为会明确显示正文在哪里换行，所以按照布局规则设计就可以了。 这种情况下是将文字和图像抽象化到虚线面上，实际排列的是虚线面的位置关系。

点线面在布局设计中的作用是什么呢？

要点的作用

重点，可以聚焦我们的视线。 可以让人们关注我们想重点表达的信息。 例如，APP启动页面上的徽标，可以看作是一个点。 只关注这个品牌，留下印象，排除其他信息的干扰吧。 这也是减法定律的运用。 少也多。

下图中只有一个点。 我们的视觉焦点不自觉地落在这一点上，所以点可以起到聚焦视觉的作用。 那么，实际设计中有哪些典型案例呢？

各位，请继续往下看：

天猫APP开放页面的中心只有一个天猫的logo，但实际上会发挥聚焦用户的眼球，加深对品牌的认知和记忆。 一些同学可能会想，像天猫这样用户数亿级的产品，怎么会浪费这么大的banner位只放一个logo呢？

因为天猫这个品牌需要更多地让人们记住！

如果页面中有两个点并排存在，情况又不一样。 我们的视觉焦点在两点之间反复游离，很难得到视觉焦点，所以这里涉及奇数定律。

奇数法则是，在布局设计中，一个块内的要素最好是奇数的个数。 这样，视觉中心就可以成为我们的焦点，保持视觉的平衡。

看到这里，很多视觉设计师可能会明白，视觉还有这么多讲究和原理。 那么，在实际设计中，有哪些典型的案例呢？

通常，大多数APP的底部和顶部选项卡导航必须是奇数数组才能符合视觉规律。

请参考下图中APP页面的顶部选项卡和底部导航选项卡的数量。

点在布局设计中的实际应用实例：

线条的作用

线条。 可用于分割设计元素。 将布局分成不同的信息块，方便用户阅读。 有纱线的长度、粗细、虚实，纱线还起到版面骨架的作用，可以支撑版面。

上图为重叠线条，三大构成学习了在重叠中求变化、在变化中求统一。 这种重复的线条带来线条作用于面的效果，起到支撑纸面的作用。 从线条上突破纸面的双手给视觉带来了冲击，同时也让用户聚焦于中间的产品——手表！

在上图中，使用蜿蜒的线条，穿插在纸面上，可以使纸面更加生动灵活！ 这也是线条在版面上加入效果而形成的视觉区分效果。 而且，多线的运用同时使纸面具有内容，起到支撑纸面的作用。

在上图中，线条的粗细长度成为版面的骨架，可以支撑版面来划分版面。 在骨骼系统的排版规则中，明确了横线起到支撑版面的作用，就像我们身体中的骨骼一样，可以支撑我们的身体道理。

另外，在上图中，纵横的线被粗细对比也很明显的隐喻版面内的块所划分。

面的作用

面可以对布局进行分区。 我们把文字和照片称为一个块，块内的信息是高度相关的。

上图的灰色方框是对布局进行了区域分割，在布局设计中将该方法称为无光区域分割法。 如果版面上没有灰色的块和黄色的块的话，如果酒瓶只有3个页面的话效果就会显得空洞，整个版面就立不起来。

因此，通过哑光的处理手法，在使布局更加变化的同时，衬托出了作为主体产品的瓶子的视觉重量。

上面的摄影杂志可以把页面图像都理解为面的应用，图像是面，段落文字同时可以理解为面的变体。 这样纸面中的图像和文字的区域性很整齐，我们阅读的时候会有暗示的区域划分。

在整个布局中，设计师还充分利用了点的插入。 点出现在版面上是对版面的点缀，同时点中的文字也是一种块的划分。

以上是我根据多年的设计经验整理出来的对设计中三要素的点线面的个人理解！

本文由@黑马公关原创宣布人人都是产品经理。 未经许可禁止转载

标题来自Unsplash，基于CC0协议