glossary

デザイン用語集

1分で読める言葉の棚。guideで出てきた用語を、短く確かめられます。

Webアクセシビリティとは、障害のある人が情報を知覚・理解・操作し、Webへ参加できるよう障壁を減らすことです。文字・操作・代替手段の3点から確認します。

アクセントカラーとは、いちばん見てほしい情報へ視線を導く差し色です。固定の面積比ではなく、目的を一つ決め、ほかの色との違いと読みやすさを確かめて使います。

コントラストとは、大きさ・太さ・色・形などの差で、情報の違いと優先順位を見せることです。全部を強くせず、最初に見せたい一つから差を作ります。

ジャンプ率とは、見出しと本文などの文字サイズの比率です。差を大きくすれば強弱は明確になりますが、印象や読みやすさは書体・余白・色との組み合わせで決まります。

タップ領域とは、画面上で押すと反応する範囲です。見た目のアイコンだけでなく実際の反応範囲と隣接操作との間隔を、WCAG 2.2の条件から確認します。

トンマナとは、色・文字・写真・言葉づかいに一貫した調子を持たせる約束です。感覚語だけで終わらせず、次に作る人が再現できる3項目へ整理します。

ベースカラーとは、紙面や画面で広く使い、文字・写真・主役の色を支える土台の色です。固定の割合や白だけを正解にせず、読みやすさと用途から選びます。

本サイトでは、可読性を文章の読み続けやすさ、視認性を文字や記号の見つけやすさとして使います。用語の意味は分野で揺れるため、何を確かめるかまで言葉にします。

近接とは、関係する情報を近づけ、別のまとまりとの間を広げる配置の原則です。均等な間隔へそろえず、内側と外側の距離の差で関係を伝えます。

視線誘導とは、紙面や画面で最初に見る場所、次に読む情報、最後の行動をつなぐ設計です。決まった型へ当てはめず、大きさ・配置・色・余白から順番を作ります。

書体は文字の形の設計、フォントはその文字を使える形にしたもの、フォントファミリーは同じ設計思想を持つ太さや幅の仲間です。役割から使い分けます。

整列とは、文字・写真・ボタンなどの端や中心を見えない線にそろえ、情報の関係と読む順番を整えるデザインの基本原則です。左揃え・中央揃え・右揃えの違いと使い分けを1分で解説します。

余白とは、情報を分け、まとめ、読む場所を作るために意図して空ける空間です。増やすほど良いとは限らず、要素の内側・まとまりの間・外周の3か所で役割を見ます。