设计,从古至今都在潜移默化的影响着人们。例如:亚洲还是有蛮多国家和地区习惯以从右到左阅读;对联对仗工整;诗词歌赋也以各自的规律著作……因此,古往今来,我们的生活习惯、文化习惯等都充斥着摸不着、看不透的设计。只不过,大多数人并没有发现自身已经对设计有所掌握罢了。
在有人活动的世界,就有规矩,而规矩就是设计。
《写给大家看的设计书》将基本的规矩具象化,让人们都能够了解设计,并将自身基因里所携带的对设计的稍些感知强化,就能够轻松应对工作乃至生活各方面。
看完这本非常非常初级的设计类书籍,我感觉像进入了一个新的审美境界,尽管这本书大部分其实讲得是如何【排版】,不过排版确实在我工作中是最需要用到设计的地方。
设计四大基本原则:亲密性、对齐、重复和对比。
亲密性(proximity)
亲密性原则是:将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。
举个栗子:当你在琳琅满目的超市闲逛,首先寻找你所需物品的分类区域。当你需要一支牙刷时,应当前往生活区,然后再在生活区中寻找洗漱用品专柜,接着再寻找牙刷货架……
这就是你脑海中自动浮现出的亲密性原则,它可以是以类别、色彩、功能等进行归类整理组块。生活区为标题,洗漱用品专柜为子标题,而牙刷货架则为内容。这是生活中对于某些选择大脑以亲密性原则来进行目的筛选。
当然,在工作中也是如此,只不过将这种抽象具象化。
这是一张没有任何关联的名片,假设这就是超市,而你所需要了解到的讯息能够明确、快速的得到么?
当没有明确的区块时,会浪费我们所要得到讯息的时间。我们会先看中间,接着再从左往右,至上而下的顺序浏览,接着再确认一遍自己是否没有落下什么讯息。名片上的每一项看起来都与其他项没有关联,这样就会形成阅读障碍。如果我们把名片做一些调整,将相关的讯息归类,建立亲密性,则会快速、明确得到我们所需的讯息。
这就是亲密性原则的作用,能够一目了然我们所需的讯息,并且不会造成阅读困难。如果超市的区域分类乱七八糟,也会造成其他问题。因此,亲密性原则的运用,能够解决大部分阅读问题。
假如万能的淘宝没有使用亲密性原则,只有琳琅满目的商品时,能够快速的得到自己所需要的讯息么?作为精致的猪猪男孩表示,我会点击关闭页面……
使用亲密性原则,归类划分好商品,我们能够清晰得到所需要的讯息,并且做出快速的选择。
小结
亲密性的根本目的是实现组织性。如果信息很有条理,将更容易阅读,也更容易被记住。
避免一个页面上有太多孤立的元素。
不要在元素之间留出同样大小的空白,除非各组同属于一个子集。
在有很近亲密性元素之间建立关系,不属于同一组的元素之间不要建立关系。
不要仅仅因为有空白就把元素放在角落或中央。
对齐(alignment)
对齐原则是指:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。
对齐则像我开头所说的对联要对仗工整,诗词歌赋也以各自的规律著作等。对齐可以制造出一个安静的中心,它的表达则更清晰。
这张名片,就像还没开始军训的闲散队列。没有在队列中形成关系,造成视觉错乱。画条基线是最好检验元素之间,是否缺少关联的方式。
现在教官将这张名片上面的元素队列按照亲密性原则进行区分以后,将所有的元素队列移向左边,所有讯息看起来更有条理。间而形成了共有的边界线,即使没有划线,也能够清晰的知晓,是这个边界线将它们联系在了一起。
居中对齐也是一种的对齐方式,但有个缺点,居中对齐的边界是曲线形式的,看不出对齐线的强度。尽管这是一条看不见的线,但无论是左对齐还是右对齐里,它都很明确,当你你看到这张名片就可以脑补出一条分明的线。而这条线则为整体布局提供了力度。
居中对齐是初学者最常用的对齐方式,这种对齐看起来安全,更正式,更稳重,中规中矩,但通常会显得乏味。通过充分利用亲密性,并结合明确的右对齐或者左对齐,你会有不一样的感受。并不是一定不要居中,而是要留意这种对齐效果,是不是你想要表达的效果。
在进阶之前,最好坚持一个原则,只使用一种对齐方式,所有的文本都左对齐右对齐或者居中。如果你想要尝试在一个页面使用两种对齐方式,那么你就要让它们相互之间有某种联系。
尽管这两个元素用了两种不同的对齐方式,左对齐和右对齐。但是下面右边界跟上文的右边界,被一条看不见的线连接了起来。在页面上放其他项的时候,一定要确保每一项都与页面上的其他项存在某种对齐。如果文本行水平摆放,则按其基线对齐。如果有多个单独的文本块,则对齐其左边界或者右边界。如果有图片元素,将其与页面的其他边界对齐。绝对不要在页面上随意摆放元素。
小结
每个元素应当与页面上的另外一个元素存在某种视觉联系。对齐的根本目的就是使页面统一并且有条理。不论创建精美的、正式的、有趣的还是严肃的外观,通常都可以利用一种明确的对齐来达到目的。
要注意元素放在哪里,应当总能在页面上找出能跟它对齐的元素,尽管这两个元素的物理位置可能很远。
避免在页面上混合使用多种文本对齐方式。
尽力避免使用居中对齐,除非你有意识的想要创建一种比较正式、稳重的感觉。