《写给大家看的设计书》—读书笔记(上)

《写给大家看的设计书》至今已发行第四版。翻看完这本书后,对于不是设计科班出身但又必须涉及到设计工作的我们来说,面对一些简单的设计工作时不会那么的手足无措。整理了读书时的笔记,在此与大家分享。(文中图片来自网络)

引言部分

◆ 约书亚树 准确陈述问题,是掌握它们的关键

◆ 四大原则

对比:避免元素太过相似。如果元素不同,就让他们截然不同

重复:视觉要素在作品中重复出现,增加条理性和统一性

对齐:每一元素与另一元素有某种视觉联系。另外观清晰、精巧、清爽

亲密性:彼此相关的项归组在一起,建立一个视觉单元。组织信息、减少混乱、结构清晰

亲密性

◆ 在新手设计中出现的问题:元素四处分布、页面关系杂乱无章。 导致的结果:影响阅读效率、页面内容无轻重、阅读顺序无逻辑。

亲密性原则 即紧密性,意味着存在关联

把相关项组织在一起:物理位置的接近就意味着存在关联

运用亲密性原则可以:使页面变得有条理、阅读逻辑清晰、页面留白变得有组织感

◆ 亲密性原则小结: 目的:实现组织性 方法:有意识地注意视线的移动路径;将相关的独立元素建立为视觉单元。 enter image description here

对齐

◆ 在新手设计中出现的问题:习惯性居中对齐、文本与图片随意摆放、不考虑页面上的其他项。

对齐原则

每一项应与页面上某个内容存在某种视觉联系。

与亲密性原则不同:即使这些项并不靠近,但它们属于同一组——以一条看不见的线将彼此连在一起

◆ 居中对齐

在新手设计中常常出现习惯性对齐的情况。居中对齐要有意为之,并且是深思熟虑后的决定。例如:喜帖——传达庄重、正式的信息。

居中对齐的使用技巧:文本放在页面上方,增强紧张性;很正式的居中布局中加入随意、有趣的字体。

◆ 每个元素内的文本对齐方法:只用一种对齐方式

左对齐:方形左对齐 右对齐:方形右对齐 居中对齐:若要文本居中,就要明显地体现出是有意为之 两端对齐:左右对齐、块对齐。使用时要避免字词(尤其英文字母)之间出现难看的空隙。

◆ 各元素之间的文本对齐方法:找一条明确的对齐线,并坚持以它为基准。

每个元素与页面上另外某个元素存在某种视觉联系。要么全部采用同一种方式,要么就全部不采用。在整个作品中强化对齐

◆ 对齐原则小结: 目的:体现统一性。统一且有条理,在各个单独元素中建立视觉纽带,即使物理位置可能不靠近,视觉上统一且相关。 方法:避免混合使用多种文本对齐方式;避免无意识地居中对齐。 enter image description here

重复

◆ 在新手设计中出现的问题:所有标题字体一样、粗细相同;项目中每个列表都使用相同的项目符号。

重复原则

设计的某些方面需要在整个作品中重复来体现一致性。

★ 粗体的重复:设计师用来控制读者视线的一种视觉设计技巧,助于统一整个设计

★ 创建重复单元:从某个方面可能是一致的元素入手,比如:标题和子标题。效果:使一致的元素更为突出。

运用重复原则可以:有助于组织信息,利于单独的部分统一起来;各项看起来同属一组,元素却不尽相同;体现专业和权威性。

◆ 重复原则小结: 目的:统一、增强视觉效果 方法:将一致的元素作为图片设计的一部分 运用纯粹为建立重复而设计的元素;避免太多地重复一个元素;如果一切都是一致的,放入些不同的元素使读者真正意识到你希望他们关注的内容。 enter image description here

对比

◆ 在新手设计中出现的问题:元素不同但区别不大、对比信息的组织不明确。

对比原则

页面上的不同元素之间的对比效果达到吸引读者的对比效果。如果两项完全不同,那就让其截然不同

运用对比原则的效果:增加视觉效果最有效的途径;组织信息;清晰层级;指引读者;制造焦点

◆ 对比原则小结: 目的:增强页面效果,有助于信息组织 方法:运用页面中的各种元素如字体、线宽、颜色、形状、大小、空间等;对比要强烈;拉开距离,做到截然不同。 enter image description here