← 学ぶ
ページを構造化する
- 視覚的階層 — 複数の要素に相対的な強弱や順序が生じる見え方を、構成・大きさ・コントラストなどの関係から観察する概念。
- 近接 — 要素間の距離を変え、どの要素同士がまとまって見えるかを観察するための概念。
- 共通領域 — 複数要素を同じ囲い・面・領域の内側へ置くことで、まとまりの見え方がどう変わるかを観察する概念。
- 余白 — 要素の周囲や要素間に残す空き領域を、距離・区切り・まとまりの見え方を調整する変数として扱う概念。
内容を読みやすくする
- 読みやすさ — 文章として読み進める際の扱いやすさを、個々の字形を見分ける判読性とは区別して考えるための概念。
- 行長 — 1行が占める表示幅を変え、改行頻度や段落全体の形がどう変わるかを観察する概念。
- 行間 — 行と行の垂直方向の間隔を変え、行同士の分離や段落全体のまとまりがどう変わるかを観察する概念。
- コントラスト — 要素同士の明るさ・大きさ・形などの差を比較し、区別や相対的な強さの見え方を扱う概念。
操作を分かりやすくする
- シグニファイア — どこで、どのような行為ができるかを人が発見する助けになる、知覚可能な手がかりを捉えるための概念。
- アフォーダンス — 人と対象・環境の関係から、どのような行為が実際に可能かを捉え、見た目の操作手がかりとは分けて考えるための概念。
- フィードバック — 行為や状態変化に対して、何が起きたか・結果がどうなったかを知覚できる形で返す情報を設計・観察するための概念。
利用条件へ適応する
- レスポンシブレイアウト — 画面幅、向き、文字サイズなど利用条件が変わっても、内容と操作の関係を保ちながら配置を適応させる設計。