为何吸睛
深度感带来强烈第一印象,但会拖慢阅读(Sherwin, 2019),增加无关负荷(Sweller, 1988),掩盖信息线索(Pirolli & Card, 1999)。
移动端注意
小屏阅读更难(Kim et al., 2015),卡顿降低流畅性(Reber et al., 2004)。不要用于无限滚动。
晕动与减少动态
依WCAG 2.2的2.3.3,用prefers-reduced-motion(MDN, n.d.)关闭。优先视觉层级,控制在微交互程度。
常见问题
- 对SEO不利吗?
- 问题多在页面结构而非效果本身。
- 移动端不用吗?
- 轻微效果可以,但须可关闭。
来源核查日期:2026-10-27
参考文献
- Sherwin, K. (2019, January 20). What parallax lacks. Nielsen Norman Group. 视差的可用性问题。
- MDN Web Docs. (n.d.). prefers-reduced-motion. Mozilla. 检测减少动态设置。
- World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.3.3动画标准。
- Kim, J., Thomas, P., Sankaranarayana, R., Gedeon, T., & Yoon, H.-J. (2015). Eye-tracking analysis of user behavior and performance in web search on large and small screens. Journal of the Association for Information Science and Technology, 66(3), 526–544. 小屏阅读更难。
- Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. 动态带来的额外负荷。
- Reber, R., Schwarz, N., & Winkielman, P. (2004). Processing fluency and aesthetic pleasure: Is beauty in the perceiver's processing experience? Personality and Social Psychology Review, 8(4), 364–382. 流畅性与美感。
- Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. 效果掩盖信息线索。
