今天又看了遍《写给大家看的设计书》,其实第一次看的时候刚好在光滑web改版前一两个月,当时就觉得这本书很神,上面的原则非常简单,都是平时自己排版的时候会用到技巧,但是自己做的时候没有把他们升级到理论的高度,于是经常浪费很多时间去试验更好的设计。
当时给光滑提意见了,也推荐这本书了,无果,现在随便翻翻光滑web,到处是不符合的地方……正好可以放在这里当典型失败设计案例来看看:
http://bbs.fudan.sh.cn
一)亲密性
目的:
实现页面的组织性
这样可以在一瞥之间找到事物与事务的联系
随便在往上搜两个图片,左边一眼间,你不知道应该点哪个菜,而右边则能让人一目了然
要避免的问题:
1.不要因为空白而放置元素
2.避免过多的孤立元素
3.不在一个子集的元素不要留同样的空白
4.在很有亲密性的元素之间建立关系
6.非同组元素不要建立关系
二)对齐:对齐表现一种统一性,增加条理
任何东西都不能在页面上随意安放,每个元素都应当与页面上的另一个元素有某种视觉联系,这样能建立一种清晰、精巧且清爽的外观。
任何元素都不应该随意摆放,而要和某个其他元素产生视觉联系
只有在对齐明显的基础上,偶尔打破对齐,才不会让人感觉是个设计失误,而是种强调对比
规则都是用来打破的.但是必须记住,在打破规则之前必须清楚规则是什么.
如果文档的外观差强人意,可能最大的毛病就是缺乏对齐.我们的眼睛喜欢看到有序的事物:这会给人一种平静、安全的感觉.此外也有助于表达信息.
注意:
1.避免在一个页面上混合使用不同种的文本对齐方式
2.尽量少用居中对齐,除非你想突出他们
3.少用两端对齐,两端对齐同时具有左对齐和右对齐,违反了注意项1
三)重复:让设计中的视觉要素在整个作品中重复出现
可以重复颜色,形状,材质,空间关系,线宽,字体,大小和图片,等等。
既可以增加条理性,又可以增加加强统一性。
本文的标题便是重复的一则实例
注意:
避免重复过多的出现,反而会让人厌烦
四)对比:避免页面上的元素太过相似,如果元素不相同,那就让他们截然不同.
对比产生强调,有助于突出主题
对比有很多种大小、颜色、字体、形状等等都可以形成对比
注意:
对比要鲜明,否则形成重复、亲密性就失去了对比的效果