デザインは色や比率、文字の間隔など、目に見えるものの裏側に理論やルールが息づいている分野です。今回はその中から、色彩、タイポグラフィ、レイアウトにまつわる基礎知識を10問のクイズにまとめました。普段何気なく目にしているデザインの仕組みを、クイズを通して楽しく学んでみましょう。
Q1 : 減法混色の説明として正しいものはどれか? 色を混ぜるほど明るくなる 光の三原色を用いる ディスプレイの発色に使われる 色を混ぜるほど暗くなる
減法混色とは、インクや絵の具などの色材を混ぜ合わせるほど反射する光の量が減り、色が暗くなっていく混色方式のことである。シアン・マゼンタ・イエローを三原色とし、印刷物や絵画など、光を発しない媒体で用いられる。これに対し、赤・緑・青を三原色として光そのものを重ねるほど明るくなる加法混色はディスプレイなどで使われる方式であり、両者は原理も三原色の組み合わせも異なるため混同しないよう注意が必要である。
Q2 : 要素を整然と配置し、統一感のあるレイアウトを作るための格子状の補助線を何と呼ぶか? パレット タイポグラフィ グリッドシステム ワイヤーフレーム
グリッドシステムとは、ページやスクリーンを縦横の格子状の補助線で分割し、その枠組みに沿って文字や画像などの要素を配置するレイアウト手法である。1950年代にスイスのデザイナーたちによって体系化されたスイス・スタイル(国際タイポグラフィ様式)で特に重視され、雑誌や新聞、ウェブサイトなど幅広い媒体で活用されている。要素の配置に一貫したルールを設けることで、情報の視認性を高め、統一感のある美しいデザインを効率的に作成できる利点がある。
Q3 : 約1:1.618という比率で知られ、古くから建築や絵画で美しいとされてきた比率を何と呼ぶか? 白銀比 黄金比 大和比 三分割法
黄金比は約1:1.618の比率で、古代ギリシャの時代から建築や彫刻、絵画などで美しいとされるバランスとして用いられてきた比率である。パルテノン神殿やレオナルド・ダ・ヴィンチの作品にも見られるとされ、自然界の貝殻の螺旋や植物の成長パターンにも近い比率が現れることが知られている。現代のロゴデザインやレイアウト設計においても、要素の縦横比を決める際の目安として黄金比が活用されることが多い。
Q4 : 印刷物の色の三原色(CMY)に含まれないのはどれか? 黒 シアン マゼンタ イエロー
色の三原色はシアン・マゼンタ・イエロー(CMY)であり、これらのインクを混ぜ合わせるほど色が暗くなっていく減法混色の原理に基づく。理論上はこの三色を均等に混ぜると黒に近づくが、実際のインクでは純粋な黒を再現しにくいため、印刷では別途黒(キー・プレート)のインクを加えたCMYKという四色の体系が広く使われている。つまり黒はCMYの三原色そのものには含まれず、印刷品質を高めるために追加された色と言える。
Q5 : 近接・類似・連続などの要素から、人が図形をひとまとまりとして認識する心理学の原則を何と呼ぶか? タイポグラフィの原則 カラーセオリー ゲシュタルトの法則 グリッドシステム
ゲシュタルトの法則は、人間が個々の要素を単独ではなく全体的なまとまりとして知覚する傾向を説明する心理学の原理で、20世紀初頭にドイツの心理学者たちによって体系化された。近接(近くにあるものをグループとみなす)、類似(似た形や色をまとめて捉える)、連続(連続した線や配置を一つの流れとして認識する)などの要素があり、UIデザインやレイアウト設計において情報を整理する際の重要な理論的基盤となっている。
Q6 : 暖色に分類される色はどれか? 青 赤 紫 緑
暖色とは赤・橙・黄など、火や太陽を連想させ暖かさや活動的な印象を与える色のことを指す。反対に青や青緑などの寒色は、水や空を連想させ冷たさや落ち着きを感じさせる。デザインにおいては、暖色は人の視線を引きつけやすく前進して見える性質があるため強調したい部分に、寒色は背景や控えめな要素に使われることが多く、色彩心理を活用した配色設計の基本知識とされている。
Q7 : ある行のベースラインから次の行のベースラインまでの垂直方向の距離を指すタイポグラフィ用語はどれか? カーニング トラッキング ベースライン 行送り(レディング)
行送り(レディング、リーディング)とは、ある行のベースラインから次の行のベースラインまでの垂直方向の距離を指すタイポグラフィ用語である。適切な行送りを設定することで文章の読みやすさが大きく向上し、狭すぎると窮屈で読みにくく、広すぎると行同士のつながりが感じにくくなる。一般的に本文の行送りは文字サイズの1.5倍程度が読みやすいとされ、印刷物やウェブデザインの両方で重要な調整項目とされている。
Q8 : 光の三原色(RGB)として正しい組み合わせはどれか? 赤・緑・青 赤・黄・青 赤・緑・黄 青・黄・緑
光の三原色は赤(Red)・緑(Green)・青(Blue)であり、混ぜるほど明るくなる加法混色の原理に基づく。ディスプレイやスマートフォンの画面はこの三色の光を組み合わせて様々な色を表現している。一方、印刷物などで使われる色の三原色はシアン・マゼンタ・イエローで、混ぜるほど暗くなる減法混色となり、光の三原色とは仕組みが異なるため混同しないよう注意が必要である。
Q9 : バウハウスを設立した人物は誰か? ル・コルビュジエ ヴァルター・グロピウス ミース・ファン・デル・ローエ パウル・クレー
バウハウスは1919年、ドイツの建築家ヴァルター・グロピウスによってワイマールに設立された造形学校である。芸術と工業技術の融合を掲げ、機能性と美しさを両立させるモダンデザインの基礎を築いた。ミース・ファン・デル・ローエは後にバウハウスの三代目校長を務めた人物であり、パウル・クレーは教員として在籍した画家であるため、設立者そのものではない点に注意したい。
Q10 : 文字と文字の間隔を個別に調整し、見た目のバランスを整えるタイポグラフィの技術を何と呼ぶか? カーニング レイアウト トリミング グラデーション
カーニングとは、文字と文字の間隔を個別に調整し、見た目のバランスを整えるタイポグラフィの技術である。特に大文字のAとVなど、字形の組み合わせによって隙間が不自然に見える箇所を調整することで、読みやすく美しい文字組みを実現する。似た用語にトラッキングがあるが、こちらは文章全体の文字間隔を均等に広げたり狭めたりする調整を指し、カーニングとは対象範囲が異なる。
Q11 : Helvetica(ヘルベチカ)をデザインしたのは誰か? ヤン・チヒョルト(Jan Tschichold) アドリアン・フルティガー(Adrian Frutiger) パウル・レナー(Paul Renner) マックス・ミーディンガー(Max Miedinger)
Helveticaは1957年にスイスでマックス・ミーディンガー(Max Miedinger)がエデュアルト・ホフマン(Eduard Hoffmann)と共に開発したサンセリフ書体で、当初は「Neue Haas Grotesk」という名称でした。アドリアン・フルティガーやパウル・レナー(Futuraの作者)、ヤン・チヒョルト(タイポグラフィ理論家)らも著名なタイポグラファーですが、ヘルベチカの設計者はマックス・ミーディンガーであり、その後スイススタイル(インターナショナル・タイポグラフィック・スタイル)を代表する書体として世界的に広まりました。
Q12 : デザインで配慮すべき色覚異常(色覚多様性)に関して、最も一般的なタイプはどれか? 緑系に関する赤緑色弱(デューテラノマリー/デューテラノピア) 完全な色覚喪失(全色盲) 青系に関する色覚異常(トリタノピア) 赤系に関する完全な赤盲(プロタノピア)
色覚多様性の中で最も一般的なのは赤緑色覚異常で、そのうち緑系(デューテラント/デューテラノマリー、デューテラノピアに分類される)が頻度として特に高いです。デザイン実務では赤緑に依存した配色やコントラストだけで情報を伝えないようにし、形状やラベル、テクスチャ、十分な明度差やコントラスト比を併用することが推奨されます。色覚シミュレーションやアクセシビリティチェックは実装前の重要な確認手段です。
Q13 : ユーザーリサーチで主に定性的データを得られる手法はどれか? A/Bテスト ユーザーインタビュー オンライン解析ツール(定量的ログ) アンケート(大規模な選択式)
ユーザーインタビューは参加者の言葉や行動を深掘りして得られる定性的データを主に収集する手法です。動機や感情、使いづらさの背景などを探るのに適しており、プロトタイプ検証やペルソナ作成、UX課題の仮説立てに有効です。A/Bテストや解析ツール、選択式アンケートは計測可能な定量データを得やすく、組み合わせて使うことで定性と定量のバランスを取りながら意思決定を行うことが望ましいです。}
Q14 : ゲシュタルト心理学の「近接の法則」が指すのはどれか? 要素が色や質感で区別されるほど別のグループに見える 要素が互いに近いほどまとまり(グループ)として認識される 同一の形を持つ要素だけがグループ化される 要素が同じ方向を向いているときにグループ化される
ゲシュタルト心理学における近接の法則(Proximity)は、視覚要素が互いに近接して配置されると観察者はそれらを一つのまとまりとして認識しやすくなる、という原理です。デザイン実務ではメニュー項目やカード、フォームのラベルと入力欄などのグルーピングに活用され、視覚的階層や関連性を示すために空白(ホワイトスペース)やマージンの調整が重要になります。他のゲシュタルト原則(類似性、連続性、閉合性など)と併用してレイアウトを整えることが多いです。
Q15 : WCAG 2.1 のアクセシビリティ基準(AA)で、通常のテキストに要求される最小コントラスト比は? 3:1 7:1 4.5:1 2:1
WCAG(Web Content Accessibility Guidelines)2.1のレベルAAでは、通常のテキスト(小さな本文)に対してコントラスト比4.5:1以上を満たすことが求められます。大きなテキスト(18pt相当以上、または太字で14pt相当以上)は3:1で許容されます。さらに厳格なAAA基準では通常テキストに7:1、見出しなど含めてより高い比率が推奨されます。配色設計では視認性の確保と同時に色覚特性への配慮も必要で、テキストと背景の比を測定するツールを用いることが一般的です。
Q16 : 印刷物のプロセスカラーとして一般的に使用されるのはどれか? RGB HSL HSV CMYK
印刷のプロセスカラーとして一般的に用いられるのはCMYK(Cyan、Magenta、Yellow、Key/Black)です。これは減法混色の仕組みで、紙にインクを重ねて色を再現します。一方、RGBは加法混色でディスプレイなど光源に対する色表現に使われ、HSLやHSVは色相・彩度・明度など色の操作をわかりやすくするモデルですが印刷プロセスの直接的な基準にはなりません。印刷物の色校正ではCMYK値やプロファイル(ICC)管理が重要です。
Q17 : カーニングとトラッキング(字間)の違いで正しいのはどれか? カーニングは特定の文字ペアごとの間隔調整、トラッキングは文字列全体に対する間隔調整 カーニングは行間調整、トラッキングは文字の縦幅調整 カーニングは文字の太さを均一にする処理、トラッキングは文字の高さを統一する処理 カーニングとトラッキングは同義語であり用途に差はない
カーニング(kerning)とは特定の文字ペア(例えばAVやToなど)の間隔を個別に調整して視覚的なバランスを取る処理を指します。トラッキング(tracking、またはレタースペーシング)は単語や段落といった文字列全体に均一に間隔を加減する操作で、文全体の密度や読みやすさを調整する際に使います。両者は目的とスコープが異なり、組版やUIデザインで適切に使い分けることがタイポグラフィの品質向上に繋がります。
Q18 : デザインや構図で使われる「黄金比(ゴールデンレシオ)」のおおよその値はどれか? 1.414(√2) 1.618 2.718(e) 3.1416(π)
黄金比(φ、ファイ)はおおよそ1.618(正確には(1+√5)/2 ≈ 1.6180339887…)です。美術や建築、グラフィックデザインで調和のとれた比率として頻繁に参照され、長方形の縦横比やレイアウト分割、タイポグラフィの比率決定などに応用されます。フィボナッチ数列(1,1,2,3,5,8,…)の隣接する項の比が漸近的に黄金比に近づく点も関係し、自然界や古典芸術にもしばしば見られる比率です。
Q19 : ディスプレイの解像度を表す単位で「1インチあたりのピクセル数」を指すのはどれか? DPI LPI(lines per inch) PPI(pixels per inch) PPM(parts per million)
ディスプレイや画像のピクセル密度を表すのはPPI(pixels per inch)で、1インチあたりに表示されるピクセル数を示します。一方DPI(dots per inch)は印刷のインク点密度を指すことが多く、LPIはハーフトーン印刷の網目密度(lines per inch)を表す用語です。デジタルデザインでは画面表示の精細さを示すためにPPIを、印刷物の品質や解像度設計ではDPIやLPIを使い分けます。
Q20 : バウハウスは誰によって何年に設立されましたか? ヴァルター・グロピウス、1919年 ルートヴィヒ・ミース・ファン・デル・ローエ、1925年 ヴァルター・グロピウス、1933年 ヴァルター・グロピウス、1905年
バウハウスはドイツのワイマールで建築家ヴァルター・グロピウスが1919年に創設した芸術・工芸学校兼運動です。機能性と工業生産を重視し、美術、工芸、建築を統合する教育を掲げました。1933年にナチスの圧力で閉鎖されるまで、モダニズムデザインに大きな影響を与え、タイポグラフィや家具デザイン、建築思想など現代のデザイン原理の多くがここから発展しました。従って設立年は1919年、創設者はヴァルター・グロピウスが正しい事実です。