web-dev-qa-db-ja.com

「スライダー」、「ギャラリー」、「カルーセル」の違いは何ですか?

パターンの観点から違いはありますか?または、同じものに対して本当に異なる名前ですか?

24
Martin Duys

スライダーとカルーセルは実質的に同じ意味を意味します:おそらく事実上一度に異なるが、それらは今日、ある意味または他の意味を効果的に伝えることができなかったほどの程度に統合されています誤解されることなく。 1)jqueryの「sliders」と「carousels」の簡単なGoogle調査は、同じことの多くのバリエーションを示しています。人々は写真の「ギャラリー」を表示する手段としてこれらの用語を交換可能に使用しています。 2)私のオフィスの開発者は「tomayto tomahto」で質問に答えます。

ギャラリーの場合、これらは、カルーセルとスライダーを介して表示される画像の全体のコレクションです。ギャラリーはグリッドとリストで表示される傾向があります。

Andrewの使用法(slider = horiz/vert、carousel = rotating focus)自体には同意しませんが、誤解されないようにする用語を使用したい場合は、すべてをカルーセルと呼んで、それが使用するナビゲーションの種類:フィルムストリップ、スライダー(私はそれは避けますが)、前/次または停止/再生ボタン、ドットなど。

私が何を意味するかの例を示すためにいくつかのスケッチを添付します:

Galleries Carousels & Sliders

覚えておいてください、私たちが話していることはすべて、実際の写真とスライドの物理的なアナログから生まれています。昔は プレゼンテーションスライドカルーセルスライドプロジェクター を使用して表示されていました。

35
Taj Moore

スライダーとカルーセルは[〜#〜] not [〜#〜]と同じです。スライダーは画像を水平方向または垂直方向(通常は水平方向)にスライドさせ、通常は運動量効果を伴います。

カルーセルは、距離と被写界深度を使用して、画像を放射状に3D感覚で回転させます。それらは、画像が常にあなたに向いている軸を中心に回転します。

ギャラリーは通常、すべての画像を表示できる場所ですが、だからといって、スライダーやカルーセルがすべての画像を表示できないわけではありません。ギャラリーは、画像を表示するものを包括する用語でもあります...または画像を表示するページの名前。通常、完全に満たされたギャラリーは、マトリックスレイアウトでスタイル設定されます。

すべてまたは注目の画像のコンテンツと包含は、アプリケーション(サイト、アプリなど)の設計者の心にかかっています。

14
Andrew Davis
  1. ギャラリー-通常はピントレストタイプの方法で、または段階的にシリーズとして表示されるものの選択。

  2. カルーセル-自動またはユーザー入力によって駆動されるか、公平な場所で回転するものの選択です。

  3. スライダー-通常、音楽/ビデオアプリ(シークバー)などで見られるコントロール要素であるか、ユーザーが任意のポイントでドラッグまたは選択するボリュームコントロールとして見られます。スライダーは、ユーザーが直感的な方法で値を微調整できるようにするのに役立ちます。

時間の経過とともに、人気のカルーセルで使用されているアニメーション(左/右のスライド)に由来するように見える用語が重複しています。

3
Glen Cooley

「スライダー」と「カルーセル」の明確な違いは、両方が提供するユーザーエクスペリエンスにあり、両方の単語のコンテキストを定義します。

  1. Slider->変数を制御するために水平または垂直に移動するノブまたはレバー。
  2. カルーセル->メリーゴーランド。

個人的に、私はそれらを「際立って」扱い、明確にし、そして届けることを選ぶでしょう!アンドリューの視点にこだわる! ; o)

2
Tommy