- 1、本文档共39页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
The Non-Designer's Design Book
写给大家看的设计书
第一讲:设计原则
优秀的设计
就这么容易……
学习4大基本原则。
1 它们比你想像得要简单。
认识到自己没有运用这些原则。
2 形诸文字陈述问题。
应用基本原则。
3 结果将使你大吃一惊。
设计的四大原则
对比(Contrast)
基本思想是,避免页面上元素太过相似。如果元素,如字体、颜色、大小、线宽、形
状和空间等不相同,就让它们截然不同。
对齐(Alignment)
每个元素都应与页面上另一个元素有某种视觉联系。在对齐很明显的基础上,可以偶
尔打破对齐规则。
重复(Repetition)
可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等,增加条理性和
加强统一性。
亲密性(Proximity)
彼此相关的项应当靠近,归组在一起。若多个项之间存在很近的亲密性,它们会形成
一个视觉单元,而不是多个孤立的元素。
亲密性原则
实现组织性
亲密性
也许光从字面上来说,版式设计中的“亲密性”似乎不太好理解,
正常的情况下,我们都会把“亲密性”理解为人与人之间的关系的一种
表现,事实上在版式设计中的“亲密性”的确也有类似人与人之间的关
系的意思。
也正是印证了那句话——物以类聚,人以群分 !
“亲密性”的原则即是将逻辑上存在关联的元素排列组合在一起,
使其被看作是一个密切相关的整体,而不是一堆杂乱无章的元素。
亲密性
从书中所给的例子,可以看出版式设计中的“亲密性”实际上是对
信息的分类整理。即是通过这个“亲密性”原则,对页面中出现的杂乱
无章的元素重新组合,使其有一个清晰明了的结构,可以让读者在最短
的时间内获取页面中的正确的内容。
亲密性
进行“亲密性”原则设计的第一步,即是对元素的归类组合,将页
面中所需要出现的元素按照某种逻辑进行归类划分,对于同一组合内的
元素在物理位置上赋予其更近的距离,而不同组合之间的物理位置显然
要更远。
这也是页面留白设计的一个核心。
然而对于一个页面的设计来说,仅仅只是依靠“亲密性”原则并不
能解决问题,除了“亲密性”之外,在页面的设计中还需要使用到对
齐、对比、重复等原则,“亲密性”只是版式设计的第一步,更多的意
义是在于对元素的组织性上。
亲密性
亲密性小结
如果多个项之间存在很近的亲密性,它们将成为一个视觉单元,而不
是多个孤立的元素。彼此相关的项应当归在一组。要有意识的注意你是
怎样阅读的,你的视线怎样移动:开始 → 路径 → 结束;读完后,接
下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要
有确定的结束。
根本目的
实现组织性。 将相关的元素建立亲密性,更容易阅读,更容易被记
住,还可以使空白更美观。
亲密性小结
如何实现
眯起眼睛,统计眼睛停顿的次数,来数数页面上有多少元素;
要避免的问题
不要仅仅因为有空白就把元素放在角落或者中央;
避免一个页面上出现太多的孤立元素;
不要在元素之间留出同样大小的空白,除非各组属于同一个子集;
在有很近亲密性的元素间建立关系;
不属于一组的元素不要建立关系,分开。
对齐原则
使页面统一且有条理
对齐
如果说亲密性原则是对元素的归类组合,是将元素之间逻辑理解上的差异
在视觉上表现出来,是属于信息分类的话,那么对齐原则即是在视觉上串起
这些差异化元素组合之间的那根线,即是保证元素之间的统一性。
虽然亲密性原则说的是在逻辑理解上没有关系的元素组合之间应该以更远
的距离表现出来,但对于同一个页面内的元素组合而言,它们都是围绕着同
一个主题核心的,它们的差异性在逻辑上只是同一个主题的不同属性而已,
所以需要一种方式,让页面中的所有元素看上去统一、有联系而且彼此相
关,将这些不同元素之间的关联在视觉上表达出来。
这种方式,即是对齐。
对齐
对齐的方式可分为左对齐、右对齐、居中对齐以及两端对齐。虽然对
齐的方式
文档评论(0)