PR: この記事にはアフィリエイトリンクが含まれています。購入により当サイトに手数料が支払われることがあります。
【実践】デザインの「なんか違う」を言語化する方法｜的確なフィードバックができるようになる技術
「このデザイン、なんか違うんだよね...」「うーん、もうちょっとこう...なんていうか...」
デザインを見て、違和感は感じるけど言葉にできない。
そんな経験、ありませんか？
「なんか違う」では、デザイナーに何を直せばいいか伝わりません。結果、何度も修正のやり取りが発生し、時間もコストも無駄になります。
この記事では、デザインの違和感を具体的に言語化する方法を解説します。
「なんか違う」が起きる原因
まず、なぜ「なんか違う」としか言えないのかを理解しましょう。
原因1：分析する「視点」がない
デザインを見るとき、何をチェックすればいいかわからない状態です。
「全体を見て、なんとなく判断している」だけでは、具体的な問題点を特定できません。
原因2：説明する「語彙」がない
問題点に気づいても、それを表現する言葉を知らないと伝えられません。
原因3：「感覚」と「言葉」が結びついていない
違和感を感じる感覚はあるのに、それを言葉に変換できない状態です。
言語化のための5つの視点
デザインを見るときにチェックすべき5つの視点を紹介します。
この5つを順番に確認するだけで、「なんか違う」を具体化できます。
視点1：色（カラー）
| コントラスト | 文字と背景の色差は十分か |
|---|---|
| 配色バランス | メイン・サブ・アクセントのバランス |
| 統一感 | 色がバラバラになっていないか |
| 印象 | ブランドイメージに合っているか |
言語化の例：
- ❌「なんか地味」→ ✅「アクセントカラーが弱いのでCTAが目立たない」
- ❌「なんか派手」→ ✅「彩度が高すぎて目が疲れる印象がある」
視点2：文字（タイポグラフィ）
| 可読性 | 読みやすいか |
|---|---|
| ジャンプ率 | 見出しと本文の差は適切か |
| フォント選び | 雰囲気に合っているか |
| 行間・文字間 | 詰まりすぎ・空きすぎていないか |
言語化の例：
- ❌「読みにくい」→ ✅「行間が狭くて可読性が低い」
- ❌「メリハリがない」→ ✅「ジャンプ率が低くて見出しが目立たない」
視点3：余白（スペース）
| 要素間の余白 | 適切な間隔があるか |
|---|---|
| 端からの余白 | 端に詰まっていないか |
| グルーピング | 関連要素が近くにあるか |
| 全体のバランス | 余白の取り方が統一されているか |
言語化の例：
- ❌「窮屈」→ ✅「余白が少なくて窮屈な印象」
- ❌「バラバラ」→ ✅「余白が統一されていなくてまとまりがない」
視点4：配置（レイアウト）
| 整列 | 要素が揃っているか |
|---|---|
| 視線誘導 | 見る順番が自然か |
| ヒエラルキー | 重要度が視覚的に伝わるか |
| バランス | 左右・上下のバランス |
言語化の例：
- ❌「なんかズレてる」→ ✅「左揃えと中央揃えが混在していて整列されていない」
- ❌「どこを見ればいいかわからない」→ ✅「視線誘導ができていなくて、CTAに目がいかない」
視点5：全体の印象（トンマナ）
| 統一感 | 色・フォント・テイストが揃っているか |
|---|---|
| ブランドとの一致 | ブランドイメージに合っているか |
| ターゲットとの一致 | 想定ユーザーに適切か |
| 目的との一致 | 目的を達成できるデザインか |
言語化の例：
- ❌「なんか違う」→ ✅「トンマナがブランドイメージと合っていない」
- ❌「ターゲットに合わない」→ ✅「若年層向けなのに、フォントや色が堅い印象」
言語化のためのチェックシート
実際にデザインをチェックするときに使えるシートです。
1. 色
- コントラストは十分か
- 配色バランスは適切か
- 色の統一感はあるか
2. 文字
- 読みやすいか
- ジャンプ率は適切か
- フォント選びは適切か
3. 余白
- 要素間の余白は適切か
- 窮屈に見えないか
- 余白が統一されているか
4. 配置
- 整列されているか
- 視線誘導ができているか
- 重要度が伝わるか
5. 全体
- 統一感があるか
- ブランドイメージに合っているか
- 目的を達成できそうか
すぐに使えるフィードバックフレーズ集
色に関するフィードバック
| 感覚 | 言語化したフィードバック |
|---|---|
| 地味 | アクセントカラーを追加して、CTAを目立たせたい |
| 派手 | 彩度を下げて、落ち着いた印象にしたい |
| 見にくい | 背景と文字のコントラストを上げてほしい |
| バラバラ | 配色を3色以内に絞って統一感を出したい |
文字に関するフィードバック
| 感覚 | 言語化したフィードバック |
|---|---|
| 読みにくい | 行間を広げて可読性を上げたい |
| 目立たない | 見出しのジャンプ率を上げてメリハリをつけたい |
| 合わない | フォントをもう少しカジュアルなものに変えたい |
| 詰まってる | 文字間（トラッキング）を広げてほしい |
余白に関するフィードバック
| 感覚 | 言語化したフィードバック |
|---|---|
| 窮屈 | 全体の余白を増やしてゆとりを持たせたい |
| 間延び | 余白を詰めて、コンパクトにまとめたい |
| バラバラ | 余白のサイズを統一してほしい |
| 関連がわからない | 関連する要素を近接させてグルーピングしたい |
配置に関するフィードバック
| 感覚 | 言語化したフィードバック |
|---|---|
| ズレてる | 左揃えで統一して整列させたい |
| どこを見れば | 視線誘導を意識して、CTAに目がいくようにしたい |
| 重要度がわからない | ヒエラルキーを強調して、優先順位を明確にしたい |
| 落ち着かない | 左右のバランスを調整したい |
言語化能力を高める方法
方法1：デザイン用語を覚える
語彙がなければ言語化できません。
デザイン用語を覚えることが、言語化能力を高める最短ルートです。
方法2：良いデザインを分析する習慣
良いデザインを見たとき、「なぜ良いと感じるか」を考える習慣をつけましょう。
方法3：実際に言葉にしてみる
見たデザインの感想を、実際に言葉にして書き出す練習をしましょう。
最初は時間がかかりますが、繰り返すことで自然とできるようになります。
よくある質問
まとめ
まとめ
デザインの「なんか違う」を言語化する方法「なんか違う」の原因
- 分析する視点がない
- 説明する語彙がない
- 感覚と言葉が結びついていない
5つの視点でチェック
- 色：コントラスト、配色バランス
- 文字：可読性、ジャンプ率
- 余白：要素間の間隔、統一感
- 配置：整列、視線誘導
- 全体：トンマナ、ブランド一致
言語化能力を高める方法
- デザイン用語を覚える
- 良いデザインを分析する習慣
- 実際に言葉にしてみる
「なんか違う」を具体的に言語化できると、デザイナーとのやり取りが劇的にスムーズになります。
まずは用語を覚えることから始めましょう。
関連記事
- 【デザイン単語帳】1日5分でデザイン用語が身につく学習アプリを徹底解説
- 【非デザイナー向け】デザイナーとの打ち合わせで恥をかかない用語20選
- 【保存版】デザイン用語がわからない！初心者が覚えるべき30個の基本用語
画像クレジット
本記事で使用している画像の一部は Unsplash より提供されています。
- 考えるイメージ: Photo by Brooke Cagle on Unsplash
- フィードバックイメージ: Photo by Dylan Gillis on Unsplash
よくある質問
関連トピック完全ガイド
詳細解説記事
このトピックに関する5件の記事で、 包括的な情報を提供しています。
