Webデザイナーを目指す上で、まず知っておくべきは「デザインの領域は地続きである」ということです。
Webだけで完結せず、他ジャンルのデザイナーと連携したり、兼務したりすることも珍しくありません。
この講座では、主要な5つのデザイナー職種について、その役割とWebデザインとの関連性を学びます。
| 職種 | 主なアウトプット | 重視される視点 |
| Web | Webサイト・LP | 更新性・デバイス対応（レスポンシブ） |
| グラフィック | ロゴ・ポスター | ブランドの世界観・視覚伝達 |
| UI | アプリ画面・操作画面 | 操作のしやすさ・心地よさ |
| UX | 利用体験・サービス設計 | 課題解決・ユーザーの満足度 |
| DTP | 本・雑誌・チラシ | 印刷の正確性・文字の読みやすさ |
1.Webデザイナー（Web Designer）
Webサイトの見た目（ビジュアル）と、使い勝手（UI）を設計する専門家です。
- 主な仕事: Webサイトのレイアウト、配色、タイポグラフィの決定、バナー制作。
- 特徴: 印刷物と異なり、「動く」「変化する」「更新される」ことを前提にデザインします。
- 必要なスキル: デザインツール（Figma, Adobe XD, Photoshop）、HTML/CSSの知識。
2.グラフィックデザイナー（Graphic Designer）
雑誌、ポスター、ロゴ、パッケージなど、主に「印刷物」や「静止画」を扱うデザイナーです。
- 主な仕事: ロゴ制作、名刺、チラシ、パンフレット、広告ビジュアル。
- Webとの関連: Webサイトで使用するロゴや、ブランドのキービジュアルを制作する際に、グラフィックデザインの基礎（タイポグラフィや配色理論）が不可欠です。
- 必要なスキル: Illustrator, Photoshop。
3.UIデザイナー（User Interface Designer）
「UI（ユーザーインターフェース）」、つまりユーザーが触れる接点をデザインします。
- 主な仕事: アプリやWebサービスのボタン配置、メニューの構造、入力フォームの設計。
- 特徴: 「美しさ」以上に「迷わせない」「直感的に使える」という機能性を重視します。
- 必要なスキル: 情報設計、プロトタイピングツールの操作（Figma等）。
4.UXデザイナー（User Experience Designer）
「UX（ユーザーエクスペリエンス）」、つまりユーザーの体験そのものを設計します。
- 主な仕事: ユーザーインタビュー、ペルソナ設定、カスタマージャーニーマップの作成。
- 特徴: 見た目を作る前の「なぜ作るのか？」「どう感じてほしいのか？」という戦略部分を担います。
- Webとの関連: 近年、Webデザイナーには「UXの視点を持ったUIデザイン」が強く求められています。
5.DTPデザイナー（Desktop Publishing Designer）
グラフィックデザイナーの中でも、特に「印刷工程」に特化した職種です。
- 主な仕事: 書籍の組版、新聞広告、カタログ制作。
- Webとの違い: Webは「デバイスによってサイズが変わる」のに対し、DTPは「決められた紙のサイズ」に情報を完璧に収める技術が求められます。
比較まとめ表
| 職種 | 主なアウトプット | 重視される視点 |
| Web | Webサイト・LP | 更新性・デバイス対応（レスポンシブ） |
| グラフィック | ロゴ・ポスター | ブランドの世界観・視覚伝達 |
| UI | アプリ画面・操作画面 | 操作のしやすさ・心地よさ |
| UX | 利用体験・サービス設計 | 課題解決・ユーザーの満足度 |
| DTP | 本・雑誌・チラシ | 印刷の正確性・文字の読みやすさ |
まとめ：Webデザイナーはどこまで知るべき？
現在の市場では、Webデザイナーが「UI/UXの知識」を併せ持つことはほぼ必須となっています。また、ロゴ制作などの「グラフィックデザイン」のスキルがあると、仕事の幅が劇的に広がります。
まずはWebデザインの基本を固めつつ、隣接するこれらの領域に興味を広げていきましょう。