《写给大家看的设计书》– 笔记

1、概述:


本书从四个方面介绍了一些常见的设计要素,包括 亲密性  对齐  重复  对比  四个方面;可以带领我们了解关于设计的基本入门知识:


2、亲密性:


彼此相关的项应当靠近,归组在一起。进而是多个相关的项组成一个视觉单元,而不再是孤立的元素,从而有助于信息的组织,减少混乱,为读者提供更加清晰的结构。

准则:将相关的项组织在一起,相关的项将被看作凝聚为一体的一个组,而非彼此无关的片段。如下

当我们浏览左边的名片时,目光是不是停留过5次?才能看到全部信息;而当我们浏览右边的名片时,不论从理解上还是从视觉上看都很有条理,这样也能更清楚地表达信息。

亲密性的真正含义是:如果某些元素在理解上存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联。除此之外,其他孤立的元素不应该存在亲密性。位置是否靠近体现出元素之间是否存在关系


3、对齐:


如果页面上一些项是对齐的,这会得到一个更内聚的单元,即使对齐的元素的物理位置是彼此分离的,但在你的眼里(以及心里^_^),它们之间有一条看不见的线把它们连在一起,对齐原则会告诉读者,这些项并不靠近,但它们属于同一组。

原则:任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系,如下

左边的图片采用了居中对齐,并在页面上居中放置,这也是一种合法的对齐的方式,但边界是“软”的;

右边的图片,你能看出右边的“硬”边界吗?尽管这是一条看不见的线,但它很明确连接了两组文本的边界。正是这个边界的强度为布局提供了力度

有时,我们需要打破居中对齐的积习,尝试一下左对齐或者右对齐,或许会得到新的视觉效果。


4、重复:


重复元素可能是一种粗字体,一条粗线,某个项目符号、颜色、设计要素、空间关系等。

准则:设计的某些方面需要在整个作品中重复,重复不仅是自然的一致,还是一种统一设计各个部分的有意识的行为,如下

右边图片相对于左边图片,只是将最后一行电话号码处采用了加粗处理,但当你读到末尾时,你的视线会移向哪里?会在粗体之间来回跳吗?可能会,这正是重复的主旨,把整个作品联系在一起,进而形成统一性。

重复的目的是统一,并增强视觉效果,需要把现有的一致性向前推一步。


5、对比:


对比是为页面增加视觉效果最有效的途径之一,很容易吸引渎职去看一个页面,对比还可以在不同元素之间建立一种有组织的层次结构。

准则:如果两项不完全相同,就应当使之不同,而且应当是截然不同。如下

相对于左边的图片,右边的图片做了如下处理:标题和子标题使用了一种更突出的字体,有助于突出对比效果;底部增加了一个黑条,再重复这种黑色来强调对比。

对比的目的在于增强页面效果,并且要有利于信息的组织。对比处理不好便有可能是冲突。


6、总述:


原版–应用亲密性–应用对齐–应用重复–应用对比,是为浅记


7、参考资料:


1、《写给大家看的设计书》   Robin Williams 著   人民邮电出版社

发表评论

您的邮箱地址不会被公开。 必填项已用 * 标注