平面设计教程板式设计

发布于 2022-06-02 12:57

好书分享下载地址

链接：https://share.weiyun.com/lgXmPgUb

获取访问密码

第二章设计的4大基本原则亲密性

以下是对基本设计原则的概述，每一个优秀的设计中都应用了这些设计原则。尽管我在后面将逐个讨论各个原则，不过要记住，它们实际上是相互关联的。只应用某一个原则的情况很少。

对比（Contrast）

对比的基本思想是，要避免页面上的元素太过相似。如果元素（字体、颜色、大小、线宽、形状、空间等）不相同，那就干脆让它们截然不同。要让页面引人注目，对比通常是最重要的一个因素，正是它能使读者首先看这个页面。

重复（Repetition）

让设计中的视觉要素在整个作品中重复出现。可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片，等等。这样一来，既能增加条理性，还可以加强统一性。

对齐（Alignment）

任何东西都不能在页面上随意安放。每个元素都应当与页面上的另一个元素有某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

亲密性（Proximity）

彼此相关的项应当靠近，归组在一起。如果多个项相互之间存在很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。这有助于组织信息，减少混乱，为读者提供清晰的结构。

一点说明

从繁杂的设计理论中抽取这 4 条原则时，我考虑过，这些概念性思想应该有一个合适的、便于记忆的缩写词，可以帮助人们记住这些原则。尽管缩写词很好记，但并不太合适①，实在抱歉。

不过，现在在互联网上到处都能发现这个缩写和设计的联系，而这本书就是起源。

好的表达方式

就像黑咖啡那样

令人振奋

品味之后让人

倦意顿消

亲密性（Proximity）

在新手的设计中，单词、短语和图片四处分布，连角落也不放过，它们占据了每一处空间，以至于根本没有任何留白，这种情况比比皆是。看上去似乎是设计者们不敢留有空白。不过要知道，如果一个设计中充斥着太多的内容，这个页面会显得杂乱无章，读者也无法从中很快看到所需的信息。

Robin 亲密性原则是指：将相关的项组织在一起，移动这些项，使它们的物理位置相互靠近，这样一来，相关的项将被看作凝聚为一体的一个组，而不再是一堆彼此无关的片段。

如果某些信息项或组彼此之间并无关联，这些元素就不应存在很近的亲密性（即不应靠近），这样就能为读者提供一个直观的提示，使读者马上了解页面的组织和内容。

下面这个简单的例子很好地阐释了这个概念。这正反映了亲密性的概念，在一个页面上，物理位置的接近就意味着存在关联（实际生活中也是如此）。

如果我们看到这样两个人走在街上，他们的关系并不明确。他们有关系吗？他们认识彼此吗？

现在，这两个人之间的亲密性告诉我们，他们之间存在关系。在页面上也是同样。

来看看下面这个企业名片的布局，这是一种很典型的布局。在这样小的空间里你看到多少个单独的元素？你的眼睛要停下来多少次才能看全这张名片上的所有信息？

你的眼睛是不是停过 5 次？当然，这张小小的名片上放置了 5 项孤立的内容。你是从哪里开始的？可能是从中间，因为中间的短句字体最粗。接下来看什么？是不是按从左向右的顺序读？（因为这是英语。）如果已经读到名片的最后（即右下角），你的目光又会移向哪里？你是不是还会全盘再巡视一番，确保自己没有遗漏任何角落？

如果再添点乱，情况会怎样呢 ?

现在有两个元素都是粗体，你又该从哪里开始呢？从左上角吗？还是从中间开始？

读完这两项之后，接下来看什么？也许你会在这些粗体词之间看来看去，紧张兮兮地想找出角落里还隐藏着哪些词尚未看到。你知道什么时候才算完吗？

你的朋友是不是也像你这样？他们会不会用不同的方式读这个名片？

如果多个项相互之间有很近的亲密性，它们就会成为一个视觉单元，而不是多个孤立的元素。就像实际生活中一样，亲密性（即紧密性）意味着存在关联。如果把类似的元素组织为一个单元，马上会带来很多变化。首先，页面会变得更有条理。其次，你会清楚地知道从哪里开始读信息，而且明白什么时候结束。另外， “空白”（字母以外的空间）也会变得更有组织。