ITパスポート 令和7年度 問72：technology_elementに関する問題

答えは b（a＝整列、b＝対比） です。

見やすい資料を作る4つのコツの話です。

・近接＝関係あるものは近づけてまとめる

・整列[a]＝端や位置をそろえてきれいに並べる

・反復＝同じデザインのルールを繰り返す

・対比[b]＝大事なところは大きく・目立たせて差をはっきりさせる

👉 覚え方：4原則＝「近接・整列・反復・対比」。頭文字で“きん・せい・はん・たい”。

[a]は「並べる」話なので整列、[b]は「大小・強弱の違いを明確に」なので対比です。「操作」や「価値」は4原則に入りません。

なぜこれが正解か

正解は b。デザインの4原則は「近接・整列・反復・対比」。[a]は「ルールに基づき配置する＝整列」、[b]は「大小・強弱の違いを明確にする＝対比（コントラスト）」。

各選択肢の解説

• 「操作」：4原則に含まれない用語。要素の配置（並べ方）の説明には当てはまらない。
• 「価値」：4原則に含まれない用語。要素の大小・強弱の説明には当てはまらない。
• よってaが「整列」、bが「対比」となるbだけが両方正しい。aやc、dはどちらか一方以上に誤った語が入る。

覚え方・ひっかけ注意

4原則＝近接・整列・反復・対比をセットで暗記する。本問は2つが提示済み（近接・反復）なので、残る2つ「整列・対比」を埋めるだけと考えれば速い。「操作」「価値」というそれらしいダミー語に惑わされないこと。

理論的背景

デザインの4原則（CRAP原則）はデザイナーのRobin Williamsが「ノンデザイナーズ・デザインブック」（1994年）で提唱した視覚デザインの基本原理であり、正解はb（a=整列, b=対比）である。4原則の正式名称はContrast（対比）・Repetition（反復）・Alignment（整列）・Proximity（近接）である。

各原則の理論的背景を整理する。近接（Proximity）：ゲシュタルト心理学の「近接の法則」に基づく。人間の視覚は近くにあるものをひとまとまりのグループとして認識する。関連情報を近くに配置し、無関係な要素には空白を設けることで視覚的なグルーピングが生まれる。整列（Alignment）：画面・紙面上のすべての要素が何らかの視覚的な軸線でつながっていることを求める原則。要素がランダムに配置されると視覚的な不安定感を与え、整然とした軸線は秩序と一体感を生み出す。グリッドシステムはこの原則を体系化した設計手法である。反復（Repetition）：同じデザイン要素（フォント・色・サイズ・形状）をページ全体で繰り返すことで統一感を演出する。ブランドのビジュアルアイデンティティはこの原則の応用である。対比（Contrast）：大小・強弱・色の明暗・書体の差違を明確にすることで情報の階層（ヒエラルキー）を視覚化し、読者の視線を誘導する。

実務での使われ方

CRAP原則はUI/UXデザイン・プレゼンテーション資料・LP（ランディングページ）・印刷物など、視覚的コミュニケーションの全場面で活用される実践的なフレームワークである。

WebデザインでのCRAP原則の具体的実装を整理する。近接：フォーム内のラベルとフィールドを近くに配置・フッターのリンクをカテゴリーでグループ化。整列：CSSのFlexbox・GridによるXY軸上の整列・8ptグリッドシステム（Figma・Sketch等で採用）。反復：デザインシステム（デザイントークン・コンポーネントライブラリ）の活用でボタン・テキストスタイル・余白の一貫性を担保（Material Design・Apple Human Interface Guidelines等）。対比：タイポグラフィのスケール（見出し/本文/キャプション）・プライマリボタンとセカンダリボタンの色差・重要情報を大きく表示するCTAデザイン。

試験での位置づけ

CRAP/デザインの4原則はITパスポートのテクノロジ系「技術要素・UI/UXデザイン」分野で出題される概念であり、シラバスVer.6.0以降でUI/UXデザインの出題比率が上昇している傾向がある。本問の穴埋め形式では4原則の名称と定義の正確な対応が問われており、「整列（Alignment）：意図したルールに基づき配置」「対比（Contrast）：大小・強弱の違いを明確に」という2つを正確に選択できることが必要である。

基本情報技術者試験ではUIデザインの原則（ニールセンの10ヒューリスティクス・ユーザビリティ評価手法）・アクセシビリティ（WCAG 2.1の4原則：知覚可能・操作可能・理解可能・堅牢）・UXデザインのプロセス（ユーザーリサーチ・情報設計・ワイヤーフレーミング・プロトタイピング・ユーザーテスト）まで出題される。

選択肢の発展補足

選択肢aの「価値（Value）」という語はデザインの文脈では色の明度（明暗）を指すこともあるが、本問の4原則には「価値」は含まれない。「価値」という語が提示されることでデザインの経済的価値や優先順位と混同されやすい点が誤答を誘発する設計になっている。選択肢cとdに含まれる「操作」という語は、UIデザインではアフォーダンス（操作可能性の視覚的示唆）の概念と関連しているが、本問の整列の原則とは無関係である。Robin Williamsの4原則を「CRAP原則」と呼ぶ理由はContrast・Repetition・Alignment・Proximityの頭文字が偶然「CRAP（くだらない、という英俗語）」となるためであり、この皮肉なネーミングがデザイン業界での覚えやすさに貢献している。日本語版では近接・整列・反復・対比の順で説明されることが多く、「近整反対（チカシールハンタイ）」という語呂合わせが使われることもある。