构图先于内容
小时候,我经常从父亲的书架上取下书,盯着书页看。1987年,一段家庭录像成了我们家的经典片段:父亲打开公寓门,第一次迎接刚出生的妹妹回家。我站在书架前,手里拿着一本打开的书,等着他回家。爸爸在镜头后说:“克里斯在看书。他不读书……”我不确定当时我是否注意到了这句话,但每次回放——而且有很多次——它都开始刺痛我。说实话,我当时真的不知道自己在做什么,但我知道爸爸是对的——我没有读书。如果我当时知道现在知道的,我可能会把艺术家皮特·蒙德里安的这句名言分享给我爸爸:
“每一位真正的艺术家,更多的是从线条、色彩以及它们之间的关系的美感,而不是从画作的具体主题中获得灵感。”——皮特·蒙德里安
在我从事设计师的大部分时间里,这绝对是真理,尽管我当时并没有完全意识到这一点。或许,一个人不需要这样思考,甚至不需要认同蒙德里安的观点,就能成为一名优秀的设计师。但我发现,完全理解蒙德里安的观点对我帮助很大。我不再担心完成作品需要多长时间,也不再对自己的设计选择产生怀疑。我更享受执行基本原则,也不再感到需要让自己的作品迎合当下的风格或过度修饰以使其更加突出的压力。它帮助我从简约中汲取更多力量。
这种视角的转变让我思考了一个更深层次的问题:童年时接触父亲的书籍时,我究竟在回应什么?为什么某些视觉布局会让人感到内在的满足?一张构图精良的照片,甚至在我们注意到拍摄对象之前,就已经传达出某种本质信息。精心设计的页面布局,在我们读到第一个字之前,就已经让人感觉恰到好处。在感知的最初瞬间,总有某种超越单个元素的体验在发生。
蒙德里安凭直觉理解了这一点。他的几何抽象剥离了所有具象内容,只留下线条、色彩和空间之间的纯粹关系。然而,他的画作依然引人入胜,暗示着视觉结构本身蕴含着某种根本性的东西在与我们对话——一种独立于主题而存在的形式语言。
也许我们“解读”构图的方式和我们阅读文本的方式一样——我们的大脑将视觉结构视为一种存在于意识认知之下的基本语法。正如我们在阅读时通常不会考虑将句子解析为主语和谓语一样,我们在观看图像时也不会有意识地解构黄金分割率或三分法则。然而,在这两种情况下,我们的大脑都在将结构转化为意义。
这或许可以解释为什么构图可以独立于内容而令人满足。当我翻阅孩子们的艺术书籍时,即使他们主要对色彩和形状感到兴奋,我也能同时欣赏蒙德里安绘画的构图。我们都在“阅读”同一种视觉语言,只是复杂程度不同。视觉构图的基本语法对我们双方都有意义。
这与阅读有着更深层次的相似之处。正如书面语言使用间距、标点符号和段落分隔来创造节奏并引导理解一样,视觉构图使用负空间、引导线和结构元素来引导我们的视线并创造意义。这些不仅仅是审美选择——它们是我们大脑天生就能处理的视觉语法的一部分。
这或许也能解释为什么某些构图原则会在不同文化和历史中出现。我们处理视觉层次、平衡和比例的方式,或许就像我们识别面孔或解读手势的能力一样,对人类感知至关重要。借用乔姆斯基的语言学术语来说,这是一种“视觉通用语法” 。
尤其令人着迷的是,这种对构图的“解读”几乎是在预知层面发生的。在我们能够说出所见之物的名称或为什么喜欢它之前,我们的大脑已经处理并响应了底层的构图结构。仿佛我们大脑中存在一个部分,它能够解读纯粹的形式,不受内容或语境的影响。
蒙德里安的作品为理解这一现象提供了绝佳的实验平台。他的画作中没有可辨认的物体,没有叙事内容,也没有传统意义上的情感主题。然而,一个多世纪后,它们依然深深地吸引着观者。我们所回应的正是他所认定的:视觉元素之间关系之美——线条之间的对话,色彩之间的张力,以及空间的韵律。
将构图理解为一种阅读形式,或许有助于解释为何设计既直观又易于学习。正如我们通过接触自然习得语言,但也能通过正式学习其规则一样,我们通过经验培养出对构图的直觉,同时也能够明确地学习其原理。
欣赏构图精良的图像或设计,感觉就像在用一种我们从未意识到的语言吟诵诗歌。即使我们无法说出其中的规则,但其语法却令人感到熟悉。意义并非源于我们所看到的事物,而是源于元素在空间中的相互关联。
当我们认识到构图是视觉语言的根本时,我们开始理解为什么好的设计能够发挥如此深层的作用。它不仅仅是为了让事物看起来美观——而是用一种早于文字的语言流畅地表达,利用如同呼吸般自然的感知模式。
将构图理解为基本的视觉语言,对于我们如何处理设计工作有着深远的影响。当我们刻意这样做时,我们实际上是在运用一种平面设计的秘诀:最好的设计是在纯粹的视觉层面上进行的,无论其表面具体是什么文字或图像。这就是“眯眼测试”有效的原因。当我们眯起眼睛观察设计好的界面时,细节会变得模糊,但整体结构仍然清晰可见,这使我们能够更清晰地看到结构、层次和色调平衡等元素。这对设计师来说是一个至关重要的工具;我们不可避免地会到达一个临界点,需要透过内容来确保其他人能够看到它。
无论我创作什么——无论是应用程序的屏幕、网站上的页面,还是其他任何资源——我始终从线框图开始。大多数设计师都这样做。但我的秘诀在于,我坚持使用线框图的时间比大多数人想象的要长得多。无论我的布局最终包含多少准备好的素材,我几乎总是使用替代素材来最终确定布局选择。对于图像,这意味着灰色框;对于文本,这意味着灰色线条。我这样做是因为我知道蒙德里安说的没错:如果一个元素纯粹凭借其结构而美,那么它几乎可以支持任何文本或图像。我可以想象到例外情况,而且我肯定也遇到过,但我从未觉得在添加最终图像、颜色、文本和其他元素后,需要进行重大或耗费人力的结构更改。
我越来越多地看到设计师从高保真(即完整样式)布局开始,甚至从浏览器中已有的组件开始。虽然我通常不会在被要求提出批评性反馈时就从这些开始,但我几乎总是会通过赞扬线框图的优点来支持我给出的反馈。无论环境如何,无论形式如何,建立结构都是我们这个学科最重要的方面。
平面设计的秘密一直为艺术家所知:结构比内容更重要,同时让观众相信相反的观点。
约瑟夫·亚伯斯曾说,他创作的图像能够让观者“看到比实际存在的更多”。这便是所有观看背后的奥秘——总有比可见的更多的东西等待观看。探索这奥秘,你便会拥有一个能够改变你作品的秘密。
原文: https://www.chrbutler.com/the-art-secret-behind-all-great-design