写给大家看的设计书 (第3版)

2 篇文章 0 订阅

设计原理:亲密性、对齐、重复、对比


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

将类似的项归为一组来建立很近的亲密性时,有时需要做一些修改,如需要调整文本的大小或字体粗细,或者要改变图片的大小或放置位置,等等。

亲密性的思想并不是说所有一切都要更靠近,其真正的含义是:如果某些元素在理解上存在关联,或者相互之间存在某种关系,那么这些元素在视觉上也应当有关联。除此以外,其他孤立的元素或元素组则不应存在亲密性。

用留白来对元素进行分组。

亲密性的根本目的是实现组织性。


Robin 对齐原则是指:“任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系”。

居中对齐会创建一种更正式、更稳重的外观,这种外观显得更为中规中矩,但通常也很乏味。

有时,你可能会在居中布局上增加一点小技巧,如将文本居中,但是文本块本身不居中。或者将文本放在页面的上方,增加紧张性。或者在一个很正式的居中布局中设置一种非常随意、有趣的字体。

页面上只使用一种文本对齐:所有文本都左对齐,或右对齐,或者全部居中。有时,你可能喜欢在同一个页面上同时使用右对齐和左对齐文本,不过一定要确保让这些文本以某种方式对齐!

找一条明确的对齐线,并坚持以它为基准。

不过有一点要记住,规则都是用来打破的。但是必须记住,关于打破规则本身也有一条 Robin 规则:在打破规则之前必须清楚规则是什么。


Robin 重复原则指出,“设计的某些方面需要在整个作品中重复”。重复元素可能是一种粗字体、一条粗线,某个项目符号、颜色、设计要素,某种格式、空间关系等。

可以把重复认为是“一致性”。如果一个出版物有非常好的一致性,则可以放入一些与众不同的元素,使读者真正注意到你希望他们关注的内容。

重复的目的就是统一,并增强视觉效果。

要避免太多地重复一个元素,重复太多会让人讨厌。要注意对比的价值。


Robin 对比原则指出:“如果两个项不完全相同,就应当使之不同,而且应当是截然不同。”

要想实现有效的对比,对比就必须强烈。千万不要畏畏缩缩。如果各个项不完全一样,干脆让它们截然不同!

要增加有意思的对比,最容易的方法就是实现字体对比(这也是本书第二部分的重点)。不过不要忘记,还可以利用线、颜色、元素之间的间隔、材质等形成对比。

不要害怕让一些项很小,这样不仅可以与更大的项形成对比,还能留出更多的空白!一旦读者把握住重点,只要他们感兴趣,自然会去读这些较小的文字。

对比的根本目的有两方面:一是增强页面的效果,使之更有意思更具可读性;二是有助于信息的组织。


Example steps:
1. 去掉 Times Roman 和 Arial/ Helvetica 字体。把这些字体干脆从你的字体选择中去除。相信我没有错。(另外把 Sand 也去掉)。
2. 去掉居中对齐。我知道这么做很难,但是必须如此。等你更有眼光之后,可以再做一些居中对齐的尝试。
3. 找出页面上最有意思的东西,或者最重要的东西加以强调!把最重要的东西放在一起,这样读者就不会漏掉重点。
4. 把信息分组为一些逻辑组。合理利用空间,将各项分开或者联系起来。
5. 找出可以重复的元素(包括对比的元素)。
6. 最重要的是,要增加对比。以上可以看到黑白对比、灰度对比、字体大小和字体的对比。





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值