10大排版小技巧(老派但被奉为经典的排版法则)(1)

●几何学与古典准则的发源●

古挨及人率先发展几何学,描述物体的空间关系,以便进行尼罗河漫滩的田地划分等工作。几何学的英文Geometry,意思就是土地量测。

随着基础工具的进步,开始建立几何原则,例如埃及人用来打造巨大石材建筑的3:4:5直角三角形。这些基本原则演变至今,称为古典理想(classical ideals),涉及比值、黄金比例、建筑技术和装饰,并于古希腊时期达到巅峰。

10大排版小技巧(老派但被奉为经典的排版法则)(2)

△黄金分割

欧几里得约在公元前300年撰写的《几何原本》(The Elements of Geometry)也许是流传至今最早的几何学文本,从头实际说明平面与三维几何的知识,现代称之为「欧几里得几何」(Euclidean geometry)。

虽然几何学、古典原则和当代设计间互相关联,光靠遵循几何原则并不能保证做出好的设计。但知晓这些原则有助于制作排版设计,并了解某些设计、页面排版学说及标准是如何发展的。

欧几里得的原则相当直觉明了,因此许多至今仍在流传。

10大排版小技巧(老派但被奉为经典的排版法则)(3)

△黄金分割

举例来说,欧几里得几何的基本量测项目是角度和距离,角度是绝对的,依据的基本单位是直角;距离则是相对的,基本单位是一线段。

欧几里得系统中,面积与体积由距离计算而来:边长5公分的正方形,占据25平方公分的面积。

10大排版小技巧(老派但被奉为经典的排版法则)(4)

△《几何原本》原本

欧几里得原则使页面大小或文字区域等物件的量测和设计更加精准,并显示出设计与世界紧密共生,借助其他学科成长进步。

设计并非独立存在、完全论述性的,而是承袭几何学、数学、环境与材料科学等更多学科。其他学科的进展,也影响设计师创作与面对设计挑战的方式。

●数值、比例与空间关系●

了解设计原则,即是了解数值、比例与空间关系的运作与互动方式。这些特质的使用与发展经年累月形成所谓「神圣」分割比例,视觉感受之美好、空间之和谐,能令观者直觉认可。

10大排版小技巧(老派但被奉为经典的排版法则)(5)

△黄金分割

这类分割比例有些存在于大自然,有些则是人工创作。

许多组织原则都发现于艺术史早期,后续才转变为字体与页面排版原则。接下来我们将介绍黄金分割(golden section)及其如何融入设计,还有数字对排版设计的影响。

●黄金分割的运用●

黄金分割大约根据8:13的比例分配,可见于艺术、设计和建筑等各类学科之中。费波那契螺旋(Fibonacci spiral)便是以相同比例与数值关系为基础,可当作构图工具,帮助设计师或艺术家排列或缩放不同元素,创造和谐的效果。

因此,基于此比例构筑的设计看起来特别顺眼。在平面设计领域中,黄金分割因能提供和谐的比例而成为纸张尺寸的标准,其原则亦是让设计达到平衡的一种方法。

10大排版小技巧(老派但被奉为经典的排版法则)(6)

△《维纳斯的诞生》

但随着现代平面设计师常用的计算机排版软件多以线性测量取代比例分配,黄金分割的应用状况已不如从前。

《维纳斯的诞生》是公元1486年山德罗波提且利(Sandro Botticelli)为佛罗伦萨的梅迪奇(Medici)家族绘制的作品。画布长宽比1.614,几乎是完美的黄金比例。

画面中的重点元素位在黄金比例点上,如维纳斯的肚脐刚好由水平黄金比例线穿过,且处于维纳斯身高的黄金比例点。

10大排版小技巧(老派但被奉为经典的排版法则)(7)

△《阿尼埃尔的浴场》

法国画家乔治皮埃尔秀拉(Georges Pierre Seurat)1884年的作品《阿尼埃尔的浴场》使用黄金分割找到趣味中心,或构成「甜蜜点」。画作的甜蜜点位于主角额头上,帽沿与眉头的交点。

●新字体排印●

此海报根据黄金比例排版,内容介绍德国字体排印师奇肖尔德及其影响深远的著作《新字体排印》(Die Neue Typographie)。

10大排版小技巧(老派但被奉为经典的排版法则)(8)

△《新字体排印》

运用黄金比例进行排版时,各文字方块的摆放受到指引,且透过探索与颂扬数值与空间的关系,有助强调字体排印之美。

古典美学的比例与观点,与现代主义者的当代瑞士字体排印,第一眼看似不搭,但两者被奇肖尔德成功地融合了。

●当代设计中的黄金比例●

设计过程中,不一定要刻意采取黄金分割等操作。然而,由于黄金分割反映天然美观及自然中出现的比例,许多设计师作品中喜欢运用此比例,不令人意外。

10大排版小技巧(老派但被奉为经典的排版法则)(9)

△黄金比例

黄金比例有直觉性,人眼会不自主地对生成的空间关系有所反应,当排版覆盖上黄金分割图形,就能清楚看到比例之美。

黄金分割应用在排版中,能导引文字和图像元素的配置,调控两者之间、及其与页面其他部分之间的空间关系。此处理还制造出重要的留白或开放空间,框住文字与图像,让内容产生最大冲击。

,