ウェブサイトデザイン
視差スクロールとは何ですか?
視差スクロールは、訪問者が Web ページを下にスクロールすると、背景画像が前景よりも遅いペースで動き、奥行きのある 3D 効果の錯覚を生み出す Web デザインのグラフィック手法です。この技術は、1930 年代以来伝統的なアニメーションで使用されてきたマルチプレーン カメラ技術から発展しました。
視差は目の錯覚に基づいています。人間の目は、近くにある物体を遠くにある物体よりも大きく認識するため、遠くにある物体はよりゆっくりと動いているかのように認識します。
この錯覚は、さまざまな媒体にわたる視差に長い間採用され、現実的な効果を促進してきました。最初に使用されたのは、ディズニーの『白雪姫と七人の小人』に遡る伝統的なアニメーションや、スーパー マリオなどのビデオ ゲームでした。
CSS と HTML の進歩により、視差効果は後に、今日私たちが知っているような Web デザインの世界に進化しました。
視差スクロールは、Web デザインで使用される特別なスクロール技術で、Web ページ全体の背景画像が前景画像よりもゆっくりと動き、2 次元サイトに奥行きの錯覚を生み出します。
これは現在、Web デザインで最も使用されているデザイン手法の 1 つですが、おそらくすでに経験していることにさえ気づいていないものでもあります。
これは、すでに慣れている単純な動きであり、多くの Web サイトをダイナミックでインタラクティブに見せるのに役立ちます。
使用する場合は、視差がモバイル エクスペリエンスにどのような影響を与える可能性があるかをブレインストーミングすることが重要です。サイトの速度を向上させ、モバイルのユーザビリティをあまり侵害しないようにするには、通常、視差スクロールを減らすか、完全に削除することをお勧めします。
最初にそれを使用する可能性があるすべてのインスタンスと、複数のデバイスのユーザーに合わせてそれをどのように調整する必要があるかを忘れずに考えてください。
続きを読む こちら.
追加リンク:
[optin-monster slug=”em8z7q6hga9elmy1dbgb”]