ITパスポート 2025年問72

問題文

見る人に意図が伝わりやすいデザインにするための四つの原則に関する次の記述中のa, bに入れる字句の適切な組合せはどれか。

〔四つの原則〕　近接：互いに関連する要素は近づけてグループにする。　[　a　]：要素を意図したルールに基づき配置する。　反復：要素ごとにデザインルールを繰り返す。　[　b　]：要素ごとの大小や強弱などの違いを明確にする。

🖊️ 解答を隠して解いてみる

選択肢

ア：

イ：（正解）

ウ：

エ：

🔒 解説は解答すると表示されます

四つの原則（近接・整列・反復・対比）【ITパスポート解説】

正解の理由

デザインの四つの原則とは、見る人に意図が伝わりやすくするための基本ルールです。文中の a は「整列（alignment：要素を決めた線や基準にそろえて配置すること）」、b は「対比（contrast：大きさ・太さ・色などの違いで差を明確にすること）」が当てはまります。
したがって a＝整列、b＝対比を示す選択肢が正解であり、該当するのは選択肢イです。

理由を簡単に言うと：

「要素を意図したルールに基づき配置する」は、ものをきちんと線や基準にそろえる「整列」の説明です。
「要素ごとの大小や強弱などの違いを明確にする」は、差をはっきりさせる「対比」の説明です。

解法ステップ

文中の説明を一文ずつ読む（近接・a・反復・b のそれぞれ）。
各説明がどの用語の説明に当てはまるかを考える。
- 「近接」は「関係のあるものを近づける」→ 近接で確定。
- 「意図したルールに基づき配置する」→ 整列がふさわしい。
- 「繰り返す」→ 反復（repetition）。
- 「大小や強弱の違いを明確にする」→ 対比（contrast）。
選択肢と突き合わせて、a＝整列、b＝対比の組がある選択肢を選ぶ。

この順で照合すれば、迷わず答えられます。

選択肢別の誤答解説

（図の表に対応する4行を想定して解説します）

ア（a＝整列、b＝価値）
a は合っていますが、b の「価値」はこの文脈では意味が合いません。「要素ごとの大小や強弱を明確にする」＝「対比」であり、「価値」は誤りです。
イ（a＝整列、b＝対比）
a と b ともに説明にぴったり一致します。したがって正答です。
ウ（a＝操作、b＝価値）
a の「操作」は「ボタンを押す、動かす」などの意味で、配置のルールを表す「整列」とは無関係です。b も上記の通り不適切です。
エ（a＝操作、b＝対比）
b は合っていますが、a が「操作」では「要素を意図したルールに基づき配置する」と合いません。よって誤答です。

よくある誤解

「整列」と「近接」を混同する
- 近接は「関連するものを近づける」こと。整列は「左右や上下の基準にそろえる」ことです。似て見えて目的が違います（グループ化と秩序付け）。
「対比＝色だけ」と思い込む
- 対比は色だけでなく、大小、太さ（フォントのウェイト）、形、位置などによる差も含みます。
「反復は単調になるだけ」と考える
- 反復（繰り返し）は視覚的一貫性を作り、情報を見やすくします。適切に組み合わせると秩序が生まれます。

補足コラム

実務での使い方（例）

プレゼン資料：見出しは同じ位置に揃える（整列）。関連する箇条書きは近づける（近接）。会社のロゴやボタンの形は毎スライドで同じにする（反復）。重要な数字は太字や大きなフォントで強調する（対比）。
Webページ：ナビゲーションは横一列にそろえる（整列）。商品名と価格を近づける（近接）。ボタンの色を統一する（反復）。セール価格だけ色やサイズを変える（対比）。

覚え方のヒント：近接（近い）、整列（そろえる）、反復（繰り返す）、対比（違いを強調）――頭の中で「近・そろ・繰・違（きん・そろ・くり・たい）」と区別すると混同しにくくなります。

FAQ

Q1. 整列と配置は同じ意味ですか？
A1. 配置は単に「どこに置くか」を指す広い意味です。整列は「他の要素と基準をそろえて配置する」という、より具体的なルールです。

Q2. 小さな資料でもこれらの原則は必要ですか？
A2. 必要です。情報の見せ方が悪いと、重要な点が伝わらず誤解を招きます。原則は規模に関係なく役立ちます。

Q3. 色の対比だけに注意すればよいですか？
A3. いいえ。色以外にも大きさ、太さ、形、空白の使い方などで対比を作ることが重要です。

関連キーワード: デザイン原則、近接、整列、反復、対比、視覚デザイン、レイアウト、UX、UI、情報伝達、プレゼン資料、配色、タイポグラフィ

← 前の問題へこの年度をクイズで解く次の問題へ →

\ せっかくなら /

ITパスポートを
クイズ形式で学習しませんか？

クイズ画面へ遷移する→

すぐに利用可能！