maohelu的个人博客分享 http://blog.sciencenet.cn/u/maohelu

博文

写给大家看的设计书(1)——亲密性原则

已有 4832 次阅读 2016-9-30 14:24 |个人分类:技术文章|系统分类:科研笔记

 今天开始给大家介绍一本新的设计书,叫《写给大家看的设计书》,粗粗翻阅这本书最大的特点就是举例用的设计图都特别赞,下面我们来一睹为快。

 设计的四个基本原则:对比、重复、对齐、亲密性。这四个原则看文字就能很明白,我就不解释了,不过看似简单的四个原则,还是建议在设计完成后将四个原则和你的成果进行比对。本书中有很多很好的设计效果图,随便拿出来任何一个,都能跟四个基本原则完美对应上。大家可以从下面的这张图中学习这四个原则。例子很棒吧,不用过多解释,大家一看就明白。


 下面我们来看亲密性原则,亲密性原则可以和“Don’t make me think”书中分组的概念吻合,用分组来将关系密切的内容放在一起,形成一个视觉单元,建立一种清晰的外观。下面以书中提供的一个例子来带大家深入体会亲密性原则的重要性。


 这是设计师设计的一张图,我一眼看过去,感觉还行,但总觉得哪里怪怪的,我判断是段落间距问题。我们看书中给的解释,个人感觉真是太完美了。

 书中提到,这个小传单在每个段落和标题后面都加了两个回车,这样一来,标题和它上下的正文之间就有同样的距离,所以看上去他们是孤立的、没有任何关联的项,也无法分清标题是属于上文还是下文的。这里呢,还有很多空白可以利用,不过这些空白都被打散了。如果像这样“截留”空白,从视觉上看就会把元素分隔开。

 本书做了如下修改:

l  把标题和相关文本段保持亲密性(使得条理清晰了,元素内部不再截留空白,页面看上去有更过的空间);

l  电话号码和Email地址分行放置,但归为一组,与其他信息分开,这样就能作为重要信息突出出来;

l  将居中改为左对齐,这样就留出了更多空间将图片放大。





https://blog.sciencenet.cn/blog-916405-1005979.html

上一篇:Don't make me think(5)——提高/降低好感的几种方式
下一篇:写给大家看的设计书(2)——对齐原则
收藏 IP: 27.223.77.*| 热度|

1 李颖业

该博文允许注册用户评论 请点击登录 评论 (0 个评论)

数据加载中...

Archiver|手机版|科学网 ( 京ICP备07017567号-12 )

GMT+8, 2024-7-19 13:15

Powered by ScienceNet.cn

Copyright © 2007- 中国科学报社

返回顶部