码迷,mamicode.com
首页 > 其他好文 > 详细

设计原则之 亲密性

时间:2015-08-19 21:27:30      阅读:1000      评论:0      收藏:0      [点我收藏+]

标签:

一 亲密性原则介绍

    亲密性原则:将相关的项组织在一起,移动这些项,使他们的物理位置相互靠近,这样一来,相关的项将被看做凝集为一体的一个组,而不再是一堆彼此无关的片段.

     如果某些信息项或组彼此之间并无关联,这些元素就不应存在很近的亲密性(即不应靠近),这样就能为读者提供一个直观的提示,使读者马上了解页面的组织和内容。

    如果多个项相互之间有很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素,就像实际生活中一样,亲密性(即紧密型)意味着存在关联。


    从理解的角度已经知道了如何使用亲密性,而且已经如何将个部分信息收集到相应的组中,所要做的只是把这种技巧具体用到实际页面上,用留白来对元素分组。



二 根本目的

    亲密性的目的是实现组织性,尽管其他原则也能够达到这个目的,不过利用亲密性原则,只需简单的将相关元素分在一组建立更近的亲密性,就能自动地实现条理性和组织性。如果信息很有条理,将更容易阅读,也更容易记住,此外还有个很好的 副产品,利用亲密性原则,还可以使 空白 更美观。


三 如何实现

    薇薇眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素,如果页面上的项超过3~5个,就要看看那些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元



四 要避免的问题

1.不要仅仅因为有空白就把元素放在角落和中央

2.避免一个页面上有太多孤立的元素

3.不要在元素之间留出同样大小的空白,除非各组同属于一个子集

4.标题、子标题、图表标题,图片能否归入其相关材料?在这个问题上一定要非常清楚(哪怕只有有点模糊也要避免)在有很近亲密性的元素之间建立关系。

5.不同属一组的元素之间不要建立关系!若果元素彼此无关,要把它们分开。



五 总结

    如果多个项之间存在很近的亲密性,它们将成为一个视觉单元,而不是多个孤立的元素,彼此相关的项应当归为一组,要有意识的注意你是怎样阅读的,你的视线怎么转移:从哪里开始,沿着怎样的路径,到哪里结束,读完之后,接下来看哪里?整个过程应当是一个合理的过程,有确定的开始,而且要有确定的结束

    把相同属性归为一组,符合视觉轨迹(我们研究喜欢看到有序的事务)。这会给人一种平静,安全的感觉,此外也有注意表达信息。

    利用留白隔断无相关的属性




设计原则之 亲密性

标签:

原文地址:http://my.oschina.net/wolx/blog/494709

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!