加入收藏 | 设为首页 | 会员中心 | 我要投稿 应用网_丽江站长网 (http://www.0888zz.com/)- 科技、建站、数据工具、云上网络、机器学习!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

利用相似性和接近性原则,做更好的设计

发布时间:2021-03-15 22:04:53 所属栏目:资源 来源:网络整理
导读:副标题#e# (点击上方公号,可快速关注) 作者:麻辣土豆丝 链接:http://www.jianshu.com/p/e9b228a442d2# 相似性 格式塔心理学的相似性是指:相比分散的元素而言,相似的元素会被认为是有关联的。相似性帮助我们用关联性组织元素,这些属性可以是颜色,大

留白可以用来创建接近性。再用上图的圆形组为例,添加不同的留白空间,我们对元素的认知也会发生改变。我们会认为下面的左图是两列,左右各一组元素。而在右图中,接近性原则让我们将元素理解为两行。在你的设计中利用留白加强分组的关联性,与其他元素区分开。



接近性的作用


接近性原则强到可以抵消其他规则的影响。注意当对元素施加其他属性,例如颜色或者形状时,接近性原则依然胜出。下图中不管颜色和形状如何,每个组依然被看做是单独存在的个体。



接近性的实际应用


当我们在设计信息层级区分时,我们可以用接近性原则在元素间创建关联,帮助更好理解信息。举个例子,apple store中的图片紧密排列在了一起,整体成为一个组,我们会认为整个组里的内容是紧密相关的,认为它们的内容也是相似的。



然而,当我们移除中间的分栏时,会突然发现整个组变成了两部分,我们会期待这两个组提供不一样的内容给我们。



接近性和相似性联合使用


用接近性分好的组可以再用相似性来创建更强的关联属性。如下图中的亚马逊网站所示,使用接近性为元素分好了组,又用大小的相似性将整个页面分成两个大组,因为左边的面积大,我们的注意力自然被吸到了左边。



相似和层级


接近性原则对组织层级关系有奇效。下图来自Crate&Barrel,小标题分组排列,上面还有大标题,创建了关联性,人们阅读起来会更方便。

(编辑:应用网_丽江站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读