CampusDownWiki
累計引用 16,203한국어KO 2,699EnglishEN 11,187日本語JA 774中文ZH 1,543
CampusDown(韓国語)↗
日本語

パララックススクロール

⚙️ 工学・技術 執筆 CampusDown ウィキ編集部 最終更新
パララックススクロールとは、スクロール時に背景と前景を異なる速度で動かし立体感を生む視覚効果です。
目次
  1. 1. なぜ目を引くか
  2. 2. モバイルでの注意
  3. 3. 酔いと配慮
  4. 4. よくある質問
  5. 5. 参考文献

なぜ目を引くか

奥行きで強い第一印象を与えますが、読解を妨げ(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

参考文献

  1. Sherwin, K. (2019, January 20). What parallax lacks. Nielsen Norman Group. パララックスの使い勝手の問題です。
  2. MDN Web Docs. (n.d.). prefers-reduced-motion. Mozilla. 動きを減らす設定の検出です。
  3. World Wide Web Consortium. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. 2.3.3アニメーション基準です。
  4. 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. 小画面での読みにくさです。
  5. Sweller, J. (1988). Cognitive load during problem solving: Effects on learning. Cognitive Science, 12(2), 257–285. 動きによる余計な負荷です。
  6. 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. 流暢性と美的快感です。
  7. Pirolli, P., & Card, S. (1999). Information foraging. Psychological Review, 106(4), 643–675. 演出で手がかりが失われます。

この理論を使ったレポート・資料(韓国語)

この理論だけを扱った資料はまだありませんが、CampusDown 資料室(韓国語)で関連レポートを検索できます。

レポートをもっと探す・「패럴랙스 스크롤」の検索結果 →

あわせて読みたい理論

最新記事すべて見る ›

大学の勉強・課題に役立つ新着記事(韓国語)

この記事は2026年10月27日に最終更新されました。内容は広く知られた原典と教科書に基づいて整理していますが、レポートで引用する際は参考文献の原典を必ず確認してください。