ITパスポート 過去問
令和7年度
問72 (テクノロジ系 問17)

デザインの四つの原則、近接・整列・反復・対比の中から、整列と対比について問われています。

整列とは、要素をランダムに配置するのではなく、左揃え、中央揃え、右揃えなどのルールに沿って配置して、見やすくする原則です。

対比とは、情報の重要度に応じて要素に大小や強弱を加えて、視覚的な差異を生み出し、見る人に分かりやすくする原則です。

正しい組み合わせは、　a：整列　b：対比　です。

問題文にある4つの原則は、DTPやWeb制作など主に情報デザインの分野において基礎リテラシーとされているものです。

しかしデザイン業界に関わらず一般的なデスクワークにおいても、知っておくと読みやすい資料づくりなどに応用できます。

では、原則を一つずつ確認していきましょう。

接近：互いに関連する要素は近づけてグループにする。

たとえば「ITパスポート学習用サイト」があり、見出しが次のような体裁だと、どうでしょうか？

これだと項目がバラバラで、学習したい項目をすぐに見つけられません。

なので学習項目ごとにグループ化し、単元をまとめます。

項目ごとに分類することによって、すぐ学習したい単元を見つけられるようになりました。

これが「接近」の考え方です。

整列（a）：要素を意図したルールに基づき配置する。

情報デザインでは、「視線誘導」つまりは読む人の目の動きを意識したレイアウトが重要視されます。

たとえばWebサイトの場合、トップページなどでは

まず大見出しとなるヘッダーやトップイメージでサイト全体の内容を把握

↓

メニュー項目

↓

内容本文

の順で視線が動くと言われています。

その傾向から、トップページのレイアウトは「F文字」を意識すると良いと言われています。

またブログ記事など長文の場合、特にスマートフォンでの閲覧だと「ザッと読む」という場合も多いため、段落の1行目から最終行までを「Z文字」のように視線が動くと言われています。

そうした情報の得やすさはもちろん、ボタンやナビゲーションバーなどユーザビリティに関わる面でも配置ルールは大きく関わってきます。

反復：要素ごとにデザインルールを繰り返す。

今まで青基調だった色合いが急に赤基調となったり、強調は太文字だったところがアンダーバーのみになると、統一感のなさから読みにくくなってしまいます。

なので書式や色合いは常に同じルールを使い（繰り返し適用）統一性を保つことが重要です。

対比（b）：要素ごとの大小や強弱などの違いを明確にする。

たとえば見出しと本文が同じ文字の大きさですと、一見どこからが本文なのか見分けがつきません。

なので「見出しの文字は大きくする」など、内容に応じて見た目にメリハリをつけるといった工夫も重要です。

正解は「a：整列、b：対比」です。

要素を意図したルールに基づき配置することは、

（ａ）整列　です。

要素の大小や強弱を明確にすることは、

（ｂ）対比　です。