当サイトはアフィリエイト広告(PR)を利用しています。

IT職タイプ診断 ─ ジョブ

〈魔導絵師〉ルーンペインター

Webデザイナータイプ

「色と形の魔法で、迷わない画面を描き出す」

見た目の細かい違いに気づき、色やレイアウトで情報を整理できるタイプです。使いやすさまで考えられると、UIデザインにも広がります。

なかまの〈魔導絵師〉から 招待状が届いた!
あなたも鑑定すると、2人の相性がわかります。

とくせい

  • 見た目の細かいズレが気になる
  • 色やフォントの組み合わせを考えるのが楽しい
  • 伝わる構成を考えるのが好き

むいている しごと

  • Webサイト・LPのデザイン
  • アプリのUIデザイン
  • バナー・広告クリエイティブ
相性のいい なかま〈錬金術師〉Webエンジニアタイプ描く魔導絵師と、動かす錬金術師。見た目と仕組みがそろい、使われるサービスが完成します。
サブジョブで変わる、向いている仕事

〈錬金の魔導絵師〉Webデザイナー×Webエンジニア

描いたものを、自分の手で動く画面にまでできる組み合わせです。

UIデザイナー、デザインもできるコーダー、フロントエンド寄りのデザイナー

〈鉄壁の魔導絵師〉Webデザイナー×インフラエンジニア

美しさを、崩れないルールとして守り続けられる組み合わせです。

デザインルール(デザインシステム)の整備、Webサイトの運用・更新担当、アクセシビリティ(使いやすさ)の改善

〈旋律の魔導絵師〉Webデザイナー×動画クリエイター

静止画のセンスを、動きのある表現にも広げられる組み合わせです。

モーショングラフィックス、SNS用クリエイティブの制作、動画のテロップ・サムネイル制作

〈知略の魔導絵師〉Webデザイナー×Webマーケター

伝わるデザインを、成果の数字で磨き込める組み合わせです。

Webディレクター、LP・バナーの改善(LPO)、広告クリエイティブの制作

AI時代の立ち回り

AIに任せやすい作業

  • 配色やレイアウト案のたたき出し
  • 画像素材の生成や背景の切り抜き
  • 文章量に合わせたダミーテキスト作り

人に残る強み

  • 誰のための画面かを決めること
  • 使いやすさの検証と細部の調整
  • ブランドの一貫性を守ること

案を大量に出すのはAIが得意です。そこから「なぜこのデザインなのか」を説明して選び抜ける力が、デザイナーの価値になります。

AI時代に未経験からIT職はもう遅い? →
7日間クエスト

好きなWebサイトを1つ選び、無料のデザインツール(Figmaなど)で画面を模写してみましょう。

チェックはこの端末のブラウザに保存されます。

現実のWebデザイナーを、公的な統計で見る
5職種の平均年収と有効求人倍率出典:厚生労働省 職業情報提供サイト(job tag)平均年収(万円)有効求人倍率(倍)WebエンジニアSE(Webサービス開発)578.52.54インフラエンジニアSE(基盤システム)8892.24動画クリエイター動画制作(映像編集者)583.30.39Webデザイナー ◀Webデザイナー(Web制作会社)539.60.11WebマーケターWebマーケティング736.80.471倍1倍より大きいと、仕事を探す人より求人が多い状態(赤は1倍未満)
年収は令和7年賃金構造基本統計調査、求人倍率は令和7年度ハローワーク求人統計(job tag、2026年10月8日確認)。黄色の枠がこのページのジョブです。

平均年収は令和7年賃金構造基本統計調査、有効求人倍率は令和7年度ハローワーク求人統計(厚生労働省 職業情報提供サイト job tag、2026年10月8日確認)。平均年収には経験の長い人も含まれます。

いまの年収と比べる(IT職の年収くらべ) →

スクールで学ぶか迷ったら、受講料が転職後の収入で何か月で戻るかを計算できます。

スクール代は元が取れる?(回収期間の計算) →
ミニRPG ・ 3〜5分〈魔導絵師〉で冒険する3つの試練を越えて「未経験の壁」をたおせPR ・ おすすめの装備(最初の一冊)1冊ですべて身につくHTML & CSSとWebデザイン入門講座 第2版(Mana)楽天ブックスで見る →

診断結果は職業選択の目安であり、適性を保証するものではありません。