新型コロナウイルスの影響による外出自粛によって、自宅で過ごす時間が長くなっています。

この期間をただなんとなく過ごすのではなく、新たなスキルを獲得する有益な時間にしませんか?

今回は、自宅でデザインをまなべるオンライン学習サービス/オンラインスクールをご紹介します。

おうち時間を充実させて、今後のデザイナーとしてのキャリアに役立てましょう。

「オンライン学習サービス」と「オンライン学習スクール」の違いとは?

オンライン学習サービスとは?

オンライン学習サービスとは「あらかじめ用意されたコンテンツをオンラインで学習していき、ひとりでスキルの獲得を目指すサービス」です。

無料から月額1,000円前後のサービスが多いため、あまりお金をかけずに学習を始められます。基礎的な内容から実践的な応用スキルなどコンテンツの種類が多岐に渡るため、自分のレベルやキャリアプランに合わせた学習計画をたてると、効率よくスキルを身につけられるでしょう。

しかし、オンライン学習サービスはモチベーションの維持が難しいというデメリットもあります。料金が安く、気軽に始められる分、モチベーションが続かず中途半端なところでやめてしまう方が多いです。

独学が苦手な方は、オンライン学習スクールでのスキルアップをおすすめします。

オンライン学習スクールとは?

オンライン学習スクールとは「スクールで受けれる講義をオンライン上で学習していき、講師や専任のメンターとともにスキルの獲得を目指すサービス」です。

オンライン学習サービスとの違いは、講師や専任の有無になります。

オンライン学習スクールは、基本的に3ヶ月〜のコース制で、数十万円ほどの料金がかかるため、スクール選びは慎重に行いましょう。しかし料金がかかる分、以下のようなメリットがあります。

  • 講師による質の高い講義を受けれる
  • 個別指導/マンツーマンのメンターがいるため、モチベーションを維持しやすい
  • 自分のキャリアプランに合わせたコース選択をサポートしてくれる
  • 気軽に質問ができるため、苦手なところでつまずきにくい
  • 最新のスキルが身につけられる
  • 就転職サポートをしてくれる

モチベーションを維持しながら確実にスキルを身につけたい方は、オンライン学習スクールがおすすめです。

無料のカウンセリングなどを行なっているオンラインスクールも多いため、まずはそこで話を聞いてみるのもいいでしょう。

オンライン学習のメリット/デメリット

オンライン学習のメリット/デメリットの写真

オンライン学習のメリット

現在サービス数が急増しているオンライン学習ですが、どのようなメリットがあるのか見ていきましょう。

  • 自分のライフスタイルに合わせた受講ができる
  • 受講カリキュラムを自分のキャリアプランに合わせて構築できる
  • スクールに通うよりも費用が安い
  • 質の高い授業を受けれる
  • 通学の手間が省ける

時間やお金の融通が効きやすいため、なかなかインプットの時間が取れない方もオンライン授業ならスキマ時間に学習を進められます。

また、有名なプロデザイナーの講義もオンライン授業なら費用を抑えて受けられるため、質の高い授業を求めている方にもおすすめです。

オンライン学習のデメリット

一方で、オンライン学習のデメリットにはどのようなものがあるのでしょうか?

  • モチベーションの維持が難しい
  • 何から手をつけていいかわからない
  • 講座によってあたりはずれがある可能性
  • つまずいた時にすぐに解決することが難しい
  • たくさんサービスがあるためどれを選んだらいいかわからない

オンライン学習は気軽に始められる分、モチベーションの維持が難しかったり、つまずきやすかったりする難点もあります。

しかし、オンラインスクールの中には個別指導やマンツーマンのカウンセラーが用意されている場合も。自分の性格に合わせたオンラインサービス選びを心がければ、効率のいい学習が実現するでしょう。

オフラインのデザインスクールにも興味がある方は、ぜひ下記の記事をご参照ください。

独学でWebデザイナーに!おすすめのオンライン学習サービス10選

1. chot.design

chot.designの写真

毎日ちょっとずつ学べる無料デザイン学習サービス『chot.design』。現役デザイナーが執筆した全485本のレッスンを無料で学べます。

1レッスンは5〜10分ほどで読めるため、忙しくてインプットの時間がまとまって取れない方も、ちょっとしたスキマ時間に学習できるのが魅力です。

デザイン基礎のレッスンが充実しており、学習を進めていくとレベルや経験値のポイントが溜まっていくため、初心者でも気軽に利用できます。

また、デザイナーのインタビュー記事をまとめたWEBマガジンサービスも用意されているので、そちらもぜひ活用してみてください。

料金 無料
レッスン数 485本
機能 レッスン受講機能/WEBマガジン/Q&Aフォーラム/ブックマーク機能/しごとさがし
レッスン内容 ・はじめてのデザイン 〜デザインの基本・考え方〜
・UI/UXデザインツール『Adobe XD』入門
・CSSデザインテクニック
・バナー制作テクニック など

chot.design

2. Cocoda!

Cocoda!の写真

『Cocoda!』は、あるお題に沿ってデザインをして、UIデザインを学んでいくコミュニティプラットフォームです。

与えられるお題は、「入門編・初級編」と「Daily Cocoda!」の2つに分かれています。

「入門編・初級編」はデザインの基礎を身につけたり、SketchやAdobe XDなどのツールに慣れることを目的とした初心者向け。一方、「Daily Cocoda!」は毎日1つのお題に沿ったデザイン制作を目標として、競合の調査や設計、開発を行います。こちらは、手を動かしながらデザインの応用を学習したい方におすすめです。

Cocoda!のコンテンツに取り組むと、自動でポートフォリオを作成してくれる機能もついています。デザイナーとして仕事を探したい方には嬉しいサービスですね。

UIデザインのスキルを高めたい方、デザイナーのコミュニティを広げたい方はぜひ利用してみてください。

料金 無料
機能 コンテンツ受講機能/ポートフォリオ作成/しごとさがし/コミュニティ機能/下書き保存機能
コンテンツ内容 ・入門編-UIデザインをはじめよう
・モバイル名刺アプリをつくって!
・楽しいをデザインする!ゲームUIの世界を学ぼう!
・毎日使いたくなるヘルスケアアプリをデザインしよう など

Cocoda!

3. Schoo

Schooの写真

参加型の生放送授業でWebデザインを学べる『Schoo』。その会員数は30万人を超える人気のオンライン学習サービスです。

Schooの最大の魅力は、生放送授業を365日配信している点にあります。もちろんオンラインなので、生放送を見逃した場合でも録画授業で後から学習を進められます。

UI/UXデザインからSaas、スマホサイト制作にいたるまで、さまざまな分野のWebデザインスキルを学習できます。

Webデザインのほかにもプログラミングやビジネス、語学などさまざまなトピックの生放送があるので、登録して損はないサービスでしょう。

料金 無料(生放送授業の参加)
980円/月(録画授業見放題)
機能 生放送授業の視聴/録画授業の視聴
レッスン内容 ・HTML入門
・1日でマスター  Adobe Illustrator入門
・WEBサイトの「ユーザー体験を高める」
・モバイル向けサービスをアイデアから考えるデザイン実況授業 など

Schoo

4. Udemy

Udemyの写真

Benesseが運営するオンライン学習サービス『Udemy』。世界中のトップ講師によるレッスンが揃っているため、クオリティの高い講義を受けられます。

未経験からプロレベルのスキルを身につけられるコースも用意されているため、本格的にデザインに取り組みたい方にぴったりです。

価格はコースごとに設定されており、契約をする前に学習内容や身につけられるスキルなどの詳細を確認できます。返金保証が付いているプランもあるため、オンライン学習に不安を抱いている方でも始めやすいです。

また、デザインのほかにもビジネススキルやマーケティングなど、キャリアアップのために役に立つコンテンツも多くあります。Udemyの関連サービスに、スキルアップしたい社会人のための情報サイト「Udemy メディア」もあるので、あわせてチェックしてみてください。

料金 コースごとに価格設定
(未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース:1,350円)
機能 レッスン受講機能
コース内容 ・未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
・Illustrator 基礎からプロレベルまで 完全ですべてをゼロから最短で学べる講座
・Webデザイナーのキャリアを未経験からスタートするためのオールインワン講座
・最新Photoshop CC 23時間の動画と演習でPhotoshopの全てを完全マスター 初心者がプロを目指すコース など

Udemy

5. ジッセン!オンライン

ジッセン!オンラインの写真

実践的なWebマーケティングや、Webデザインを学べるオンライン学習サービス『ジッセン!オンライン』。

各分野ごとにコースが設計されているため、身につけたいスキルを体系的に学習できます。オンライン上でいつでも、どこでも反復できるため、デザインの実践的な知識を定着させたい方におすすめです。

料金 無料
4900円/月(有料動画視聴/オンライン演習)
機能 レッスン受講機能/オンライン演習・課題
レッスン内容 ・HTML & CSS
・Illustrator & Photoshop
・AfterEffect & Premiere など

ジッセン!オンライン

6. ShareWis

ShareWisの写真

90秒で完結する動画でデザインを学習できるオンライン学習サービス『ShareWis』。90秒の動画学習(スナックコース)で興味を持った内容を、プロコースでより深く専門的に学べます。

各レッスンで得られるスキルやテクニック、対象とする層などは公式ホームページに詳細が記載されているため、自分が受けるべきものを簡単に判断することが可能です。

Webデザインに関するさまざまな学習コースが用意されているため、このサービス1つで多様なスキルを身に付けられます。スマホアプリ版も提供されているため、スキマ時間にも学習を進めてみてください。

料金 レッスンごとに価格設定
580円/月(プレミアムアカウント)
機能 レッスン受講機能
レッスン内容 ・Webデザイナーを目指す人の必須アプリ基礎完全マスター 3コースセット
・Photoshopマスターコース 基礎からステップバイステップで学ぼう
・90秒でわかるPhotoshopでベジェ曲線を使ったイラストの描き方
・未経験からプロのWebデザイナーに! 450レッスン完全マスターコース など

ShareWis

7. progate

progateの写真

ユーザー数130万人を超える初心者向けプログラミング学習サービス『progate』。Webデザインに必要なコーディングのスキルを磨けます。

さまざまな言語をゲーム感覚で学べるため、Webデザイン/プログラミング初心者におすすめのオンライン学習サービスです。無料会員の場合、各言語の初級編18レッスンのみの学習になりますが、有料会員になると全79個のレッスンを受講できるようになります。

Webデザインにおいてコーディングは非常に役立つスキルです。おこもり期間を機に、ぜひプログラミング学習をはじめてデザイナーとしてのスキルアップに挑戦してみてください。

料金 無料
980円/月(有料会員プラン)
機能 レッスン受講機能
レッスン内容 ・Web開発パス(Node.jp)
・HTML & CSS
・JavaScript など

progate

8. ドットインストール

ドットインストールの写真

すべてのレッスンが3分以内の動画で提供されているオンライン学習サービス『ドットインストール』。短い動画なため、スキマ時間にプログラミングの学習を進められます。

スピード感のあるサービスなので、基礎は早く固めて、応用・実践に取り組みたい方におすすめのサービスです。

有料のプレミアムサービスでは、すべての動画が閲覧可能になり、ソースコードの閲覧・比較や講師への質問などが可能になります。

コーディングスキルを身に付けたいデザイナーの方はぜひ参考にしてみてください。

料金 無料
1080円/月(プレミアムサービス)
機能 レッスン受講機能
レッスン内容 ・はじめてのHTML
・実践!アプリ紹介ページを作ろう
・JavaScriptでおみくじを作ろう など

ドットインストール

9. Adobe Creative Cloudチュートリアル

Adobe Creative Cloudチュートリアルの写真

Adobeが自社製品の使い方を無料で解説している『Adobe Creative Cloudチュートリアル』。PhotoshopやIllustrator、Adobe XDなど、デザイナーには欠かせないAdobe社のツールの使い方を動画で学習できます。

初心者向けの動画はもちろん、スキルをさらに磨きたい方向けの応用テクニック動画まで提供しています。所要時間の目安が各レッスンごとに記載されているため、スキマ時間にも利用しやすいサービスです。

Adobe公式のサービスなため、情報の信憑性が高く、実践的なスキルを網羅できます。

料金 無料
機能 レッスン受講機能
レッスン内容 ・Photoshopの活用方法を見る
・After Effects入門
・デジタル一眼レフ動画の編集
・数分で作成できるオンラインポートフォリオ など

Adobe Creative Cloudチュートリアル

10. CODEPREP

CODEPREPの写真

1回10分でプログラミングのスキルを身につけられる無料オンライン学習サービス『CODEPREP』。Webデザインに必要なHTMLやCSSなどのコーディングスキルを学習できます。

基礎的なスキルから実践的なスキル、トレンドのスキルまで100冊以上のブックから学び放題です。穴埋め問題を自分のペースで解いていくことで、着実にスキルを身につけられます。

経験値や称号などのゲーム要素もあるため、楽しみながら学習したい方におすすめのサービスです。

料金 無料
機能 コンテンツ受講機能/デスカッションボード
コンテンツ内容 ・HTML入門 基本要素(タグ)編
・HTMLとCSS3でつくるホバー時に動くア二メーションリンク
・JavaScript入門 基本操作編
・HTML&CSS3でつくる飛び出るボタン など

CODEPREP

確実なデザインスキルを!おすすめのオンライン学習スクール7選

1. CodeCamp

CodeCampの写真

現役のプロからマンツーマンでWebデザインのスキルを学べる『CodeCamp』。レッスン満足度は96.6%という数字からもわかるように、手厚い個別指導を行ってくれる点が魅力です。

レッスンは365日、7時〜23時までの間ならいつでもどこでも受講可能なので、ライフスタイルに合わせて学習を進められます。

また課題の添削を何回でも受けられるため、スキルに自信のない初心者にもおすすめのオンライン学習スクールです。

料金 入学金:30,000円
2ヶ月プラン:148,000円
4ヶ月プラン:248,000円
6ヶ月プラン:298,000円
コース デザインマスターコース
サポート 個別指導/課題の添削/当日予約・変更/講師の指名
授業形態 オンライン/365日 7時〜23時
学習カリキュラム ・Illustrator
・Photoshop
・HTML/CSS/JavaScript/jQuery
・Bootstrap

CodeCamp

2. TECHACADEMY

TECHACADEMYの写真

『TECHACADEMY』は、自分のペースで学習しながら、現役のプロにマンツーマンで質問できる環境も整っているオンライン学習スクールです。スクール卒業後もカリキュラムを閲覧できるため、復習による知識の定着をはかれます。

また「オンラインブートキャンプ」という短期集中プログラムもあるので、短い時間で確実にスキルを身につけたい方にはそちらもおすすめです。

料金 1ヶ月プラン:149,000円
2ヶ月プラン:199,000円
3ヶ月プラン:249,000円
4ヶ月プラン:299,000円
※学生料金あり
コース ・Webデザインコース
・UI/ UXデザインコース
・動画編集コース
・動画広告クリエイターコース
サポート チャットサポート/オリジナルプロダクト開発サポート/転職サポート
授業形態 オンライン

TECHACADEMY

3. デジハリONLINE

デジハリONLINEの写真

『デジハリONLINE』は、デジタルハリウッドが運営する実力派オンライン学習スクールです。何度も学習できる動画学習はもちろん、臨場感溢れるライブ授業も用意されており、2つの授業形態でスキルを身につけていきます。

デザインの基礎スキルを学べるだけでなく、デザイナーとして活躍するためのノウハウもプロの講師から教われるため、確かな実力を身に付けられる点が魅力です。

またデジハリONLINEの特徴として、すべてのレッスンがクラス制ということが挙げられます。同じ目標をもった仲間たちと切磋琢磨しながら成長できるのでおすすめです。

料金 各コースで価格設定
(Webデザイナー講座 フリーランスプラン:437,800円・8ヶ月)
コース ・Webデザイナー講座 フリーランスプラン
・Illustrator/Photoshop講座
・Dreamweaver/HTML5/CSS3講座
・Adobeマスター講座 など
サポート クラス制/就転職サポート/質問回答/課題添削/学習ナビゲーション
授業形態 オンライン/クラス制

デジハリONLINE

4. ヒューマンアカデミー

ヒューマンアカデミーの写真

未経験から就転職できるスキルを、最短3ヶ月で身につけられるオンライン学習スクール『ヒューマンアカデミー』。卒業生の就職率が90.7%となっており、応用スキルを習得するのにぴったりの環境であることがわかります。

専門分野に特化したプロの講師が個別にサポートしてくれるため、一人ひとりのキャリアプランに合わせたコース選択やスキルアップが可能です。

3時間で完結するオンライン1dayレッスンも用意されているため、試しに受講してみるのもいいですね。

料金 各コースごとに価格設定
(Webデザイナースタンダードコース:326,590円・6ヶ月〜)
コース ・Webデザイナースタンダードコース
・Webデザイナープロフェッショナルコース
・Illustrator講座
・Webディレクション講座 など
サポート プロ講師により個別サポート/個別カウンセリング
授業形態 オンライン/オフラインクラス担任/ブレンドスタイル

ヒューマンアカデミー

5. INTERNET ACADEMY

INTERNET ACADEMYの写真

国内有数の実績を持つWeb制作会社が運営しているオンライン学習スクール『INTERNET ACADEMY』。最先端の技術を持つ講師が、実践で役立つスキルと知識を提供してくれます。

一人ひとりのレベルに合わせたコースが設けられているので、未経験者からさらにスキルを磨きたい方までさまざまな方が利用できます。

ライブ授業、マンツーマン授業、オンデマンド授業の3つから受講形式を選べるので、ぜひ利用してみてください。

料金 各コースごとに価格設定
(Webデザイナーコース:334,000円・3〜4ヶ月)
コース ・Webデザイナー入門コース
・Webデザイナーコース
・Webデザイナー総合コース など
サポート キャリアサポート
授業形態 ライブ授業/マンツーマン授業/オンデマンド授業(オンライン)

INTERNET ACADEMY

6. SKILLHUB

SKILLHUBの写真

『SKILLHUB』は、ハイクオリティな14の講座が無料で受講できるオンライン学習スクールです。プレミアムサービスも、他のオンラインスクールに比べてリーズナブルに登録できます。

Youtube上でもわかりやすいと評判になっているSKILLHUBの動画は、Webデザイン未経験者の方にぴったりです。チャンネル登録者10,000人以上、高評価3,000以上の数字からも裏付けられるように、そのコンテンツの質には定評があります。

プレミアムサービスは、フリーランスデビュー/Web企業に向けたサポートが含まれています。一流のプロがパーソナルコーチとして、最短3ヶ月でのスキルの成長をマネジメントしてくれるので安心です。

また、満足できなかった場合は全額返金ができるため、気軽に学習を始められます。

料金 プレミアムサービス:199,800円
(フリーランス・デビュー支援プラン:3ヶ月〜)
※14講座無料
コース ・基礎から学びたい人のためのHTML入門【動画で学ぼう】
・Github公式動画から学ぶGit入門【キュレーション講座】
・WebデザインのためのPhotoshop入門講座
・フリーランスのお仕事獲得講座
サポート マンツーマン担任制/全額返金保証/課題添削/
授業形態 オンライン

SKILLHUB

7. パソコンスクールISA通信講座

パソコンスクールISA通信講座の写真

年間3,000人以上が利用する、Adobe認定トレーニングスクール『パソコンスクールISA通信講座』。

個別指導講座や1日完結速習講座など、一人ひとりの生活に合わせた講座の受講が可能です。講師と、リアルタイムで映像と音声を繋ぐため、インタラクティブな授業が実現されています。テキストもAdobe認定トレーナーが作成したオリジナルであるため、最新のスキルや知識を網羅できます。

また、受講者はAdobeソフトなどの最新ソフトを格安で購入できる特典も。Webデザイン初心者の方にとっては非常にありがたいですね。

料金 各講座ごとに価格設定
(WEBデザイナー養成コース:101,900円・8ヶ月)
コース ・かんたんホームページコース
・InDesign講座
・WEBデザイナー&プログラマー養成コース
・WEBデザイナー&クリエイター資格取得コース
サポート 個別指導/自由予約制/オーダーメイド授業/専任アドバイザー制度
授業形態 オンライン

パソコンスクールISA通信講座

オンライン学習サービス/スクールを選ぶ5つのポイント

オンライン学習サービス/スクールの数は非常に多く、その特徴もさまざまです。お金と時間を投資するからには、サービス/スクール選びで失敗したくないですよね。

そこで最後に、オンライン学習サービス/スクールを選ぶ際のポイントを5つご紹介していきます。

1. 自分のキャリアプランに合ったスキルセットを身につけられるか

デザイナーと一口に言っても、Webデザイナーやグラフィックデザイナー、コーディングもできるデザイナーなどさまざまな方がいますよね。

だからこそ、自分のキャリアプランに合ったスキルが身に付くかどうかを確認することが重要です。オンラインサービス/スクールを選ぶときは、卒業生のポートフォリオをみて、どんなスキルが身につくのか調べるのもいいでしょう。

また、オンラインサービス/スクールによって「初心者向けのコンテンツが充実している」「実践的な応用スキルが身に付くコンテンツが充実している」など、その特徴がわかれています。自分のレベルに合わせたサービス/スクールの選択をしましょう。

2. 授業形態は個別か集団か

基本的にオンラインスクールはマンツーマンの個別授業が多いですが、中にはクラス制度などの集団授業を採用しているところもあります。自分がどの授業形態に合っているのか見極めて選びましょう。

講師への質問のしやすさを考慮すると、個別授業がおすすめです。

3. 学習期間はどれくらいか

オンラインスクールでは、最短3ヶ月から学習を始められます。短期集中してスキルを身につけたいのか、じっくり確実にスキルを成長させたいのかをもとにスクールを選ぶこともおすすめです。

未経験から実務で使える応用的なスキルを身に付けたい方は、6ヶ月以上のコースを選択するのがいいでしょう。

4. オンラインスクール卒業後の支援はあるか

オンラインスクールの中には、就転職サポートやフリーランス支援、起業支援など、講義を終えた卒業後までサポートしてくれる場合もあります。

デザイナーとして転職したい方や、Webデザイナーとしてフリーランスデビューしたい方などは、このようなサポートを受けられるオンラインスクールに登録するのが安心ですね。

5. 専任のメンターがいるか

オンライン学習の難点はモチベーションの維持の難しさにあります。そんな課題を解決してくれるのが専任のメンターです。自分のキャリアプランや身に付けたほうがいいスキルに関して、プロがマンツーマンで相談にのってくれます。

モチベーションを続かせることが難しい方は、メンターが付いているオンラインスクールを選ぶといいでしょう。

まとめ

今回はデザイナーとして成長できるオンライン学習サービス/スクールをご紹介しました。

IT領域の急速な拡大により、 Webデザイナーの需要は非常に高まっています。このおうち時間をぜひスキルアップの時間として活用してみてください。

(執筆:Shinohara Kyohei 編集:Kimura Yumi)

Workshipを使ってみませんか?

Workshipを使ってみませんか?

詳細

フリーランス利用料無料(お仕事成約でお祝い金1万円!!)
登録者数16,000人
マッチング最短即日

SHARE

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ