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

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

Apple Music

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

Figma 这1个功能,让布尔运算提前退休
Figma

Figma技巧Figma 这1个功能,让布尔运算提前退休

猎人 - 龙爪槐守望者9.6

以前想用Figma 把几个简单的图形拼一个复杂的 Logo,或者把一个圆形快速切成几块做个饼图。结果呢,你可能得复制好几个图层,反复用布尔运算的「减去顶层」、「合并形状」,搞...

查看详情

#上下文感知#格式塔#直接操作

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

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

猎人 - AmberDu小白0.0

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

查看详情

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

为什么我总是找不到有道词典?聊聊那些打破用户肌肉记忆的设计 
网易有道词典

体验槽点为什么我总是找不到有道词典?聊聊那些打破用户肌肉记忆的设计 

猎人 - 龙爪槐守望者8.7

我习惯通过手机的字母索引来找App,但是「有道云笔记」以「有道」作为开头,被系统归类在字母「Y」的分类下;而同样是有道品牌的「有道词典」,却在名称前添加了「网易」前缀,变成了...

查看详情

#一致性#体验槽点#分类