カード

Card

関連する情報とアクションをひとまとまりの面としてまとめ、一覧に並べられる入れ物UI。

満開の季節に歩きたい、静かな散歩道を紹介する特集記事。

通いたくなる焙煎豆と居心地の良い座席のお店を厳選。

見出しのリンクがカード全面まで拡大されています。ハートのボタンは独立して反応します。

○ 使う場面

カードUI

「カード」という呼び名は、図書館の蔵書目録カードや名刺のように、1件の情報を1枚の小さな紙にまとめて扱う古くからの整理法を、そのまま画面上に持ち込んだ比喩に由来する。画像・見出し・操作をひとまとまりの面として扱えるため、一覧の中でも1件ごとの独立性が保ちやすい。

近縁種	違い・使い分け
データテーブル	カードは「1件=1枚の面」で独立性を出すのに対し、データテーブル（テーブルやリスト）は走査効率を優先する。属性の比較が主目的ならデータテーブルが向く。