UI/UX 始め方完全ガイド!未経験からプロになるステップと給付金の活用法


この記事のポイント
- ✓UI/UXデザインの始め方に悩む初心者必見
- ✓未経験から市場価値の高いデザイナーを目指すための学習ロードマップを
- ✓編集者の渡辺さくらが徹底解説
UI/UXデザイナーになりたいけれど、何から手をつければいいのか。 プログラミングのように「正解」が一つではないデザインの世界において、効率的な「始め方」を見極めることは、あなたのキャリアの成功確率を左右する極めて重要な「最初の課題」です。
こんにちは、渡辺 さくら(35歳)です。私は東京都渋谷区を拠点に、教育訓練やキャリア形成に関する記事の監修を行っています。仕事を通じて、何百人もの「未経験からクリエイティブ業界に入った人」を取材してきましたが、成功している人に共通するのは、最初の一歩で「賢い選択」をしているという点です。
本記事では、UI/UXデザインの始め方を、単なる学習手順だけでなく、国の支援制度の活用や、将来的な案件獲得までを見据えた「戦略的なロードマップ」として提示します。
1. UI/UXデザインを始める前に知っておくべき「現実」
「センスがある人だけの仕事」という誤解を解くことから始めましょう。
UI/UXデザインとは、Webサイトやアプリのデザインにおいて、ユーザーにとって使いやすく、快適な体験を提供するための設計思想です。 出典
UI/UXは、アート(感性)よりもサイエンス(論理)に近いです。なぜそのボタンがそこにあるのか、なぜこの色なのかを「言語化」できる能力こそが求められます。未経験からでも、正しい「始め方」さえ守れば、十分にプロとして通用するスキルを身につけることが可能です。
2. 賢いUI/UXの始め方:教育訓練給付金を使い倒す
もしあなたがスクールでの学習を検討しているなら、まずは「教育訓練給付金」の対象講座かどうかを確認してください。これは、知っている人と知らない人で数十万円の差がつく、非常に強力な制度です。
たとえば、受講料が600,000円の専門実践教育訓練対象講座を受講した場合、最大で70%、つまり420,000円が戻ってきます。自己負担額はわずか180,000円。この制度を使わずに全額自費で払うのは、正直もったいないと言わざるを得ません。
具体的な対象講座については、こちらのページで確認できます。 教育訓練給付金の対象講座一覧 編集者の視点から見ても、制度の対象になっている講座は一定の質が担保されているため、スクール選びの大きな指標になります。
3. 失敗しないための「始め方」5つのステップ
では、具体的にどのような順序で学べばいいのでしょうか。
実は、UIとUXは別々ではなく、並行して学ぶ方が自然です。この記事では、「私がUI/UXを最初から学び直すならこの順番で進める」をご紹介します。 出典
ステップ1:ツールの習得([Figma](https://www.figma.com/)一択)
まずは業界標準のツールであるFigmaを使いこなせるようになりましょう。ステップ2:模写とトレースで「型」を覚える
既存の優れたアプリをFigmaで再現することで、配置のルールや文字の大きさを体で覚えます。ステップ3:ユーザー視点での言語化
なぜそのアプリが使いやすいのか、自分の言葉で説明する練習をします。 [UI/UX・アプリデザインのお仕事](/jobs-guide/ui-ux-design)ステップ4:ポートフォリオの作成
「何を作ったか」だけでなく、「どんな課題をどう解決したか」というプロセスをまとめます。 具体的な年収データを見ると、プロセスの重要性が分かります。 → UI/UX・アプリデザインのお仕事の年収データステップ5:実戦経験を積む(副業・独立)
小規模な案件から実績を作り始めます。4. 初心者が損をしない案件獲得術:手数料の罠
UI/UXを始めたばかりの頃は、実績作りが最優先です。しかし、実績作りのために大手クラウドソーシングサイトを利用すると、思わぬところで「機会損失」が発生します。
大手サイトの多くは、報酬の10%から20%をシステム利用料として徴収します。 例えば、あなたが努力して受注した100,000円のデザイン案件。手数料が20%なら、手元に残るのは80,000円です。この20,000円があれば、最新のフォントや素材集、あるいは新しいデザインの専門書を何冊も買えます。
@SOHOなら成約手数料0%で実績が作れる
私が初心者の方々に、案件獲得の場として一貫して推奨しているのが、@SOHOの活用です。
@SOHOは、クライアントとワーカーが直接契約するための掲示板型ポータルサイトです。最大の特徴は、ワーカー側の成約手数料が完全無料であることです。
- 報酬のすべてが自分の資産になる: 中抜きがないため、同じ仕事量でも実質的な収入が大幅に向上します。
- 直接契約による「信頼の資産化」: 仲介者がいないため、クライアントと深い信頼関係を築きやすく、継続依頼(リピート)に直結します。
- 良質な直接案件の豊富さ: 20年以上の歴史が生む信頼から、UI/UXの価値を理解している企業からの直接募集が豊富に揃っています。
私が以前取材した元事務職の方は、@SOHOで「アプリのアイコン修正」からスタートし、手数料無料の恩恵を受けながら半年で月収15万円を安定させ、その後の転職活動での大きな武器にしました。
まとめ:最初の一歩が未来を決める
UI/UXデザインの始め方は、単なるスキルの習得ではありません。 いかに国の制度を使いこなし、いかに効率的に自分の価値を証明し、いかに手数料0%で実利を掴み取るか。その総合的な戦略が重要です。
本質は一つ。「ユーザーのために何ができるか」を考え続けること。 この記事を読み終えたら、まずは給付金の対象講座をチェックするか、@SOHOで今どのようなデザイナーが求められているかを覗いてみてください。その一歩が、あなたの輝かしいクリエイティブ人生の始まりです。
5. 【公的データ】UI/UX人材の需要と「キャリアの安全性」
UI/UXデザイナーを目指す方が「本当に食べていけるのか」と不安になる気持ちは当然です。客観データで将来性を確認しておきましょう。
我が国のデジタル産業では、ユーザー中心設計(UCD)、サービスデザイン、UI/UX等の専門スキルを持つ人材が継続的に不足しており、特に金融、医療、行政分野でのデジタルサービス品質向上のためには、これら専門人材の育成・確保が急務とされている。 出典: meti.go.jp
国家レベルで「不足している専門職」と認定されているということは、向こう5〜10年は需要が続くことを意味します。今からスキル習得を始めても十分に投資回収できる職種です。
UI/UXデザイナーが活躍する3つの主要市場
- SaaSプロダクト企業: 月額顧問契約・業務委託で月50〜120万円
- 金融・医療系の業務システム: 規制業界ゆえに高単価、月80〜150万円
- 大手企業のDX案件: コンサル+実装でハイブリッド、月100〜180万円
「Webデザイナー」よりも「UI/UXデザイナー」と名乗ることで、単価レンジが1.5〜2倍に跳ね上がる現象が起きています。同じスキルでも、ポジショニング次第で市場価値が大きく変わるのです。
6. UI/UXデザイン学習で「最短で収入につなげる」3か月プラン
スクール卒業を待たず、3か月で初案件を獲得するための実践プランを提案します。
Month 1: 基礎構築
- Week 1-2: Figma基本操作(公式チュートリアル全完了)
- Week 3-4: 既存アプリのUI模写10本(Apple Music、Spotify、Airbnb、Uber、Mercari等)
Month 2: 実践と発信
- Week 5-6: 架空サービスのUIデザイン3本(カフェ予約アプリ、家計簿アプリ、語学学習アプリなど)
- Week 7-8: Twitter / Behance / Dribbbleにポートフォリオ公開、毎日1枚UIを投稿
Month 3: 案件獲得
- Week 9-10: 既存サービスの「UX改善提案資料」を5本作成(PDF形式、自分の発信源にする)
- Week 11-12: @SOHOで小規模UI改善案件に応募、月3〜5万円の初案件獲得
このプランを愚直に実行すれば、3か月後には「実績ゼロ」から「副業案件1件+ポートフォリオ20本」の状態を作れます。スクール費用60万円を払う前に、まずこの3か月プランで「自分が本当にこの仕事を続けられるか」を見極めるのが賢明です。
7. 【ポートフォリオ術】未経験でも「採用される」UI/UXポートフォリオの構成
ポートフォリオの作り方を間違えると、どれだけ作品が美しくても採用されません。私が見てきた「採用されるポートフォリオ」の共通構成を共有します。
セクション1: 自己紹介(1ページ)
- 経歴・スキルセット
- なぜUI/UXデザインを始めたか
- 強みと提供できる価値
セクション2: ケーススタディ3〜5本(1本あたり3〜5ページ)
各ケーススタディには以下を含めます。
- 課題定義: クライアントが抱える問題は何か
- ユーザーリサーチ: ペルソナ設定、ヒアリング結果、競合分析
- デザインプロセス: ワイヤーフレーム→プロトタイプ→最終UI
- デザイン根拠: なぜこの色、なぜこの配置、なぜこのフローか
- 成果指標: KPI改善(CVR向上、UU増加、離脱率低下など)
セクション3: スキル詳細
- 使用ツール(Figma、Adobe XD、Sketch、Miro、Notion等)
- 関連知識(HCD、Atomic Design、Material Design、HIG)
- ソフトスキル(プレゼン、ヒアリング、ドキュメント作成)
セクション4: 連絡先と稼働可能時間
- メールアドレス、SNS
- 副業/フリーランスの場合の稼働時間
- 希望単価レンジ
このような構成で作られたポートフォリオは、「即戦力」と判断されやすく、採用率が大幅に上がります。
8. 【失敗事例】UI/UXを始めて挫折する人の共通パターン
最後に、UI/UX学習で挫折する人の典型パターンを共有します。これらを意識するだけで成功率が大きく変わります。
失敗パターン1: 「ツール学習」だけで満足してしまう
Figmaの操作は3週間あれば習得できます。しかしそこから先、「なぜそのデザインにするか」という思考力を磨かないと、いつまでも案件が取れません。対策: ツール学習と並行して、必ず「UI/UXの原理」「認知心理学」「行動経済学」の本を最低3冊読む。
失敗パターン2: 「美しいだけのデザイン」に走る
クライアントが求めるのは美しさではなく「成果(売上向上、CVR改善)」です。Dribbbleのトレンドを真似た作品は綺麗ですが、ビジネス成果に繋がらなければ意味がありません。対策: 必ず「数値改善KPI」を設定したケーススタディを作る習慣を持つ。
失敗パターン3: 「自分一人で完結」しようとする
UI/UXは対話の仕事です。一人で作品を作るだけでは、コミュニケーション力が育ちません。対策: 月1回は他のデザイナーやエンジニアと交流する機会を作る。Twitterのデザイナーコミュニティ、勉強会、UX系イベントへの参加が効果的。
失敗パターン4: 「実案件をやらない」まま3年
スクール課題やポートフォリオ作成に没頭し、リアルな案件をやらないまま3年経過するパターン。実案件で得られる「クライアントとの折衝経験」「修正依頼への対応力」は、独学では絶対に身につきません。対策: 1か月以内に必ず1件、無料でもいいから実案件を引き受ける。
UI/UXデザイナーは、適切な学習プランと継続的な実践により、未経験からでも1〜2年で月収50万円以上を実現できる職種です。教育訓練給付金などの公的制度をフル活用しつつ、@SOHOのような手数料無料のプラットフォームで実績を積み上げる「賢い始め方」を実践すれば、最短で経済的自立を実現できるでしょう。
よくある質問
Q. UI/UXデザイナーになるにはどんなスキルが必要ですか?
Figmaの操作スキルは必須です。加えて、ユーザーリサーチ手法(インタビュー、アンケート設計)、ワイヤーフレーム作成、プロトタイピング、デザインシステムの構築・運用スキルが求められます。HTML/CSSの基礎知識があると、エンジニアとのコミュニケーションがスムーズになり評価が上がります。
Q. 教育訓練給付金を活用してスキルアップし、案件を乗り換えるのは有効ですか?
非常に有効です。特定のクライアントとのトラブルで疲弊しているなら、給付金を活用してAIコンサルティングや高度なセキュリティ知識などの高単価スキルを身につけ、より健全なクライアントが集まる市場へ移ることを検討してください。 受講費用の最大70%(最大56万円)が戻ってくるこの制度は、キャリアの「保険」になります。
Q. eラーニング(動画視聴)のみのWebデザイン研修でも助成金の対象になりますか?
対象になるコース(定額制訓練など)もありますが、要件が厳格です。「ただ動画を見ているだけ」ではなく、システム上で「誰が、いつ、何時間学習したか」という受講履歴が明確に管理・出力できるLMS(学習管理システム)であることが必須条件です。研修機関を選ぶ際に必ず「助成金申請に必要な受講ログが出力できるか」を確認してください。
Q. デザイナー未経験からフリーランスになるには何年かかりますか?
一般的には実務経験2〜3年が目安です。ただし、スクールやオンライン学習で基礎を身につけ、個人の制作実績を積むことで、1年半程度で独立するデザイナーもいます。ポートフォリオの質が案件獲得の鍵となります。
Q. AI UI UX デザイン 副業は未経験からでも始められますか?
はい、可能です。ただし、AIツールを使えるだけでなく、UI/UXの基礎理論(デザインの原則やユーザー心理)を学習する必要があります。まずはv0やFigma AIなどのツールに触れつつ、ウェブデザイン技能検定などの資格学習を並行することをおすすめします。
@SOHOで活用できる補助金・給付金を探す
@SOHOには全国4,000件以上の補助金・助成金情報と、教育訓練給付金対象の講座情報が集約されています。自分の事業・スキルに合った制度をまず探してみましょう。
@SOHOで関連情報をチェック
お仕事ガイド
年収データベース
資格ガイド

この記事を書いた人
渡辺 さくら
フリーランス編集者・コンテンツディレクター
出版社で編集者として10年間勤務した後、フリーランスに独立。教育訓練・キャリア系の記事執筆に加え、コンテンツ戦略の設計も手がけています。
関連記事
カテゴリから探す

職種別ガイド
職種・スキル別の案件獲得方法と単価相場

副業・在宅ワーク
副業・在宅ワークの始め方と対象者別ガイド

フリーランス
フリーランスの独立・営業・実務ノウハウ

お金・税金
確定申告・節税・経費・ローンなどお金の知識

スキルアップ
プロフィール・提案文・単価交渉などのテクニック

比較・ランキング
サービス比較・おすすめランキング

最新トレンド
市場動向・法改正・AIなど最新情報

発注者向けガイド
クラウドソーシングで外注・人材探しをする企業・個人向け

転職・キャリア
転職エージェント・転職サイト比較・キャリアチェンジ

看護師
看護師の転職・副業・フリーランス・キャリアガイド

薬剤師
薬剤師の転職・副業・キャリアパスガイド

保険
生命保険・医療保険・フリーランスの保険設計

採用・求人
無料求人掲載・採用コスト削減・人材募集の方法

オフィス・ワークスペース
バーチャルオフィス・コワーキング・レンタルオフィス

法律・士業
契約トラブル・士業独立開業・フリーランス新法

シニア・50代
シニア世代のキャリアチェンジ・副業・年金

セキュリティ
サイバーセキュリティ・脆弱性対策・情報保護

金融・フィンテック
暗号資産・決済・ブロックチェーン・金融テクノロジー

経営・ビジネス
経営戦略・ガバナンス・事業承継・知財

ガジェット・機材
フリーランスに役立つPC・デバイス・周辺機器

子育て×働き方
子育てと在宅ワークの両立・保育園・時間管理







