排版是什么意思


在设计领域,设计师常常需要排布点线面在版面中的大小比例及位置关系。即使在不理解文案内容的情况下,设计师也能通过这些法则来将文字和图片进行合理的布局。本文将深入探讨点、线、面在版式设计中的作用。

排版是什么意思

本篇文章将深入剖析版式设计的基本构成单位,点、线、面。

设计三元素——点、线、面,能够将一个文字或标点抽象成一个点,一行文字抽象成一条线,一段文字则是一个面,一幅图片也可视作一个面。在设计师进行排版时,他们在大部分时间都在处理这些点线面在版面中的大小比例及位置关系。这意味着即使在不理解具体文案内容的情况下,设计师也能够通过形式美法则将文字和图片进行合理的布局。

我曾在一家外企担任视觉设计师,需要应对各个国家和地区的设计需求。母语是英语的我们还能看懂文字的意思,但是像德国、俄罗斯、日本这些国家的语言我们也看不懂。但这并不妨碍我们进行设计工作。通常文案编辑会在word中标明哪段文字是大标题,并进行加粗加大字号显示,哪些是正文已经在哪换行都会标注清楚,所以你只需要按照版式规律进行设计就OK。这种情况就是把文字和图片抽象成点线面了,你实际排的就是点线面的位置关系了。

点线面在版式设计中的作用

点可以聚焦我们的视线,让人们把注意力集中在我们想要重点表达的信息上面。比如:APP启动页面中的LOGO,这些可以看做是一个点,让我们只关注这个品牌并留下印象,排除其他的信息干扰,这也是减法法则的运用,少即是多!

当一个区块内的元素是奇数个数时,可以有一个视觉中心可以获取我们的焦点,从而让视觉保持平衡。一般多数APP底部标签导航和顶部标签导航,都应该是奇数排列才符合视觉规律。

线可以用来分割设计元素,将版面划分成不同的信息区块,方便用户阅读。同时线还起到版面骨骼的作用,能够撑起版面。线的粗细、长短、虚实都有很强的视觉吸引力。

面可以将版面进行区域的划分,让信息更具连贯性和层次感。在版式设计中,通过垫色的处理手法,可以让版面更加富有变化,同时衬托出主体产品的视觉重量。

上图中的杂志页面中的图像和段落文字都可以被视为页面的组成部分。图像和文字,在版面中是有明确区域划分的,这种设计使得版面更加直观和有序,有助于读者的阅读体验。

设计师在整个版面中还充分利用了点的运用。点的出现不仅丰富了版面构图,还对文字进行了区块划分。

以上是我根据多年设计经验总结的关于设计中的三大元素——点、线和面的个人理解。

本文由 @黑马PM 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。