あやね
デザインの仕事は、実は一人で完結するものではありません。マーケター、エンジニア、クライアント、そしてデザイナー同士。立場も専門も違う人たちが、一つのプロジェクトを同じゴールに向けて進めていく。そのとき頼りになるのが「共通言語」です。多国籍のチームが英語を共通語として使うように、デザインの現場にも共通して使われる用語があります。
この記事では、デザインを学び始めた人や、これから現場で仕事をする人が最初に押さえておきたい用語を40個、カテゴリ別にまとめました。専門用語というと身構えてしまうかもしれませんが、実際に使ってみると「ああ、あの感覚のことか」と腑に落ちるものがほとんどです。丸暗記するというより、実務の中で少しずつ体に染み込ませていくつもりで読んでみてください。
なぜデザイン用語を覚える必要があるのか
理由は大きく二つあります。
一つ目は、デザインの構造そのものへの理解が深まるからです。用語は単なる名前ではなく、その裏にある「なぜそうするのか」という考え方とセットになっています。たとえば「余白」という言葉を知っているだけと、余白が視線の流れや情報の優先順位をコントロールする道具だと理解しているのとでは、デザインの見え方がまったく変わってきます。
二つ目は、チームとのやり取りがぐっとスムーズになるからです。「もう少し文字の間隔を詰めてほしい」と言うより「カーニングを調整してほしい」と伝えたほうが、意図が正確に伝わりますし、修正の往復も減ります。特にエンジニアやクライアントと共同でプロジェクトを進める場面では、この差は意外と大きく効いてきます。
それでは、カテゴリごとに見ていきましょう。
印刷・解像度に関する用語
モックアップ（Mock up）
完成イメージを実際の使用シーンに近い形で見せるための試作品のことです。たとえばアプリのUIデザインをスマートフォンの画面に重ねて表示したり、パッケージデザインを実物の箱の形に配置して見せたりします。頭の中にあるイメージを言葉で説明するより、モックアップを見せたほうがクライアントの納得感は格段に高くなります。
dpi（dots per inch）
1インチの中にどれだけの点（ドット）が詰まっているかを示す単位で、印刷物の解像度を表すときに使います。数値が高いほど画像は精細になりますが、その分ファイルサイズも大きくなります。一般的な印刷物では300dpi程度が推奨されることが多く、Web用の画像とは求められる解像度がまったく異なる点に注意が必要です。
ビットマップ（Bitmap）
小さな点（ピクセル）の集合で画像を表現する形式です。写真のような複雑な色合いの表現に向いていますが、拡大するとギザギザが目立ってしまう「劣化」が起こります。デザインソフトでよく使われるベクター形式とは対照的な性質を持っています。
グレースケール（Grayscale）
色の情報を持たず、白から黒までの明暗だけで画像を表現する方式です。色に惑わされず、明暗のコントラストやレイアウトのバランスを確認したいときによく使われます。デザインのラフ段階でグレースケールにしてみると、思わぬバランスの崩れに気づくことがあります。
ラスター（Raster）
ビットマップとほぼ同じ意味で使われることが多く、ピクセルの集合で構成される画像形式全般を指します。Photoshopなどで扱う画像はこのラスター形式が中心です。
ピクセル（Pixel）
デジタル画像を構成する最小単位の点のことです。画面に表示される画像はすべて、この小さな四角い点が無数に並んでできています。解像度の話をするときには欠かせない基本用語です。
色彩に関する用語
RGB
赤（Red）・緑（Green）・青（Blue）の光の三原色を組み合わせて色を表現する方式です。パソコンやスマートフォンの画面など、光で色を発するデバイス上で使われます。Webデザインやアプリのデザインでは基本的にRGBで作業を進めます。
CMYK
シアン（Cyan）・マゼンタ（Magenta）・イエロー（Yellow）・キー（Key、黒）のインクを組み合わせて色を表現する方式です。印刷物はこの方式で色が作られるため、名刺やポスターなど紙媒体のデザインではCMYKで作業する必要があります。RGBのまま印刷に出すと、画面で見ていた色と仕上がりの色が変わってしまうことがあるので要注意です。
パントン（Pantone／PMS）
世界共通で使われる色見本のシステムです。「パントン○○番」というように番号で色を指定することで、国や工場が違っても同じ色を再現できます。ブランドロゴの色を厳密に管理したい場合など、色のズレが許されないシーンでよく登場します。
HEXカラーコード
「#FFFFFF」のように、6桁の英数字で色を表す方式です。Web制作の現場では標準的に使われており、デザインデータをコーディングに引き渡すときに欠かせません。
インデックスカラー（Index Color）
画像の中で使われている色を数を限定してリスト化する方式です。使用する色数を絞ることでファイルサイズを軽くできるため、Web用の軽量な画像を作りたいときに活用されます。
グラデーション（Gradient）
ある色から別の色へ、あるいは同じ色の濃淡が段階的に変化していく表現のことです。近年のフラットデザインの流れの中でも、奥行きや柔らかさを出す手段として頻繁に使われています。
不透明度（Opacity）
要素がどれだけ透けて見えるかを示す数値です。0%だと完全に透明、100%だと不透明になります。重なり合う要素の関係性を作るときや、控えめな装飾を加えたいときに調整します。
トーン（Tone）
色の明るさや鮮やかさ、彩度の組み合わせによって生まれる色の印象のことです。同じ「青」でも、トーンが違えば爽やかにも落ち着いた雰囲気にもなります。ブランドの世界観を統一する上で重要な考え方です。
レイアウト・タイポグラフィに関する用語
ハイアラーキー（Hierarchy）
情報に優先順位をつけて視覚的に表現することです。文字の大きさや太さ、配置の位置によって「まず何を見せたいか」を伝える設計そのものを指します。ハイアラーキーが整理されていないデザインは、どこから見ればいいか読み手を迷わせてしまいます。
カーニング（Kerning）
隣り合う文字と文字の間隔を、文字ごとに個別に調整することです。特にロゴやタイトルなど大きな文字を使う場面では、カーニングの精度がそのまま見た目の完成度に直結します。
トラッキング（Tracking）
文章全体、あるいは選択した範囲全体の文字間隔を均一に調整することです。カーニングが1文字ずつの調整であるのに対し、トラッキングはまとまった範囲を対象にする点が違います。
リーディング（Leading）
行と行の間隔、いわゆる行間のことです。もともと活版印刷で行の間に鉛（Lead）の板を挟んでいたことに由来する言葉だと言われています。行間が狭すぎると読みにくく、広すぎても文章のまとまりが失われてしまいます。
余白（マージン／Margin）
要素の周りに意図的に設けられた空間のことです。「何もない部分」ではなく、視線を誘導し、情報を整理するための積極的な設計要素だと捉えると理解が深まります。
タイポグラフィ（Typography）
文字を使ってメッセージを効果的に、かつ美しく伝えるための技術や考え方全般を指します。フォント選び、文字サイズ、行間、字間など、文字にまつわるあらゆる要素が含まれます。
セリフ体／サンセリフ体（Serif & Sans-serif）
文字の線の端に「ひげ」のような装飾があるものをセリフ体、装飾がなくシンプルな線で構成されているものをサンセリフ体と呼びます。日本語フォントで言えば、明朝体がセリフ体、ゴシック体がサンセリフ体に近い性質を持っています。フォーマルな印象を出したいときはセリフ体、モダンで読みやすい印象を出したいときはサンセリフ体が選ばれる傾向にあります。
フォーマット（Format）
デザインの目的や用途に応じたサイズ、比率、仕様のことです。名刺、A4のチラシ、SNSの投稿画像など、用途ごとに求められるフォーマットが異なるため、制作前の確認が欠かせません。
ビジュアル表現に関する用語
アイコン（Icon）
複雑な概念や機能を、シンプルな図形で表現したものです。文字よりも直感的に意味が伝わるため、ボタンやメニューなどUIの要素として広く使われています。
ピクトグラム（Pictogram）
言語の壁を越えて誰にでも意味が伝わるように設計された絵文字的なサインのことです。日本では、公共施設や案内表示に使われる「一般案内用図記号（JIS規格）」がその代表例で、トイレや非常口のマークなどは、日本語がわからない人にも一目で意味が伝わるよう設計されています。
コラージュ（Collage）
写真や紙片、テクスチャなど異なる素材を組み合わせて一つの作品を作る手法です。既存の要素を新しい文脈で組み合わせることで、単体では出せない表現の幅が生まれます。
イラストレーション（Illustration）
手描きやデジタルツールで描かれた絵によって、メッセージや世界観を伝える表現のことです。写真では出しにくい柔らかさや独自性を演出できるため、ブランドの個性を打ち出したいときによく採用されます。
カリグラフィー（Calligraphy）
筆やペンを使って文字を美しく描く技術のことです。装飾的な招待状やロゴデザインなど、手仕事ならではの温かみを出したい場面で活躍します。
テクスチャ（Texture）
素材の表面が持つ質感のことです。紙のざらざらした感じ、金属の光沢、布の織り目など、視覚だけでなく触覚的な印象まで伝える要素として使われます。
パターン（Pattern）
一定の図形や模様が規則的に繰り返される表現のことです。背景素材やテキスタイルデザインなど、装飾としての役割だけでなく、ブランドの世界観を印象づける手段としても使われます。
オブジェクト（Object）
デザインを構成する図形、写真、テキストなど、個々の要素そのものを指す言葉です。デザインソフト上では、レイヤーごとに配置される一つひとつの要素を「オブジェクト」と呼びます。
ブランディング・企画に関する用語
デザインブリーフ（Design Brief）
プロジェクトの目的、ターゲット、予算、納期などをまとめた指示書のことです。デザインを始める前にこれを丁寧に作り込んでおくことで、後々の認識のズレや手戻りを大きく減らすことができます。
フローチャート（Flowchart）
作業の流れや意思決定のプロセスを、図形と矢印を使って視覚化したものです。UIの遷移図やプロジェクトの進行手順を整理するときに重宝します。
デザインコンセプト（Design Concept）
そのデザインが目指す方向性や核となる考え方のことです。「なぜこの色を選んだのか」「なぜこのレイアウトにしたのか」という一つひとつの判断は、すべてこのコンセプトに紐づいている必要があります。
トーン＆マナー（Tone & Manner）
ブランドやプロジェクトが一貫して守るべき雰囲気やスタイルのルールのことです。使う色、フォント、写真の撮り方、言葉づかいまで、細かいルールを揃えることでブランドとしての統一感が生まれます。
ロゴタイプ（Logotype）
企業名やブランド名を、独自にデザインされた書体で表現したロゴのことです。日本でも、ユニクロやキユーピーのように、文字そのものをブランドの資産として作り込んでいる例が多く見られます。シンプルながら記憶に残りやすいのが特徴です。
BI（Brand Identity）
ブランドが持つ個性や価値観を、視覚的な要素を通じて一貫して表現する仕組み全体のことです。ロゴだけでなく、色、フォント、写真のトーンなど、ブランドらしさを形作るすべての要素が含まれます。
CI（Corporate Identity）
企業としての理念や姿勢を、社名、ロゴ、企業カラーなどを通じて社内外に一貫して伝える戦略のことです。BIがブランド単位の話であるのに対し、CIは企業全体の統一感に関わる、より大きな枠組みだと考えるとわかりやすいでしょう。
インフォグラフィック（Infographic）
データや情報を、図やイラストを使って直感的に理解できるように視覚化したものです。数字の羅列だけでは伝わりにくい内容も、インフォグラフィックにすることで一目で全体像がつかめるようになります。
サムネイル（Thumbnail）
本編の内容を小さな画像で予告するプレビュー画像のことです。動画配信サイトの一覧画面などで、クリックしてもらえるかどうかを左右する重要な要素として扱われています。
アフォーダンス（Affordance）
物や画面のデザインが、それ自体で使い方を示唆する性質のことです。たとえば立体的に見えるボタンは「押せそう」だと直感的に伝わりますし、取っ手のついたドアは「引く」ものだと自然に理解できます。UIデザインでは、この直感的なわかりやすさをどう設計するかが、使いやすさそのものを左右します。
まとめ
ここまで40個の用語を紹介してきましたが、デザインの世界は日々広がり続けていて、新しい概念や言葉もどんどん生まれています。すべてを一度に覚えようとする必要はありません。実際の制作やチームとのやり取りの中で、一つずつ「これはこういうことか」と実感しながら身につけていくほうが、結果的に定着も早いはずです。
まずは今日紹介した用語の中から、自分の仕事に関わりの深いものを意識して使ってみてください。言葉を正しく使えるようになると、デザインそのものへの理解も、チームとのコミュニケーションも、自然と一段階深いところへ進んでいくはずです。
