デザインの勉強ができるおすすめWebサイト16選【初心者向け】

Webデザイナーを目指す
この記事は約 < 1 分で読むことができます。
デザインの勉強をしたいんだけど、どうすればいいかな?
将来的にはWebデザイナーとして働きたいんだけど…
ASK
ASK
そんなデザイン初心者の方へ!
デザインの勉強ができるおすすめのWebサイトをまとめたよ!

「デザイナーになりたいけど、どうやって勉強すればいいのか分からない」

そんな方は多いと思います。専門的な分野なので全くの未経験だと何から手を付けていいか迷ってしまいますよね。

そこで今回は、初心者の方でもデザインの勉強ができるWebサイトを紹介しようと思います。

僕が日頃お世話になっているサイトもたくさんありますよ!

未経験から独学でデザイナーになるには?デザインの勉強法を解説します!

↑こちらの記事もおすすめです。参考にしてください。

デザインに関する情報サイト

FINDJOB!

IT・Web業界に特化した求人・転職サイトFINDJOB!
IT・Web業界に特化した求人・転職サイトFINDJOB!は有名企業からスタートアップのデザイナー・エンジニア求人を中心に、業界最大級の多数掲載中。独自のマッチング機能であなたに合う企業をお届け。選考前から企業の評価やメンバーが分かるからこそ、不安のない仕事探しを実現します。

IT・Web業界に特化した求人情報サイト「FINDJOB!」

求人サイトですが、Webデザイナーの仕事内容や必要なスキル等の解説。デザイナーの転職・就職活動に役立つノウハウなどを紹介してくれる情報サイトでもあります。

Webデザイナーを目指す方は必ずチェックしてください。

また、Webデザイナーは求人が少ないため、こういった特化系求人サイトは貴重です。

これを機にぜひ無料会員登録しておきましょう!

WebNAUT

WebNAUT | デザイン制作会社ビーワークスの情報メディア
株式会社ビーワークスが運営する、制作・デザインに関する情報メディア「WebNAUT(ウェブノート)」です。

デザイン・制作に関する情報メディア。

こういったサイトはデザイナーになった今でもよくチェックするようにしています。

自分が知っている知識でも人によってとらえ方が違ったり、全く知らなかった!という情報を見つけたりして楽しいです。

僕は仕事中に見ると思わず時間を忘れて夢中になってしまうので、休みの日にまとめてみる感じですね。

そのなかでも特に面白いと思った記事を紹介します。

LIG

Blog Top | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
「LIGブログ」はDX、デザイン、マーケティングに関する情報を社員が発信するオウンドメディアです。ビジネスのヒントや日々の業務の効率化、キャリアに役立つ情報を掲載しています。

制作会社LIGが運営するオウンドメディアで、コンテンツ制作といえばLIGというくらい説明不要の大手サイトです。

もし知らない人は今すぐ見ましょう。

コンテンツとはどういうものかを肌で感じられますし、デザインにも役立つ情報が満載です。

面白い記事が多いのでデザインにあまり興味がない方でも楽しめますよ!

PhotoshopVIP

フォトショップ・ブイアイピー
フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

こちらもよくお世話になるサイトです。

ノウハウ系の記事も多数ありますが、特に便利なのは素材まとめ系の記事

まとめの数が半端ないので、自分が欲している素材をほとんどの確率で見つけることが出来ます!

creive

creive(クリーブ)|Webサービス / SaaSのおすすめ&比較サイト
おすすめのWebサービスやSaaSの紹介や比較をしているサイトです。

Webデザインやプログラミングなど、webに関する様々な情報が得られるオウンドメディア。

現役のデザイナーやエンジニアの方が記事を書いているので、役立つ内容が満載&信頼度抜群!

中でも「最近話題になったイケてるwebサービス・アプリ」シリーズは、最新のWebサービス情報を知ることができるのでおすすめです。

デザインスキルアップに役立つサイト

サルワカ

サルワカ | サルでも分かる図解説明マガジン
サルワカはあらゆることを分かりやすく解説するメディアです。何か分からないことがあったときはサルワカへどうぞ!

サルワカはあらゆることをサルでも分かるように解説するメディアです。

その名に恥じない、様々なデザインに関する情報がわかりやすく掲載されています。

デザイン初心者から上級者まで、幅広くお世話になっていると思います。

何から始めればいいか分からない初心者の方は、まずサルワカでデザインを学んでみるのをおすすめします。

chot.design

chot.design - 毎日ちょっとずつデザインを学ぼう
chot.designはWebデザインやUI/UXデザイン、その他デザイン制作について学べるサイトです。

無料でWebデザインやUI/UXデザインについて学べる学習サイトです。

実際にWeb/IT企業で働いている現役のクリエイターの方が制作しているので、実践的なスキルを学ぶことが出来ます。

しかも初心者の方にも分かりやすい丁寧な説明!

会員登録をすれば学習記録もつけられるので、自分がどれくらい成長したか分かります。

Udemyメディア

Udemy メディア
社会人のスキルアップ、学習支援をコンセプトにした情報メディアです。IT系開発スキルから仕事の効率化術、マーケティングまで仕事で役立つ幅広い情報をお届け。

スキルアップしたい社会人のための情報サイトです。

デザインの記事では主にIllustratorとPhotoshopの技術を学ぶことができます。

作業工程ごとに画像で丁寧に説明されていて、初心者にも分かりやすいのが特徴!

Adobe公式サイト

Photoshop ユーザーガイドへようこそ
Photoshop ユーザーガイドへようこそ

Adobe公式サイトにはユーザーガイドという、Adobeソフトの使い方を学べるコンテンツがあります。

ただし、機能の紹介がメインなので、デザインの知識が身につくとは言い難いです。

例えるならソフトの説明書のような感じ。

いかにも公式って感じの文章で少し分かりにくい場合もありますが、情報の信頼度は抜群です。

「Adobeソフトのこの機能について知りたい!」という場合に活用してください。

ゲームでデザインが学べるサイト

勉強というのはどの分野においても大変なものです。

どうしてもやる気が起きない、めんどくさいって時もあるでしょう。

そんな時は今から紹介するゲームをプレイすることで楽しくデザインの勉強をしましょう!

物事が長続きする一番の秘訣は楽しむことですよ!

Kern Type

Kern Type
A game to learn how to kern type

『Kern Type』は、カーニング(文字詰め)の練習ができるゲームです。

お題としてカーニングがされていない文字が表示されるので、クリック&ドラッグでカーニングしていきます。

1つ問題が終わるごとに正しくカーニングされた文字が表示され、自分のものと比較することが出来ます。

100点満点で採点されるので、自分の実力が目に見えて分かります。

デザイナーにとってカーニングは基礎中の基礎。絶対に必要なスキルです。

ぜひ挑戦してみてください!

color

Color
A color matching game by Method of Action

デザイナーにとって色彩感覚はおろそかにしたくない大事なポイントですね。

『color』は色彩感覚を養うことができる色合わせゲームです。

ルールは簡単で、お題に対して自分の感覚で同じ色を選んでいくというもの。

ゲームの最後には点数をつけてくれるので、高得点を目指して一度遊んでみてください!

The Bezier Game

The Bézier Game
A game to help you master the pen tool

ベジェ曲線の書き方を練習するゲーム『The Bezier Game』

いまいちピンとこない方もいるかもしれませんが、ベジェ曲線はIllustratorというソフトでよく使います。

これがまぁ難しいのです。デザイナーでもベジェ曲線を書くのは苦手という人は多いのではないでしょうか。

こちらの『The Bezier Game』は、まずお題が出されて書き方のビデオが流れます。

それを真似していくというシンプルなゲームで、楽しみながらベジェ曲線の書き方を学んでいくことが出来ます。

デザインスクールサイト

さいごに、絶対にデザイナーとして働きたいんだ!という強い意志を持っている方にはスクールをおすすめします。

なぜかというと、独学やオンライン学習は90%以上の方が挫折すると言われているんです。

モチベーションの問題であったり、自分に合った勉強法が見つからなかったり。

特にデザインという分野は特殊で、専門的な技術を要します。

周りに頼れる人がいないと自分ひとりでは対処できない場合があります。

そんな時におすすめなのは、スクールに頼ること。

多少お金はかかりますが、独学で学ぶよりも早く、確実に知識を習得することができます!

テックキャンプ デザイナー転職

受講タイプ教室学習orオンライン
場所〒150-0041 東京都渋谷区神南1丁目12−16 アジアビル 9F
※渋谷駅より徒歩4分
料金 70日の短期集中スタイル:712,800円(税込)
180日の夜間・休日スタイル:932,800円(税込)
保証 14日間の無条件返金保証
就職・転職が成功しなかった場合、全額返金
習得スキル(抜粋)
  • デザインの基本原則
  • コンセプト設計/リサーチ
  • Illustratorのスキル
  • Photoshopのスキル
  • Webサイトのデザイン
  • フロントエンド開発

テックキャンプ デザイナー転職は「誰でもプロのデザイナーになれる場所」と言われているWebデザインスクール。

未経験からプロのWebデザイナーになりたいのなら、テックキャンプを受講すれば間違いないです!

受講者がプロのデザインスキルを身につけ、Webデザイナーとしてのキャリアを実現するまでを完全サポートしてくれます。

専属のライフコーチが二人三脚であなたをサポート

出典:https://tech-camp.in/expert/designer/top

テックキャンプの一番の魅力は専属のライフコーチによる手厚いサポート!

  • 学習スケジュールの管理、サポート
  • 毎週生徒の学習計画を提案
  • キャリアアドバイザーによる就活に関する適切なフィードバック
  • 学習内容以外の相談にも毎日対応

ライフコーチには毎日オンラインで質問し放題です。

そのおかげで悩む時間を無くし、最速でスキルを身につけることができます。

学習完了後の転職支援

テックキャンプは学習だけでなく、その後の就職までをサポートしてくれます。

専用のキャリアアドバイザーによるサポートは下記の通り

  • 毎週キャリア面談を実施
  • 企業に合格するための面接対策や履歴書の添削
  • 生徒に合った企業を紹介
  • 企業とのあらゆるやり取りを代行

さらに、万が一デザイナーとして就職・転職が成功しなかった場合は受講料を全額返金してくれます。

ASK
ASK
受講料を全額返金ってすごい保証制度だね。

テックキャンプ デザイナー転職のまとめ

ここがポイント!

  1. 企業が求める即戦力のデザイナーになれる学習プログラム
  2. デザインを学ぶだけではなくデザイナーの求人紹介までサポート
  3. オンラインによる無料カウンセリングもあり

▽こちらの記事もチェック!

現役デザイナーが【テックキャンプ デザイナー転職】を徹底解説!【口コミ・評判】
【体験談】テックキャンプ デザイナー転職の受講者が語るメリット・デメリット

CodeCamp(コードキャンプ)

受講タイプオンライン
入学金 ¥33,000(税込)
受講料金 6ヶ月プラン:¥330,000(税込)
4ヶ月プラン(学生):¥275,000(税込)
2ヶ月プラン:¥165,000(税込)
特典無料体験レッスン参加で10,000円割引
習得スキル(抜粋)
  • Illustrator
  • Photoshop
  • HTML / CSS
  • JavaScript / jQuery
  • Bootstrapを使ったレスポンシブwebデザイン

『CodeCamp』は、講師の方がオンラインでマンツーマン指導してくれるプログラミング学習サービスです。

受講者20,000名以上を誇るなど、プログラミングスクールとしては最大手で、実績No.1と言っていいでしょう。

様々なコースがありますが、Webデザイナーを目指す方におすすめなのが「デザインマスターコース

現役デザイナーによる個別指導でWebサイト制作に必要なスキルを学ぶことができます。

CodeCamp

ASK
ASK
JavaScriptが身につくのも嬉しいポイント!
最近はWebデザイナーもプログラミング技術が求められる時代だからね。

webデザインマスターコースはWebデザインを未経験から学びたい方を対象にしているので、「授業についていけない!わからない!」ということになりづらいです。

それにマンツーマン指導だから、もし仮につまづいても大丈夫。

一人ひとりのペースに合わせたレッスンをしてくれるので、自分のペースで納得がいくまで講師の方に教えてもらいましょう!

ここがポイント!

  1. Webデザイン未経験を前提としたカリキュラム
  2. 講師の方によるマンツーマンレッスン
  3. 最大手で、実績No.1のスクール

▽こちらの記事もチェック!

現役デザイナーが【CodeCamp デザインマスターコース】を徹底解説!【口コミ・評判】
【体験談】CodeCamp デザインマスターコースの受講者が語るメリット・デメリット

デジタルハリウッド STUDIO by LIG

受講タイプ 映像教材&教室学習
場所
料金 Webデザイナー専攻:6ヶ月 ¥495,000 (税込)
グラフィック経験者プラン:6ヶ月 ¥407,000 (税込)
Web担当者プラン:6ヶ月 ¥407,000 (税込)
習得スキル(抜粋)
  • Illustratorの使い方
  • Photoshopの使い方
  • HTML/CSSやJavaScriptでのコーディング
  • Web制作の基礎スキル・ワークフロー知識

『デジタルハリウッド STUDIO by LIG』は、数多くのデザインアワードを受賞してきたWeb制作会社LIGが運営するWebデザインスクールです。

STUDIO by LIGには現役Webデザイナーの講師が多数在籍しています。

そのため、デザイナーとしての知識が身につくだけでなく、デザイン業界での働き方や実践的なスキルを学ぶことができます。

また、LIGのデザイナーが実際におこなっている制作課題に挑戦できるのも大きなメリット。

現場と同じ流れで制作を進め、現役デザイナーからのフィードバックももらえるため、ポートフォリオに載せる作品としてこれほど適したものはないでしょう。

就職活動で大きく役立つこと間違いなしです。

ASK
ASK
そのままLIGへの採用も積極的におこなっているみたいだよ!
場所は「上野・池袋・大宮・北千住」に限定されちゃうけど、もし通える人は要検討だね!

ここがポイント!

  1. 現役Webデザイナーの講師が多数在籍
  2. 実際のデザインの現場を知りたい人におすすめ
  3. Web制作会社LIGへの採用チャンスあり

▽こちらの記事もチェック!

現役デザイナーが【デジタルハリウッド STUDIO by LIG】を徹底解説!【口コミ・評判】

ZeroPlus

受講タイプ教室学習&オンライン
場所東京都豊島区南池袋3-13-5 池袋サザンプレイス6階
料金 オフライン / 池袋校:492,800 円(税込)
オンライン /個別:657,800 円(税込)
オンライン / 集団:492,800 円(税込)
特典 学生の方は受講料が55,000円割引!
習得スキル(抜粋)
  • Adobe XDを使ったWebデザイン
  • HTML・CSS
  • JavaScript
  • Wordpress
  • SEO,Sass,CSS設計
  • ライティングや営業技術

ZeroPlusは年間500名ものエンジニアを輩出している、フリーランス特化型のプログラミングスクールです。

「現役フリーランスエンジニアが監修している実践的なカリキュラム」「いつでもオンラインチャットで講師に質問できる」「営業やライティング、webに関連する様々な技術を学べる」など、フリーランスを目指す方にとっては最高の環境です。

  • プログラミング学習で悩んでいる方
  • 仲間と一緒に学習したい方
  • フリーランスとしての総合的な力を養いたい方
  • プログラミングに強いWebデザイナーを目指す方

これらの方に特におすすめできるスクールと言えるでしょう。

オンラインで学べるコースもありますが、おすすめはオフライン(池袋校)コース。

同じ志を持った仲間と共に切磋琢磨しながら学習できるので、モチベーションが維持しやすいですよ!

ここがポイント!

  1. 実績のあるフリーランス特化型のプログラミングスクール
  2. 営業やライティング、webに関連する様々な技術を学べる最高の環境
  3. 仲間と共に切磋琢磨しながら学習できるオフライン(池袋校)コースがおすすめ

参考WebデザイナーはJavaScriptの知識も必要です!その理由と学習方法をご紹介!

参考【初心者向け】デザインの勉強法まとめ【デザイナーになる方法】

デザイナーを目指すならスクールに通おう

当サイトでは、
本気でWebデザイナーになりたいならデザインスクールに通うことをおすすめしています。

なぜかというと、デザインの勉強は独学では難しいからです。

独学が難しい理由

  • モチベーション維持が難しい
  • 自分のデザインの良し悪しを判断できない
  • 無意識のうちに、好きなデザインばかりを作ってしまう
  • いくら勉強しても就職できるかは別問題

デザインというものは勉強すればするほど上達できるわけではありません。

プロに見てもらいながら、正しく勉強して初めて、デザインは上達するんです。

独学で無駄な時間を費やすくらいなら、多少お金はかかってもWebデザインスクールに通って最速でデザイナーになるべきです!

当サイトおすすめのWebデザインスクールについては下記リンクよりご覧ください!

おすすめWedデザインスクール17選!現役デザイナーが解説します!
Webデザイナーを目指す

応援クリックをポチッとお願いします!
ブログランキング・にほんブログ村へ   

ハジデザ | 初めてのWebデザイナー転職

コメント