版式设计为什么 Apple Music 的歌词会左右横跳?背后隐藏的空间映射设计原理

产品: Apple Music猎人: 龙爪槐守望者投稿: Kenny做产品 时间: 2026-01-22

Apple Music

与「Apple Music」有关的细节还有 2查看全部

我也有新发现 我要投稿
为什么 Apple Music 的歌词会左右横跳?背后隐藏的空间映射设计原理为什么 Apple Music 的歌词会左右横跳?背后隐藏的空间映射设计原理

细节描述

龙爪槐守望者: Apple Music 在动态歌词功能上的又一次细腻进化。针对双人合唱或多声部歌曲,系统不再死板地将所有歌词居中显示,而是根据当前演唱的人声方位或角色,自动将歌词在屏幕左侧与右侧之间切换排版。背景的弥散光影随旋律律动,视觉中心随着人声的切换在屏幕左右两侧自然跳跃。通过这种空间排版,界面隐性地传递了「角色分配」的信息。 这契合了心理学中的「空间映射(Spatial Mapping)」原理。将抽象的声音方位转化为具体的视觉方位,符合人类的本能直觉。也运用了「格式塔原则」中的「相似性与接近性」,通过位置的区分来界定不同的信息属性。

109人评分
收藏 2
分享细节海报

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

为什么高德把优惠券藏进输入框反而更醒目?
高德地图

视觉层级为什么高德把优惠券藏进输入框反而更醒目?

猎人 - 龙爪槐守望者9.6

优惠券不是应该越显眼越好吗?为什么高德地图偏偏要把它「藏」进输入框里,反而效果更好?当用户进入打车流程后,用户的视觉焦点自然会落在「你要去哪儿」这个目的地输入框上,因为这是他...

查看详情

#优惠券#可供性#心流

数字专辑先听后买,你觉得合理么?
Apple Music

用户体验数字专辑先听后买,你觉得合理么?

猎人 - AmberDu小白0.0

购买数字专辑越来越为大众所接受,但国内很多的音乐平台并不提供试听功能,所以我们通常都是凭借对歌手的喜爱与歌曲的口碑评论进行「盲买」。Apple Music上所有的专辑和歌曲,...

查看详情

#Apple#人性化#操作可预知

打破常规!用球体思维重新定义网站导航
OpenPurpose

动效设计打破常规!用球体思维重新定义网站导航

猎人 - 龙爪槐守望者9.5

如何让我们的网站或者作品集在第一时间就抓住用户的眼球?很多网站看起来都差不多,信息倒是很全,但就是缺少了一点惊喜,很难让人真正记住。OpenPurpose网站的首页设计完全打...

查看详情

#3D#动效#导航