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

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

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



上面两个例子说明了颜色在元素关联性上起了多大的作用。在你的作品中使用颜色来区分元素,你会发现作品的分组效果变强了。


相似性的实际应用


当我们做设计的时候,我们可以通过展示元素之间的关联性或者非关联性,传递一种有组织,有联系的感觉。例如,下图Salon网站的两个区块就由自身的大小分成了两部分。我们可以清楚感知到它们是两个独立的元素,左边是头条新闻,右边是浏览最多的新闻。尽管每个部分提供相同的功能——展示阅读的文章,但因为左边的面积大,这样会引导读者花更多精力看头条。



利用大小的相近性原则


与此相反,在下图中的亚马逊网站上不给元素区分大小,这样做为的是不给任何一部分增加权重。尽管如此,大量同样大小,同样形状的元素重复出现也是一种相似性,用户眼中感受到的是一排排的货品。



相近色的使用


我们知道颜色可以强调相似性,有助于组织内容,提升可读性。下图的例子来自Cars.com,相同的颜色帮助用户区分什么是标题,什么是正文,什么是超链接。通过对文本施加醒目的颜色,我们希望它们具有相似性。



接近性


格式塔的接近性原则是指靠的近的元素比离得远的元素更被认为是有关联的。接近性和相似性一同帮助我们组织关联元素。接近性是暗示元素关联性的最佳工具,可以利用它更快更有效的划分信息层级。


下图的圆形展示了接近性是如何影响我们对元素关联性的感知的。我们可以看到,这些圆形彼此分散,没有任何关联,每个都被视为是单独的元素。



然而,当这些圆形被挤到一起,空间上彼此接近时,它们就产生了联系,不再被感知为独立的个体了。

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

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

热点阅读