フリーランスエンジニア営業なしで案件受注

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

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

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

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

 

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

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

UIUXデザインの原則を知る

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

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

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

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

 

UIUXデザインの手法を知る

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

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

UIUXデザインの手法を5分で解説!実務で使う方法も紹介

 

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デザインを学ぶスクールおすすめ

オススメは以下の記事へどうぞ

UIUXデザイナースクール比較おすすめランキング!オンライン・通学制学校

 

UIUXデザインを学ぶまとめ

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

の手順で学んでいきましょう。