以AppleMusic为例,为你解读格式塔7大法则优设网

(PS:互联网上有很多解读格式塔心理学的图例,感兴趣的朋友可以DIY,笔者在这里不再过多描述)

1.相似性

相似性:如果元素彼此相似,则元素倾向于被感知为一组。这也意味着如果具有相同功能、含义和层次结构级别的元素,则应在视觉上保持统一匹配。

AppleMusic:歌曲列表、播放列表内的元素拥有相同的功能、含义和逻辑层次结构,所以视觉形式上满足相似性法则并高度统一。

2.接近性

当物体彼此靠近时,它们倾向于被默认感知在同一个组织中。具体来说,物体之间的相对距离会影响我们感知它们是否或者以何种规则组织在一起。互相靠近(相对于其它物体)的物体看起来属于一组,而那些距离较远的则自动被划分到组外。

AppleMusic(iPad端):在专辑页面,专辑基本信息、播放按钮、添加及更多按钮在内部空间上保持接近,方便用户熟悉同类功能并完成交互动作。

3.连续性

视觉倾向于感知连续的形式而不是分散的碎片。

我们的思想更喜欢阻力最小的道路。连续性帮助我们通过构图来解释方向和运动。它在对齐元素时发生,它可以帮助我们的眼睛顺利地穿过页面,有助于提高易读性。连续性原则加强了对分组信息的感知,创建了秩序并引导用户通过不同的内容细分。——InteractionDesignFoundation

4.闭合性

视觉会自动尝试将空出/残缺的图形闭合(或脑补)起来,从而将其感知为完整的物体而不是破碎的物体。

简单点说,当图形是一个残缺图形,但主体有一种使其闭合的倾向,即主体能自行填补缺口从而将其感知为一个整体。

AppleMusic:在为你推荐、浏览、广播页面水平方向的第一屏,用残缺的元素形状内容表示页面的水平空间仍有元素信息未完全显示,用户看到「残缺」的形状后,会自动脑补剩下的形状。

5.图/地法则(主体与背景法则)

图/地法则表明用户界面需要将主体对象与背景区分开来。

这个原理指出:我们在感知事物的时候,总是自动的将视觉区域分为主体和背景。一旦图像中的某个部分符合作为背景特征的话,我们的视觉感知就不会把它们作为主体焦点。根据这样的原理在用户界面设计当中,我们就可以通过一些处理将图像中的某些部分变成背景,这样可以显示更多的信息或者将用户的焦点转移。——InteractionDesignFoundation

主体指的是在界面当中占据我们主要注意力的所有元素,其余的元素在此时,均成为背景。当主体与背景重叠时,人的视觉更加倾向于将小的物体视为主体,大的物体视为背景,所以我们可以通过大小与图地关系,将我们希望传递的不同层次的内容进行展示。

AppleMusic:在音乐播放页面,在白色背景上,有非常突出的主体:专辑封面、进度条、播放控制按钮等,此外当用户进行播放控制时,专辑和进度条的大小会随之变化,这种主体与背景的层次对比很鲜明,非常符合iOS设计语言。

6.Prgnanz(或简单法则)

Prgnanz是一个德语单词,意思是「简洁」。人的眼睛喜欢在复杂的形状中找到简单而有序的对象,当我们在一个设计中看到复杂的物体时,眼睛更愿意将它们转换为单一统一形状,并尝试从这些形状中移除无关的细节来简化这些物体。说到这里,不得不提一下设计领域里的金句:

LessisMore

简单的东西往往带给人们的是更多的享受。——20世纪30年代著名建筑师路德维希·密斯·凡德罗

AppleMusic:如果页面需要引导用户进行某种操作,AppleMusic会突出那些用户目标非常明确的功能按钮;此外,大多数艺人照片的背景几乎是纯色,旨在突出艺人形象。

7.共同命运法则

AppleMusic:在完成选择喜爱的音乐类别和艺人时,选中的对象会一同被「装进」下方的按钮。

不论是格式塔原理还是尼尔森系列还是交互7大定律,其实这些基本法则的应用并不是相互独立的,相反它们之间具有高度的关联性,是相辅相成的关系,我们需要根据不同的需求类型和用户场景,运用这些基本法则打出组合拳。

THE END
1.命运关于命运最好的解释: 当你面对一件事的时候 按照以往固有的性格习惯和逻辑做出的行为 这叫命 如果事情发生时 你冷静思考权衡利弊后 做出的决定和行为不符合过往的性格和逻辑 有很大偏差 这个叫运 所以运是改变 命是定数 所谓的逆天改命 逆的不是天 https://www.jianshu.com/p/81acb26c438f
2.荣格告诉你什么是命运?荣格告诉你什么是命运? “命是定数,运是改变,逆天改命逆的不是天,而是自己的本能。” 运是改命而是 END 阅读1 声明:本文内容由脉脉用户自发贡献,部分内容可能整编自互联网,版权归原作者所有,脉脉不拥有其著作权,亦不承担相应法律责任。如果您发现有涉嫌抄袭的内容,请发邮件至maimai@taou.com,一经查实,将立刻删https://maimai.cn/article/detail?fid=1845907595&efid=IBO17SL1FcBaP8SVWQL-qg
3.穷人算命,富人烧香的心理学解释:穷来自弘毅宫“穷人算命,富人烧香”--的心理学解释:穷人天天想的就是如何改变命运,所以总喜欢去算命,奢望命中有运。而富人已实现了财务自由,就没兴趣改变命运了,于是就烧个香,求神佛保佑自己别出事。如此,引申出另一句https://weibo.com/3763554674/Nz9Xg99xm
4.浅显易懂的心理学小知识(偷窥心理学家的书桌)书评浅显易懂的心理学小知识 皮格马利翁效应模拟监狱实验(挑情绪稳定、成熟守法的21名中产阶级、白人、本科学历,随机10人犯人,11名看守。正常健康受过教育的年轻人在监狱环境的团队压力下迅速转变,当一个人遭遇消极的期待时,他可能会变得消极起来)、罗森塔尔实验(小学任选学生专家告知校长和老师是学业冲刺潜力很大的学生)https://book.douban.com/review/13936125/
5.梦见踩高跷是什么意思梦见踩高跷的心理学解释 人们梦见踩高跷,说明你的命运正可能处于危险的状况之中,而如果在梦中你不小心从高跷上摔下来,或着是你的高跷被折断了,可能你有些什么事情需要你朋友帮忙,还会引来不少的麻烦。 如果在梦中梦见只用一只脚踩高跷,感觉自己很别扭。一瘸一拐的。可能是你自己对现在的生活不是很满意,非常怀念以http://www.zgjiemeng.com/shenghuo/572532.html
6.恋爱心理学超星尔雅学习通网课答案试用斯滕伯格的爱情三角形理论解释这一现象。3.1男女的生理差异1、【单选题】“生理结构便是命运”是哪位心理学家提出的? A、弗洛伊德 B、班杜拉 C、艾里克森 D、弗洛姆2、【单选题】大脑中控制男女差异开始的机制是? A、胼胝体 B、脑下垂体 C、下丘脑 D、延脑3、【单选题】掌握身体变化的媒介是? A、雄性http://xuzhou.ehqc.cn/html/92_94.html
7.麦叔叔的通识课:西方哲学篇存在主义:你能真正选择你的命运吗?2. 心理学与治疗 存在主义对心理学和治疗方法也产生了重要影响。存在主义疗法强调个体的自由选择和自我责任,帮助人们在面对人生困境时,找到自己的道路。 在存在主义疗法中,治疗师会帮助患者探索他们的生活选择,理解他们的存在方式,鼓励他们主动面对生活中的挑战和困境。 https://www.gcores.com/articles/185111
8.经常梦见前男友是什么意思总是做梦梦到前男友好不好【梦见梦见前男友的心理学解释】 也许你们在以前交往的过程中他给你留下了太深刻的印象,可能是很好的也可能是最坏的,这个只有你知道,人这一辈子,也许最后跟一起的不是你最爱的,而最爱你的也不在你的身边,安心,好好珍惜现在吧 至少潜意识里你还忘不了你的前男友咯.就算不是日有所思,夜有所梦,也至少证明https://www.zhouyi.cc/jiemeng/daquan/20710.html
9.新书推荐内容介绍(一)《应该读点心理学》主要从情绪心理学、自我管理心理学、家庭心理学、社交心理学、求职心理学、办公室心理学、推销心理学、经营与管理心理学方面入手,以理论与实例相结合的形式,论证了如下方面的问题:怎样了解人的心理,从而使人与人之间的关系更为和谐融洽;怎样控制自己的情绪以收获幸福和快乐,以及怎样利用人们的心理https://www.scmyns.com/nd.jsp?id=1191