web-dev-qa-db-ja.com

そのような音楽のカバーアート画像のプレゼンテーションは何と呼ばれていますか?

下の画像で使用されているデザインパターンを教えてください。

iTunes: list of cover images

それはなんと呼ばれていますか?

19
Javasamurai

これはCover Flowと呼ばれます。

OS XでApple=(とりわけ))によって使用されます。

Cover Flowは、Macintosh Finderやその他のApple Inc.製品に統合されたアニメーションの3次元グラフィカルユーザーインターフェイス要素であり、ドキュメントのスナップショット、Webサイトのブックマーク、アルバムのアートワーク、または写真。

参照: カバーフロー

編集

コメントから明らかなように、カバーフローはカルーセルパターンに基づいています。

カルーセルは、複数のコンテンツが単一の切望されたスペースを占めることを可能にします。これは企業の内紛を和らげるかもしれませんが、大規模または小規模のビューポートでは、多くの場合、カルーセルを通り過ぎてスクロールします。静的なヒーローまたはUIにコンテンツを統合することは、より優れたソリューションになる場合があります。しかし、カルーセルが主人公である場合、優れたナビゲーションとコンテンツは、カルーセルを効果的にするのに役立ちます。

カルーセルの詳細 こちら

カバーフローの起源についてのコメントを介して提供される別の興味深いリンク here

49
Nick Groeneveld

普通のカルーセルで、ファンシーな3Dタッチです。

Carousel according to the Yahoo design pattern library

画像ソース: Yahooデザインパターンライブラリ

カルーセルはWebページでよく使用されます。このコンテキストでは、カルーセルは常に1つのアイテムを表示し、ある種の自動回転機能を提供します。多くの人は、Webページでカルーセルを(ヘッダーとして)使用することは悪い習慣であると考えていますが、この回答ではカバーしないさまざまな理由があります。

カルーセルにはさまざまなバリエーションがあり、さまざまな方法で使用できます。よく見られる使用法は、一連の画像(またはアルバム)の閲覧で、例のように3Dのような体験を提供するものがあります。

ナビゲーションは、スクロール、タッチ(モバイル)、またはナビゲーションボタンの組み合わせであることがよくあります。カルーセルに含まれるアイテムの数が限られている場合、進行スタイルのナビゲーション要素を使用して、現在選択されている/フォーカスされているアイテム(ページインジケーター)を表示できます。

47
Rolf ツ