PR: この記事にはアフィリエイトリンクが含まれています。購入により当サイトに手数料が支払われることがあります。
【非デザイナー向け】デザイナーとの打ち合わせで恥をかかない!覚えておくべき用語20選
「デザイナーの説明、専門用語が多くて全然わからない...」「フィードバックしたいけど、どう伝えればいいかわからない」「打ち合わせで『?』が頭に浮かんで恥ずかしい」
そんな経験、ありませんか?
ディレクター、マーケター、営業担当など、デザイナーではないけどデザイナーと仕事をする立場の方は少なくありません。
用語がわからないと、デザイナーとのコミュニケーションにストレスを感じますよね。
この記事では、デザイナーとの打ち合わせで最低限知っておくべき用語20選を解説します。
なぜ非デザイナーがデザイン用語を覚えるべきなのか
「デザイナーじゃないから、用語を知らなくても仕方ない」
そう思うかもしれません。でも、用語を知っているメリットは大きいです。
用語を知っているメリット
- デザイナーの説明がスッと理解できる
- 的確なフィードバックができる
- 修正依頼が一発で伝わる
- デザイナーからの信頼を得られる
- プロジェクトがスムーズに進む
用語を知らないデメリット
- 「なんとなくこうしてほしい」しか言えない
- 何度も聞き返して時間を浪費
- デザイナーにイライラされる
- 結果的に納品物の質が下がる
【基本編】絶対覚えるべき10語
まずは、どの打ち合わせでも出てくる基本用語を10個紹介します。
1. トンマナ(トーン&マナー)
デザインの雰囲気・方向性の統一感のこと。
自分で使うなら: 「全体のトンマナをもう少しカジュアルにできますか?」
2. ワイヤーフレーム
ページの設計図・骨組みのこと。
色やデザインを省き、要素の配置だけを示したシンプルな図です。
| 目的 | ページ構成を確認する |
|---|---|
| 特徴 | 色やデザインなし、配置のみ |
| タイミング | デザイン制作前の確認段階 |
自分で使うなら: 「まずワイヤーフレームで確認させてください」
3. モックアップ
完成イメージに近い試作品のこと。
ワイヤーフレームより詳細で、実際のデザインに近い見た目です。
4. カンプ(デザインカンプ)
完成イメージのデザイン案のこと。
クライアントに見せる「これで良いですか?」の確認用デザインです。
5. 余白(ホワイトスペース)
要素と要素の間の空間のこと。
余白は「何もない」ではなく、デザインの重要な要素です。
自分で使うなら: 「ここの余白をもう少し広げられますか?窮屈に見えるので」
6. 視線誘導
見る人の視線を意図した順番で動かすこと。
| Z型 | 左上→右上→左下→右下 |
|---|---|
| F型 | 左上→右→左下→右(Webでよく使う) |
| N型 | 右上→左下→右下 |
自分で使うなら: 「CTAボタンへの視線誘導を強化できますか?」
7. コントラスト
明暗や色の差のこと。
コントラストが高いとメリハリがあり、低いと柔らかい印象になります。
自分で使うなら: 「見出しのコントラストを上げて、もっと目立たせてほしいです」
8. 可読性
文章が読みやすいかどうかの度合い。
| フォントサイズ | 小さすぎると読みにくい |
|---|---|
| 行間 | 狭すぎると読みにくい |
| 背景との色差 | コントラストが低いと読みにくい |
| 文字間隔 | 詰まりすぎると読みにくい |
自分で使うなら: 「本文の可読性が低いので、フォントサイズを上げてもらえますか?」
9. CTA(Call To Action)
ユーザーに行動を促すボタンや要素のこと。
「今すぐ購入」「お問い合わせはこちら」などのボタンです。
自分で使うなら: 「CTAをもっと目立たせたいです」
10. UI / UX
UI = ユーザーが見る・触る部分 UX = ユーザーが感じる体験全体
| UI | ボタン、メニュー、フォームなど |
|---|---|
| UX | 使いやすさ、満足感、体験全体 |
【実践編】フィードバックで使える10語
次に、フィードバックで使えると便利な用語を10個紹介します。
11. ジャンプ率
見出しと本文のサイズ差のこと。
ジャンプ率が高い(差が大きい)とメリハリのある印象に。
自分で使うなら: 「ジャンプ率を上げて、見出しをもっと目立たせてください」
12. フォントウェイト
フォントの太さのこと。
Light、Regular、Medium、Bold、Blackなど。
自分で使うなら: 「見出しのフォントウェイトをBoldにできますか?」
13. カーニング
文字と文字の間隔を個別に調整すること。
14. レスポンシブ
画面サイズに応じてレイアウトが変わること。
PC、タブレット、スマホでそれぞれ最適な表示になります。
自分で使うなら: 「スマホでのレスポンシブ対応は大丈夫ですか?」
15. アイキャッチ
目を引く画像やビジュアルのこと。
記事のサムネイルやバナーの主要ビジュアルを指します。
自分で使うなら: 「アイキャッチをもう少しインパクトのあるものにできますか?」
16. グリッド
要素を整列させるための基準線のこと。
自分で使うなら: 「グリッドを揃えて、もう少し整理された印象にしたいです」
17. トリミング
画像の一部を切り取ること。
自分で使うなら: 「この写真、もう少しタイトにトリミングしてください」
18. ブリード(塗り足し)
印刷物で端まで色を印刷するための余分な領域。
印刷を依頼するときに知っておくと便利です。
19. 入稿
印刷会社にデータを渡すこと。
20. 解像度(dpi)
画像の細かさを表す単位。
| Web用 | 72dpi |
|---|---|
| 印刷用 | 300〜350dpi |
自分で使うなら: 「印刷するので、画像は300dpi以上でお願いします」
シーン別:使えるフレーズ集
修正依頼をするとき
質問するとき
効率的に用語を覚える方法
20個の用語を紹介しましたが、「覚えられるかな...」と思った方もいるかもしれません。
効率的に覚えるなら専用アプリ
デザイン単語帳は、英単語を覚えるようにデザイン用語を学べるアプリです。
特に例文付きなのがポイント。「カーニング」という言葉だけでなく、「このタイトルのカーニングを詰めて」という実際の使われ方もセットで学べます。
よくある質問
まとめ
まとめ
非デザイナーが覚えるべき用語20選基本編(10語)
- トンマナ - 雰囲気の統一感
- ワイヤーフレーム - ページの骨組み
- モックアップ - 完成に近い試作
- カンプ - 最終デザイン案
- 余白 - 要素間の空間
- 視線誘導 - 視線を導く設計
- コントラスト - 明暗の差
- 可読性 - 読みやすさ
- CTA - 行動を促すボタン
- UI/UX - 見た目と体験
フィードバック編(10語) 11. ジャンプ率 - 見出しと本文の差 12. フォントウェイト - 文字の太さ 13. カーニング - 文字間隔の調整 14. レスポンシブ - 画面対応 15. アイキャッチ - 目を引く画像 16. グリッド - 整列の基準線 17. トリミング - 画像の切り取り 18. ブリード - 印刷の塗り足し 19. 入稿 - データ納品 20. 解像度 - 画像の細かさ
デザイナーと仕事をするなら、用語を知っているだけでコミュニケーションが劇的に改善します。
まずは基本の20語から覚えてみましょう。
関連記事
- 【デザイン単語帳】1日5分でデザイン用語が身につく学習アプリを徹底解説
- 【保存版】デザイン用語がわからない!初心者が覚えるべき30個の基本用語
- マーケター必須!デザイン用語を覚えて施策の質を上げる方法
- 【初心者必見】Canva・Figmaを使う前に覚えるべき基礎知識
画像クレジット
本記事で使用している画像の一部は Unsplash より提供されています。
- 打ち合わせイメージ: Photo by Austin Distel on Unsplash
- フィードバックイメージ: Photo by Headway on Unsplash
よくある質問
この記事で紹介したサービス
デザ単:デザイン単語帳
- ✓1日5分の暗記でデザインが身につく
- ✓知らない単語に絞って効率学習
- ✓全単語に例文収録
※ 詳細な情報は公式サイトでご確認ください
関連トピック完全ガイド
詳細解説記事
このトピックに関する5件の記事で、 包括的な情報を提供しています。
