UIUXデザインを学ぶ3ステップ【完全無料・独学OK】

UIUXデザインを学ぶ方3ステップを紹介します。完全無料・独学で一番シンプルに学ぶ方法です。

UIUXデザインを学ぶ3ステップ

  1. UIUXデザイン原則・手法を知る
  2. デザインを模写する
  3. UIUXデザインを実践する

 

UIUXデザイン原則・手法を知る

まずはUIUXデザインの原則・手法など知識を知りましょう。

UIUXデザインの原則を知る

5分でUIUXデザインの基本的な原則を知りましょう。

一言で言うと、ユーザーに伝えたいことがわかりやすいようにデザインしろよ、と言うことです。

良い事例、悪い事例を知るための本も紹介しています。

UXデザイン原則を5分で解説【初心者向け】

 

UIUXデザインの手法を知る

次にUIUXデザインを実践する手法を知りましょう。

手法自体は、手段に過ぎないので頑張って使う必要はないと思います。

【5分】UIUXデザインの手法6つ!実務で使う方法も紹介

 

UIUXデザインを模写する

UIUXデザイン模写=UIトレース

ざっくりUIUXデザインのことが分かったら、優れたUIUXのデザインを模写していきましょう。

このようなデザイン模写をUIトレースとも言い、実際にフォントや余白感などを抜き取って学ぶこともできます。

XDでUIトレース!初心者向けにおすすめ・NGなやり方【5分でわかる】

 

デザインツールの勉強にも

実際に自分がUIUXデザインをするとデザインツールを使うことが必要なので、デザインツールの練習にもなります。

Sketch、Photoshop、Adobe XDがUIトレースに使われることがありますが、特に会社で使うなどの指定がない場合がAdobe XDがおすすめです。

Adobe XDは無料で一番簡単で軽いからです。

 

UIUXデザインを実践する

最後に自分でUIUXデザインを実践しましょう。

架空のサイトを作ってみる

最初は自分がターゲットユーザーになりうる架空のサイトやアプリのデザインを作ってみるのがおすすめです。

他のユーザーに具体的にどう思うか聞くのが結構大変なので、自分向けのUIUXデザインをしてみましょう。

ポートフォリオサイト(ブログ)を作ってみる

ポートフォリオサイト(ブログ)は、転職、副業・フリーランスの案件受注のためにあって損することはないです。

UIUXデザイナーはコーディングもできる人が歓迎される場合が多いので、簡単なコーディングをやりつつwordpressサイトデザインのカスタマイズをすると良いと思います。

以下に私がコーディングもサイト制作も初心者のときに5時間で開設・収益化した方法を紹介しています。

wordpressブログを5時間で開設・収益化設定する方法。12690円/年です

 

既存のデザインを作り直す

最近流行っているのが既存のUIの「リデザイン」です。

既に世の中にあるデザインを添削して自分なりに作り変えてデザインしてみる、と言うものです。

ちょっと前に、それをTwitterやnoteで発信してバズったUIデザイナーもいました。

 

Twitterやnoteで発信する

自分がUIトレースや、架空のサイトをデザインするなどしたら、どんどんSNSで発信していきましょう。

SNSで成果物を発信しただけで「いいね」が沢山ついてバズってモチベーションアップになるだけでなく、頑張ってるねと言うことで制作会社などデザイナーを探している人から声がかかることがあります。

案外Twitter経由で発信していると就職のお誘いだけでなく、副業やフリーランスの案件を受注することができることがあります。

 

UIUXデザインを学ぶのが難しい場合

UIUXデザインを独学で学ぶのが難しい場合は、メンターをつけて学ぶのがおすすめです。

UXデザインよりはデザインツールの使い方や実践的なデザインで一番つまずくと思うので、UIUX以外のwebデザインコースも紹介します。

UIUXデザインを学ぶスクールの選び方

  • 素人ではなくプロが教えくれる
  • 質問し放題
  • オンラインでも質問できる
  • 受講時間がフレキシブル
  • 有名スクール
  • 成果物が明確で、卒業後どのレベルになるのかが分かる

最近はプログラミングスクール卒業したばかりの素人大学生が教えたり、質問し放題ではないプログラミングスクールもあるので注意です。

 

UIUXデザインを学ぶスクールおすすめ3つ

それぞれ重視する点にとっておすすめのスクールが変わってきます。

全てオンライン完結型スクールです。

コスパが良いのはテックアカデミー

テックアカデミーのwebデザインコースが、他の2つの講座と比較してコスパが良いです。

料金 13,9000円
学生料金 109,000円
分割払い OK
期間 4週間
タイプ オンライン完結型
習得スキル デザイン原則・ワイアフレーム ・画像加工・HTML/CSS・jQuery・GitHub
他との違い HTML・CSS等コーディングも学べる

デザインだけでなくHTML・CSS・jQueryなどのコーディングも学べるので就職しやすくなったり、web制作受注の単価が2倍以上上がり、受注できる確率も上がります。

先行申し込みで最大22,320円分お得です。

コンテンツの充実ならCode Camp

料金 148,000円(入会金30,000円)
学生料金 なし
分割払い OK
期間 8週間
タイプ オンライン完結型
習得スキル Illustrator・Photoshop・HTML/CSS・jQuery・Javascript・Bootstrap
他との違い HTML・CSS等コーディングも学べる、マンツーマンレッスン

8週間受講するならテックアカデミーで8週間コースにするよりコスパが良いです。

無料オンライン体験レッスンを受けると受講料が10000円オフになります。

 

UIUXならテックアカデミーのUIUXデザインコース

料金 119,000円
学生料金 なし
分割払い OK
期間 4週間
タイプ オンライン完結型
習得スキル ペルソナ設計・デザインガイドライン ・カスタマージャーニーマップ・画像加工・Prottでのプロトタイプ・Sketchのワイアフレーム 、UIデザイン
他との違い コーディングは学べない、Sketch使用、UX手法を学ぶ

先行申し込みで最大14320円お得です。