UI/UXデザイナーを目指すにあたって、以下のような悩みを抱える方もいるのではないでしょうか。
「UI/UXデザインの勉強方法がわからない」
「UI/UXデザイナーになるには、どのようなスキルが必要？」
そこで、本記事ではUI/UXデザインの勉強方法を解説します。また、UI/UXデザイナーを目指すうえでおすすめの書籍や学習サイトもピックアップしました。
最後までチェックし、UI/UXデザイナーに必要な知識やスキルの習得を目指しましょう。
UI/UXデザインとは？
まず、UI/UXデザインとは何かについて解説します。UIとUXの意味は、以下の通りです。
- UI：「User Interface（ユーザーインターフェース）」の略で、Webサイトやアプリなどのサービスやプロダクトとユーザーの接点を指す。たとえば、色やレイアウト、文字のフォントなどが当てはまる。
- UX：「User Experience（ユーザーエクスペリエンス）」の略で、ユーザーが商品やサービスを通じて得られる体験や感情を指す。例としては、「レイアウトが整っていて情報を見つけやすい」「写真が豊富なECサイトだからショッピングが楽しい」などがあげられる。
UIはWebサイトやアプリの見た目、UXは使用感や顧客体験を指すと認識しておきましょう。UI/UXについての詳細は以下の記事で解説しているので、気になる方はチェックしてみてください。
UI/UXデザインの需要
UI/UXデザインの需要は、今後も高く推移することが予想されます。なぜなら、インターネットやスマートフォンが普及した昨今、企業やサービスが競争力を維持するためにはユーザーに優れた体験を提供することが不可欠だからです。
経済産業省が公表した「将来産業別に必要になる労働者数を推計したデータ」によると、Webデザイナーなど情報通信分野の労働者数は、全労働者数に占める割合が2020年から2050年までに約7％増加する必要があるとされています*1。このデータからも、UI/UXデザイナーが活躍するチャンスは今後もあるといえるでしょう。
UI/UXデザインの勉強方法5選
UI/UXデザイナーになるために、どのような方法で勉強すればよいか迷う方も多いかもしれません。ここではおすすめの勉強方法5選を紹介します。
各方法の取り組み方について詳しく解説するので、自分に合った方法を選択してください。
本で学ぶ
UI/UXデザインは、書籍を活用すれば体系的に学ぶことができます。おすすめの本を3冊紹介するので、自分に合うものを手にとってみてください。
1. 『はじめてのUIデザイン』 著： 池田 拓司、宇野 雄、上ノ郷谷 太一 ほか（各150~200字程度）
UIデザインの基本的な知識や考え方が学べる、まさに「UIデザインの入門書」といえる本です。具体的なデザインプロセスや、UI設計における基本原則がわかりやすく解説されているため、UIデザインの基礎を固めるのに役立つでしょう。
第一線で活躍するプロのデザイナーが執筆しているため、理論だけでなく実務で役立つ知識や技術を学ぶことができる点もおすすめのポイントです。
2. 『UXデザインの教科書』 著： 安藤 昌也
千葉工業大学のメディア工学科で教授を務める安藤昌也さんによる、UXデザインに特化した1冊です。優れたUXをデザインするための理論やプロセス、手法などをアカデミックな視点から体系的に学べます。
ユーザー調査やプロトタイピングなど、UXデザインに必要なプロセスの実施方法が具体的に解説されており、実務にも活用しやすいでしょう。小手先のテクニックだけではなく、UXデザインの本質を知りたい方におすすめです。
3. 『UIデザインの教科書 マルチデバイス時代のインターフェース設計』 著： 原田 秀司
UIにおけるデザインの定義や人間の心理による影響、デザインを形にする方法などが体系的にまとめられています。UIデザインの基礎を身につけたい方や、わかりやすく使いやすいUIのデザインを知りたい方に適しています。
デザイナーはもちろん、エンジニアやディレクターなどUIの制作に関わるすべての方におすすめの1冊です。
学習サイトで学ぶ
UI/UXデザインを学ぶ際は、オンラインの学習サイトを活用するのもおすすめです。最新の事例や実践的なUIデザインのテクニックを学べるコースが用意されており、自分のペースで勉強を進められます。今回は、おすすめの学習サイトを3つピックアップしました。
1. Udemy（各150~200字程度）
Udemyは、250,000以上の豊富な講座ラインナップが特徴のオンライン学習プラットフォームです。UI/UXデザインに関する講座も多数あり、初心者から上級者まで、さまざまなレベルに対応したコースが用意されています。
講座は動画形式で提供されており、仕事が忙しい方でも自分のペースで学習を進められるのが嬉しいポイントです。
2. Schoo
Schooは、参加型の生放送授業と8,500本以上の録画授業で仕事に役立つさまざまなスキルが学べる学習サービスです。生放送授業は、会員登録を行えばすべて無料で視聴できます。有料会員になると、録画された授業をいつでも視聴可能です。
UI/UXデザインに特化したコースも豊富に用意されており、基礎から応用まで体系的に学習できます。生放送授業では、チャットから講師に直接質問ができるため、疑問点をその場で解消できるのが嬉しいポイントです。
3. chot.design
chot.designは、WebデザインやUI/UXデザインを無料で学べるオンラインの学習サイトです。1レッスンあたり5〜10分程度で学べるテキストベースの学習コンテンツが提供されており、まとまった時間が取れない方でも学習を進めやすいでしょう。
初心者向けのレッスンが充実しているため「デザインを本格的に学ぶか迷っている」という方の学習の第一歩としてもおすすめできます。
資格の勉強をする
UI/UXデザイナーに必須の資格はありません。しかし、知識を定着させる手段として、資格の勉強を行うのはおすすめです。「資格試験への合格」という明確な目標があることで、勉強のモチベーションが維持できるうえ、取得できればスキルを保有している証明になります。
ここでは、UI/UXデザイナーにおすすめできる資格を2つ紹介します。
1. ウェブデザイン技能検定
ウェブデザイン技能検定は、Webサイト制作に必要な知識やスキルを評価する国家検定です。Webデザインの基礎から応用まで幅広い知識とスキルを学べます。Webサイト制作における専門用語や概念の理解が深まるため、プロジェクトの進行がスムーズになるでしょう。
合格すると「ウェブデザイン技能士」という肩書きを得ることができるのも魅力です。名刺や履歴書に記載することで、専門的なスキルを持っていることのアピールにもなります。
2. Google UX Designプロフェッショナル認定
Google UX Designプロフェッショナル認定は、Googleが提供するUXデザイナー養成のためのオンライン講座です。修了すると公式の認定証が発行されます。
実際のプロジェクトで必要なスキルに焦点を当てたプロジェクトベースの学習プログラムになっているため、実務で活用できる実践的な知識を身につけることが可能です。UXデザイナーとしてキャリアを始めたい方や、すでにデザインの知識がありスキルアップを目指している方におすすめです。
スクールで学ぶ
UI/UXを学ぶなら、スクールを受講するのもおすすめです。オンラインスクールなら時間や場所に縛られず学習を進められるため、仕事や学校、家事、育児などと両立しやすいでしょう。
たとえば、女性向けキャリアスクールのSHElikes（シーライクス）には「UIデザインコース」や「UXデザインコース」があり、UI/UXの基本やデザインツールの使い方などをオンラインで学べます。他にもデザインやマーケティングなど、豊富な職種スキルが定額・学び放題なので、UI/UXデザインに掛け合わせられるスキルの習得を目指せます。
少しでも気になる方は、ぜひ一度無料体験レッスンにご参加ください。
実際のサイトをトレースしてみる
使いやすいと感じるWebサイトや人気の高いWebサイトをトレースしてみるのも、UI/UXデザインのスキルを身につける方法の1つです。優れたWebサイトを細部まで忠実に真似することで、よいデザインとは何かが見えてきたり、自身のデザインスキルの向上につながったりします。
「なぜこのレイアウトなのか」「なぜユーザーは価値を感じるのか」などを意識しながら、デザインをトレースしてみてください。
UI/UXデザインにおすすめのツール
UI/UXデザインの勉強をする際は、事前にツールやソフトを準備しておくのがおすすめです。特におすすめなのが「Adobe XD」「Figma」「Sketch」の3つのツールです。各ツールの特徴を紹介するので、用途にあったものを選んでください。
| ツール名 | 料金 | 主な機能 | 無料トライアル |
|---|---|---|---|
| Adobe XD | 月額7,780 円（Creative Cloudコンプリートプラン） | UI/UXデザイン、プロトタイプ作成、共同編集、Adobe Creative Cloudとの連携 | あり |
| Figma | 無料プランあり、有料プランは月額2,250円から | UI/UXデザイン、プロトタイプ作成、共同編集、コンポーネントライブラリ、プラグイン対応 | あり |
| Sketch | 月額10ドルから | UI/UXデザイン、プロトタイプ作成、オフライン作業、共同編集 | あり |
Adobe XD
Adobe XDは「Adobe」社が提供しているソフトで、Webサイトやアプリなどのデザインができます。シンプルなインターフェースと直感的な操作方法で、初心者でも扱いやすいツールです。
3Dデザインを簡単に作成できたり、レスポンシブ対応でデバイスごとに適切なサイズに調整できたりなど、便利な機能がそろっています。画像編集に適したPhotoshopやデザイン制作ができるIllustratorなどと連携できるため、ニーズに合ったデザインを作りやすいでしょう。
Figma
Figmaは、ブラウザ上でデザインが可能なツールで、ほかのユーザーと共同で作業ができます。チームメンバーが同時に編集できるため、作業内容の確認やフィードバックのやり取りなどをスムーズに行えるでしょう。
「スタータープラン」は無料で使用できるので、気軽に使いやすいのが嬉しいポイントです。ちなみに有料プランに加入すると、音声通話や無制限のチーム作成といった機能が追加で利用できます。
Sketch
Sketchは、非常に軽量で大規模なプロジェクトでもスムーズに操作できる点が魅力です。ツールバーのカスタマイズやテンプレートの設定など、作業効率をアップできる機能が搭載されているのもポイントでしょう。
また、追加できるプラグインが多いのも特徴です。プラグインを追加することでデザインの幅が広がり作業がしやすくなります。ただし、MacOSのみの対応で、WindowsOSでは使えない点には注意が必要です。
UI/UXデザイナーに必要なスキル
ここでは、UI/UXデザイナーに必要なスキルを紹介します。具体的に求められるのは以下3つです。
各スキルを詳しく見ていきましょう。
基礎的なデザインスキル
まずUI/UXデザイナーに必須といえるのが、基本的なデザインスキルです。少なくとも、デザインの基本原則である「近接」「整列」「コントラスト」「反復」の知識は習得しておきましょう。
- 近接：関連性のある情報を近くに配置する
- 整列：要素に一体性や統一感を持たせる
- コントラスト：情報に強弱をつけ、違いを明確にしたり情報に優先度をつけたりする
- 反復：デザインの要素を繰り返して一貫性を持たせる
また、配色やレイアウトなどの知識や、PhotoshopやIllustratorのようなソフトを使用するスキルも求められます。可能であれば、HTMLやCSSといったコードの知識もあるとよいでしょう。
- HTML：Webページの文章を構造化して見出しや本文などを明確化するマークアップ言語
- CSS：Webサイトのサイズ、レイアウト、色などの見た目を装飾するスタイルシート言語
UI/UXデザイナーにコーディングのスキルは必須ではありません。しかし、コードへの基本的な理解があれば、Webサイトを制作する際にデザイン実装のチームと意思疎通が図りやすくなったり、活躍の場が広がったりといったメリットがあります。
マーケティングの知識
UI/UXデザイナーを目指すなら、マーケティングの知識も習得しておくとよいでしょう。なぜなら、市場調査やほかのWebサイト、アプリの分析などをもとにデザインを制作するケースがあるからです。
また、デザインが完成したあとの成果物の分析、期待通りの結果が出ない場合の改善策の実施にも、マーケティングの知識が活かせます。マーケティングの勉強方法は以下の記事でも解説しているので、ぜひ参考にしてください。
コミュニケーション能力
UI/UXデザイナーには、高いコミュニケーション能力が欠かせません。なぜなら、クライアントとやり取りをしたり、ディレクターやマーケター、エンジニアなどと協力してプロジェクトを進めたりするからです。
他者と良好な関係を築くことはもちろん、「自分の考えをわかりやすく相手に伝える」「相手の意見を正確に汲み取る」といったスキルも求められます。ビジネスコミュニケーションでおさえたいポイントについては以下の記事でも解説しているので、ぜひチェックしてみてください。
UI/UXデザイナーに転身したロールモデルを紹介
最後に、UI/UXデザイナーへの転職を実現させた方のストーリーを紹介します。これからUI/UXデザインの勉強を始める方は、ぜひ目を通してみてください。
やりがいも収入も失ったわたしが、やりたいことを見つけて年収約200万UPでデザイナー転職を叶えるまで ふかさん
IT企業でシステムエンジニアとして働いていたふかさんは、ルーチンワークをこなす日々を送るなかで、Webデザイナーの仕事に挑戦したいと思うようになったそうです。そこでSHElikesへ入会し、Webデザインの勉強を始めました。
初めはWebデザイナーを志望していましたが、UI/UXデザインコースの受講がきっかけでUI/UXデザイナーへの転職を決意。もくもく会*を活用して勉強時間を確保し、学習を進めたといいます。その結果UI/UXデザイナーへの転職を叶え、収入もアップしたそうです。
*講師やほかの受講生と一緒に行うオンライン勉強会。コースにより提供状況は異なります。
これまでの経験を強みに変え、未経験からUI/UXデザイナーへ りこさん
新卒で生命保険に関するシステム会社に入社し、SEとして働いていたりこさん。PMを経験し、プロダクト改善に楽しさを感じていたものの、問題解決に即つながるお仕事をしたいという漠然とした想いを持っていたそうです。
あるとき、SHElikesの短期間でマルチに活躍するデザイナーを目指せる「マルチクリエイターコース」を知り、今がチャンスと感じ入会を決めたそう。その後コースを受講し、制作会社のUI/UXデザイナーへのキャリアチェンジを実現しました。
自分に合った勉強方法を見つけて、UI/UXデザイナーを目指そう
UI/UXデザインの勉強方法は、書籍や資格の勉強、スクール、学習サイトなどさまざまです。本記事で紹介した勉強方法を参考にし、自分に合う方法で学習を進めてみてください。
もしUI/UXデザインの勉強方法に迷う場合は、女性向けキャリアスクールのSHElikesもおすすめです。UI/UXデザインはもちろん、Webデザインやマーケティング、Figmaなど、デザインに関する幅広いスキルの習得を目指せます。一緒に頑張る仲間と学習状況をシェアできる月1回のコーチング*もあるので、モチベーションを維持しやすいでしょう。
無料体験レッスンを実施しているので、ぜひ参加してみてはいかがでしょうか。
*夢や理想に近づくために、コーチと一緒に目標設定・振り返りを行う場。
※出典
*1：経済産業省「未来人材ビジョン」p26より
