リスト
画像の多様さより同じ情報項目の比較が重要なとき、繰り返す行に揃えます。
記事を読むコンテンツ配置
リスト・均一なグリッド・メイソンリーを比較し、大きさの違う項目の一覧性と比較方法を決めます。
検索範囲: コンテンツ配置
3 記事
| 概念 | 特徴 | 利点 | 制約 | 適する状況 | 組み合わせ条件 |
|---|---|---|---|---|---|
| リスト | 画像の多様さより同じ情報項目の比較が重要なとき、繰り返す行に揃えます。 | 一定のメタデータ位置が素早い比較を助けます。 | 長い要約でパターンが隠れないよう、内容を短く保ちます。 | 文章中心の項目を見比べる場合に向きます。 | 2列ページの本文領域にリストを置けます。 |
| メイソンリー | 共通の行より画像比率の保持が重要なとき、高さの異なる項目を短い列へ詰めます。 | 短い列がカードを受け入れ、共通行の隙間を減らします。 | 展開後のキーボード順と重なりを確認し、狭い画面では1列にします。 | 視覚資料の収集に向きます。 | 最小限のカード装飾で多様な画像を引き立てます。 |
| 均等グリッド | 同じ幅のカードと共通の行で、似た構造の項目を対等に比較します。 | 共通の行が似た資料の比較を助けます。 | 内容の長さが違うと、高い行に空白が生まれます。 | 似た情報の資料を比較する場合に向きます。 | 平面スタイルなら奥行きなしでカードの境界を保てます。 |