Parallax-scrolling-in-web-design-background-and-introduction

提供:Dev Guides
移動先:案内検索

背景と紹介

コンピューターまたは携帯電話で現代のWebサイトを閲覧している場合、Webサイトを上下にスクロールすると、画面全体がスクロールの方向に動いているように見えることがあります。 これがバックグラウンドでの効果である場合、スクロールするとフォアグラウンドの情報も変化します。 この効果は、Parallax Scrollingと簡単に説明できます。

スクロール

スクロールしてその意味を理解しましょう。 Webページを表示しているとき、任意の方向(上、下、左、右)でWebページを閲覧するアクションは、スクロールと呼ばれます。

通常、デスクトップコンピューターのユーザーは、マウスのスクロールホイールを使用してこのアクションを実行します。

スクロールホイール

歴史

「スクロール」という言葉を見てみましょう。 昔は、遠くにいる他の人にメッセージを送るために、手書きの巻物が使われていました。 これらのスクロールは次のように見えました-

手書きの巻物

巻物を持っている人の行動を想像してください。 コンテンツを完全に読むには、その人は「スクロール」してさらにロールする必要があります。 これらの巻物の使用は、記録テキストまたは決定を維持するためでもありました。 時間が経つにつれて、巻物の使用は、パピルス、羊皮紙、紙などのさまざまな筆記用具から準備されるにつれて増加しました。

コンピューターが進化するにつれて、非常に大きな文書、表、画像の処理と保存が可能になりました。 データが多すぎて、画面サイズがユーザーにデータを表示するのに十分でない場合がありました。 表示されるデータがウィンドウまたは表示領域のサイズよりも大きい場合、データは非表示のままになります。 これには、画面領域を拡大するアプローチが必要でした。

画面の拡大を達成するためのいくつかのオプションを以下に示します-

  • 画面サイズを大きくするには
  • データサイズを減らすには
  • スクロールを使用するには

このスクロールメカニズムは、グラフィックデザインと写真編集を行う人々にとってより重要です。

視差スクロールの起源

視差スクロールの歴史を見てみましょう。 まず、視差という言葉の意味を理解します。 視差という言葉は、ギリシャ語の*παράλλαξις*(視差)に由来します。

オブジェクトを斜めから見ている場合、オブジェクトは特定の方法で表示されます。 しかし、同じオブジェクトを異なる位置から移動している場合、オブジェクトの明らかな動きがあります。 この現象は視差と呼ばれます。