优秀的设计?其实很简单!这样的信息栏,大家都觉得不好,但是可以说出不好的原因吗?优秀设计的4个基本原则C.R.A.P对比(Contrast)重复(Repetition)对齐(Alignment)亲密性(Proximity)亲密性(Proximity)•亲密性(Proximity):将相关的项目组织在一起,使他们的物理位置相互靠近,如果某些项彼此间并无关联,这些元素就不应该靠近。•你的眼睛是不是停留过5次?•亲密性(即紧密型)意味着存在关联。这是一张舞蹈课的宣传卡片运用亲密性重新组织•左侧的列表问题在于,所有的元素都与其他元素凑在一起,看不出他们之间的关系,也无法知道信息的组织•右侧还是同样的列表,但是已经有意识地形成了多个组经过亲密性原则组织后,信息变得如此清晰,一眼就可以收获很多的信息量有什么区别,看出来没有?这个用好了亲密性吗?看到变化了吗?亲密性小结•根本目的:相关联的元素,靠拢在一起•如何实现:眯起眼睛统计,超过3~5个元素,就需要行动•要避免的问题:没有关系,就不要建立联系,要分开对齐(Alignment)•对齐(Alignment):任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。这里右侧有一条看不见的线,将彼此分离的文本,连在了一起这个图中可以看出,那一小段引用的文本,虽然在页面的元素之间是打破了对齐规则的,但是其仍然与标题是左对齐的。对于打破对齐规则的设计的好坏,关键在于其在对齐性上所针对的范围。找出10处未对齐的错误对齐小结•根本目的:统一而且有条理,将衣服收到柜子里•如何实现:注意各元素位置,不管距离多远,首尾有呼应要避免的问题:尽量不要混合使用多种对齐方式对齐小结•根本目的:统一而且有条理,将衣服收到柜子里•如何实现:注意各元素位置,不管距离多远,首尾有呼应要避免的问题:尽量不要混合使用多种对齐方式重复(Repetition)•重复(Repetition):设计的某些方面需要在整个作品中重复。重复可以看作是一种一致性,目的是为了保持进一步统一。读到信息的末尾时,你的视线是不是会在名片上四处漫游?•读到信息的末尾时,现在你的视线会移向哪里?会在粗体元素之间来回跳吗?可能会,这正是重复的主旨,它能把整个作品联系在一起,提供一致性。•要创建重复元素,可以从标题和子标题入手,这是一个很好的起点,因为这些元素很可能在某个方面是一致的•使一致的元素更为突出,如标题和子标题的字体。•这里有多少个重复的元素重复小结•根本目的:统一,增强视觉效果•如何实现:把现有的一致性,更向前推进一步•要避免的问题:避免太多地重复同一个元素,否则将混淆重点,重复太多,会让人讨厌!对比(Contrast)•对比(contrast):如果2个项不完全相同,就应当使之不同,而且应该是截然不同。•两个简报,哪个感觉更想拿起看看?•这本好书的摘要,至少增加了哪4种对比?•这个是寻狗启事吗?•这样看起来像个广告了•天壤之别的原因,只是因为运用了4大原则对比小结•根本目的:增强页面效果,有意思,更有可读性•如何实现:对比一定要强烈!•要避免的问题:不要犹豫!复习•一份中规中矩的报告封面•请大家来修改设计•小测验:7个区别,找出来,违反了什么原则?