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

4大基本原则:对比(Contrast)、重复(Repetition)、对齐(Alignment)、亲密性(Proximity)




亲密性

Robin亲密性原则:将相关的项组织在一起。


为什么需要亲密性:为了实现组织性,让页面从理解上和从视觉上变得更有条理。如果多个项之间存在很近的亲密性,它们将成为一个视觉单元,而不是独立的元素。


如何判断我们设计的亲密性的好坏:要有意识地注意你是怎样阅读的,你的视线是怎样移动:从哪里开始;沿着怎样的路径,到哪里结束;读完之后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要由确定的结束。


如何实现亲密性统计眼睛停顿的次数来数一数页面上有多少个元素,如果页面上停留的项过多,就要看看哪些孤立的元素可以跪在一组建立更近的亲密性。


- 在一个页面上,物理位置的接近就意味着存在着关联。(实际生活也是如此)

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




对齐性:

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


为什么需要对齐性:使页面统一而且有条理如果页面上得一些项是对齐的,这样会得到一个更内聚的单元。


如何实现亲密性:要特别注意元素放在哪里。应当总能在页面上找出与之对齐的元素,尽管这两个对象的物理位置可能很远。每个元素都应当与页面上的另一个元素存在某种视觉联系


- 避免混合使用多种文本对齐方式,不要有些文本居中,另外一些文本右对齐

- 如果文本为左对齐或右对齐,让文本联系在一起的那条看不见的线会更明确。正事这个边界的强度为布局提供了力度

- 居中对齐很庄重、很正式

- 大多数精巧的设计都没有采用居中对齐。充分利用亲密性通过结合明确的右对齐或左对齐,你会惊异于设计的改观

- 如果在同一个页面上同时使用右对齐和左对齐文本,一定要保证让这些文本以某种方式对齐

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

- 如果设计中得对齐很明确,那么可以有意识地打破对齐,而且一定要表现出这是有意的

Robin打破规则:在打破规则之前必须清楚规则是什么




重复性

Robin重复性原则:设计的某些方面需要在整个作品中重复


为什么需要重复性:统一,增强视觉效果易于阅读,更加有趣。设计中视觉元素的重复可以将作品中得各部分连在一起,从而统一并增强整个作品。否则这些部分只是独立的单元。


如何实现重复:把现有的一致性向前推一步


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

- 书中第一个例子,名片中重复出现粗体字,当读者看完以后,会自动的去关联粗体字

- 使用重复原则时,有时可以把一个元素从现在的设计中抽取出来,并根据整个元素创建一个新设计

- 重复并不表示要重复完全相同的东西




对比性

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


倘若连个元素存在某种不同,但差别并不是很大,那么你做出的效果并不是对比,而是冲突。


为什么需要对比性:增强页面效果,更有趣,更有可读性;有助于信息的组织


如何实现对比性:可以通过字体选择、线宽、颜色、形状、大小、空间等来增加对比。如果各个项不完全一样,干脆让它们截然不同


- 对比对于信息的组织至关重要,读者一眼看到文档就能理解文档的内容

- 要增加有意思的对比,最容易的方法就是实现字体的对比。不过不要忘记其他方式的对比

- 确保读者的目光吸引到页面的焦点内容


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值