コンテンツ配置

リスト

同じ6件の資料で配置を比較。

同じ6件の資料で配置を比較
収集資料 / 06

視覚のかけら

同じ6件の資料で、配置による読む流れの違いを比べてください。

01

色の地図

街歩きで集めた配色です。

研究メモ

形、間隔、コントラストを比べます。次の案の横に資料を置き、細部を見直してください。

02

紙のかたち

折った紙で体積と影を探ります。朝と夕方の光で縁を比べます。

研究メモ

形、間隔、コントラストを比べます。次の案の横に資料を置き、細部を見直してください。

03

街のリズム

通りに沿って窓が繰り返されます。

研究メモ

形、間隔、コントラストを比べます。次の案の横に資料を置き、細部を見直してください。

04

静かな幾何

単純な形の間に余白を残します。円、三角形、線が一枚の紙を分け合います。

研究メモ

形、間隔、コントラストを比べます。次の案の横に資料を置き、細部を見直してください。

05

文字の研究

文字の形、内側の空間、間隔を比べます。

研究メモ

形、間隔、コントラストを比べます。次の案の横に資料を置き、細部を見直してください。

06

光の記録

暖色と寒色の光が同じ表面を変えます。次の研究のため観察の横に記録を残します。

研究メモ

形、間隔、コントラストを比べます。次の案の横に資料を置き、細部を見直してください。

本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。

概念

繰り返す行が題名、要約、メタデータを一定の位置に置きます。

実例

6種類のレイアウトで同じ6件の資料、ラベル、色を使います。テーマの絞り込み、収集順の反転、研究メモ、表示幅を操作します。内容を変えずに読む流れを比べます。リセット・再読み込みで全件と収集順に戻ります。 画像と文章が整列した行で繰り返されます。

選ぶ条件

文章中心の項目を見比べる場合に向きます。 長い要約でパターンが隠れないよう、内容を短く保ちます。

W3C

比較のまとめ
同じ分類の比較
概念特徴利点制約適する状況組み合わせ条件
リスト繰り返す行が題名、要約、メタデータを一定の位置に置きます。一定のメタデータ位置が素早い比較を助けます。長い要約でパターンが隠れないよう、内容を短く保ちます。文章中心の項目を見比べる場合に向きます。2列ページの本文領域にリストを置けます。
続けて読む原稿・修正提案 ↗

この選択を話し合う

コメントは全言語で共有。投稿にはGitHubログインが必要です。