将来的にはWebデザイナーとして働きたいんだけど…
デザインの勉強ができるおすすめのWebサイトをまとめたよ！
「デザイナーになりたいけど、どうやって勉強すればいいのか分からない」
そんな方は多いと思います。専門的な分野なので全くの未経験だと何から手を付けていいか迷ってしまいますよね。
そこで今回は、初心者の方でもデザインの勉強ができるWebサイトを紹介しようと思います。
僕が日頃お世話になっているサイトもたくさんありますよ！
↑こちらの記事もおすすめです。参考にしてください。
デザインに関する情報サイト
FINDJOB!
IT・Web業界に特化した求人情報サイト「FINDJOB!」
求人サイトですが、Webデザイナーの仕事内容や必要なスキル等の解説。デザイナーの転職・就職活動に役立つノウハウなどを紹介してくれる情報サイトでもあります。
Webデザイナーを目指す方は必ずチェックしてください。
また、Webデザイナーは求人が少ないため、こういった特化系求人サイトは貴重です。
これを機にぜひ無料会員登録しておきましょう！
WebNAUT
デザイン・制作に関する情報メディア。
こういったサイトはデザイナーになった今でもよくチェックするようにしています。
自分が知っている知識でも人によってとらえ方が違ったり、全く知らなかった！という情報を見つけたりして楽しいです。
僕は仕事中に見ると思わず時間を忘れて夢中になってしまうので、休みの日にまとめてみる感じですね。
そのなかでも特に面白いと思った記事を紹介します。
LIG
制作会社LIGが運営するオウンドメディアで、コンテンツ制作といえばLIGというくらい説明不要の大手サイトです。
もし知らない人は今すぐ見ましょう。
コンテンツとはどういうものかを肌で感じられますし、デザインにも役立つ情報が満載です。
面白い記事が多いのでデザインにあまり興味がない方でも楽しめますよ！
PhotoshopVIP
こちらもよくお世話になるサイトです。
ノウハウ系の記事も多数ありますが、特に便利なのは素材まとめ系の記事
まとめの数が半端ないので、自分が欲している素材をほとんどの確率で見つけることが出来ます！
creive
Webデザインやプログラミングなど、webに関する様々な情報が得られるオウンドメディア。
現役のデザイナーやエンジニアの方が記事を書いているので、役立つ内容が満載&信頼度抜群！
中でも「最近話題になったイケてるwebサービス・アプリ」シリーズは、最新のWebサービス情報を知ることができるのでおすすめです。
デザインスキルアップに役立つサイト
サルワカ
サルワカはあらゆることをサルでも分かるように解説するメディアです。
その名に恥じない、様々なデザインに関する情報がわかりやすく掲載されています。
デザイン初心者から上級者まで、幅広くお世話になっていると思います。
何から始めればいいか分からない初心者の方は、まずサルワカでデザインを学んでみるのをおすすめします。
chot.design
無料でWebデザインやUI/UXデザインについて学べる学習サイトです。
実際にWeb/IT企業で働いている現役のクリエイターの方が制作しているので、実践的なスキルを学ぶことが出来ます。
しかも初心者の方にも分かりやすい丁寧な説明！
会員登録をすれば学習記録もつけられるので、自分がどれくらい成長したか分かります。
Udemyメディア
スキルアップしたい社会人のための情報サイトです。
デザインの記事では主にIllustratorとPhotoshopの技術を学ぶことができます。
作業工程ごとに画像で丁寧に説明されていて、初心者にも分かりやすいのが特徴！
Adobe公式サイト
Adobe公式サイトにはユーザーガイドという、Adobeソフトの使い方を学べるコンテンツがあります。
ただし、機能の紹介がメインなので、デザインの知識が身につくとは言い難いです。
例えるならソフトの説明書のような感じ。
いかにも公式って感じの文章で少し分かりにくい場合もありますが、情報の信頼度は抜群です。
「Adobeソフトのこの機能について知りたい！」という場合に活用してください。
ゲームでデザインが学べるサイト
勉強というのはどの分野においても大変なものです。
どうしてもやる気が起きない、めんどくさいって時もあるでしょう。
そんな時は今から紹介するゲームをプレイすることで楽しくデザインの勉強をしましょう！
物事が長続きする一番の秘訣は楽しむことですよ！
Kern Type
『Kern Type』は、カーニング(文字詰め)の練習ができるゲームです。
お題としてカーニングがされていない文字が表示されるので、クリック&ドラッグでカーニングしていきます。
1つ問題が終わるごとに正しくカーニングされた文字が表示され、自分のものと比較することが出来ます。
100点満点で採点されるので、自分の実力が目に見えて分かります。
デザイナーにとってカーニングは基礎中の基礎。絶対に必要なスキルです。
ぜひ挑戦してみてください！
color
デザイナーにとって色彩感覚はおろそかにしたくない大事なポイントですね。
『color』は色彩感覚を養うことができる色合わせゲームです。
ルールは簡単で、お題に対して自分の感覚で同じ色を選んでいくというもの。
ゲームの最後には点数をつけてくれるので、高得点を目指して一度遊んでみてください！
The Bezier Game
ベジェ曲線の書き方を練習するゲーム『The Bezier Game』
いまいちピンとこない方もいるかもしれませんが、ベジェ曲線はIllustratorというソフトでよく使います。
これがまぁ難しいのです。デザイナーでもベジェ曲線を書くのは苦手という人は多いのではないでしょうか。
こちらの『The Bezier Game』は、まずお題が出されて書き方のビデオが流れます。
それを真似していくというシンプルなゲームで、楽しみながらベジェ曲線の書き方を学んでいくことが出来ます。
デザインスクールサイト
さいごに、絶対にデザイナーとして働きたいんだ！という強い意志を持っている方にはスクールをおすすめします。
なぜかというと、独学やオンライン学習は90%以上の方が挫折すると言われているんです。
モチベーションの問題であったり、自分に合った勉強法が見つからなかったり。
特にデザインという分野は特殊で、専門的な技術を要します。
周りに頼れる人がいないと自分ひとりでは対処できない場合があります。
そんな時におすすめなのは、スクールに頼ること。
多少お金はかかりますが、独学で学ぶよりも早く、確実に知識を習得することができます！
CodeCamp(コードキャンプ)
| 受講タイプ | オンライン |
|---|---|
| 入学金 | ¥33,000（税込） |
| 受講料金 | 6ヶ月プラン：¥330,000（税込） 4ヶ月プラン(学生)：¥275,000（税込） 2ヶ月プラン：¥165,000（税込） |
| 特典 | 無料体験レッスン参加で10,000円割引 |
| 習得スキル(抜粋) |
|
『CodeCamp』は、講師の方がオンラインでマンツーマン指導してくれるプログラミング学習サービスです。
受講者20,000名以上を誇るなど、プログラミングスクールとしては最大手で、実績No.1と言っていいでしょう。
様々なコースがありますが、Webデザイナーを目指す方におすすめなのが「デザインマスターコース」
現役デザイナーによる個別指導でWebサイト制作に必要なスキルを学ぶことができます。
最近はWebデザイナーもプログラミング技術が求められる時代だからね。
webデザインマスターコースはWebデザインを未経験から学びたい方を対象にしているので、「授業についていけない！わからない！」ということになりづらいです。
それにマンツーマン指導だから、もし仮につまづいても大丈夫。
一人ひとりのペースに合わせたレッスンをしてくれるので、自分のペースで納得がいくまで講師の方に教えてもらいましょう！
ここがポイント！
- Webデザイン未経験を前提としたカリキュラム
- 講師の方によるマンツーマンレッスン
- 最大手で、実績No.1のスクール
▽こちらの記事もチェック！
デジタルハリウッド STUDIO by LIG
| 受講タイプ | 映像教材&教室学習 | 場所 |
|
|---|---|
| 料金 |
Webデザイナー専攻：6ヶ月 ¥517,000 (税込) グラフィック経験者プラン：6ヶ月 ¥407,000 (税込) Web担当者プラン：6ヶ月 ¥407,000 (税込) |
| 習得スキル(抜粋) |
|
『デジタルハリウッド STUDIO by LIG』は、数多くのデザインアワードを受賞してきたWeb制作会社LIGが運営するWebデザインスクールです。
STUDIO by LIGには現役Webデザイナーの講師が多数在籍しています。
そのため、デザイナーとしての知識が身につくだけでなく、デザイン業界での働き方や実践的なスキルを学ぶことができます。
また、LIGのデザイナーが実際におこなっている制作課題に挑戦できるのも大きなメリット。
現場と同じ流れで制作を進め、現役デザイナーからのフィードバックももらえるため、ポートフォリオに載せる作品としてこれほど適したものはないでしょう。
就職活動で大きく役立つこと間違いなしです。
場所は「上野・池袋・大宮・北千住」に限定されちゃうけど、もし通える人は要検討だね！
ここがポイント！
- 現役Webデザイナーの講師が多数在籍
- 実際のデザインの現場を知りたい人におすすめ
- Web制作会社LIGへの採用チャンスあり
▽こちらの記事もチェック！
ZeroPlus
| 受講タイプ | 教室学習&オンライン | 場所 | 東京都豊島区南池袋3-13-5 池袋サザンプレイス6階 |
|---|---|
| 料金 |
オフライン / 池袋校：492,800 円（税込） オンライン /個別：657,800 円（税込） オンライン / 集団：492,800 円（税込） |
| 特典 | 学生の方は受講料が55,000円割引! |
| 習得スキル(抜粋) |
|
ZeroPlusは年間500名ものエンジニアを輩出している、フリーランス特化型のプログラミングスクールです。
「現役フリーランスエンジニアが監修している実践的なカリキュラム」「いつでもオンラインチャットで講師に質問できる」「営業やライティング、webに関連する様々な技術を学べる」など、フリーランスを目指す方にとっては最高の環境です。
- プログラミング学習で悩んでいる方
- 仲間と一緒に学習したい方
- フリーランスとしての総合的な力を養いたい方
- プログラミングに強いWebデザイナーを目指す方
これらの方に特におすすめできるスクールと言えるでしょう。
オンラインで学べるコースもありますが、おすすめはオフライン(池袋校)コース。
同じ志を持った仲間と共に切磋琢磨しながら学習できるので、モチベーションが維持しやすいですよ！
ここがポイント！
- 実績のあるフリーランス特化型のプログラミングスクール
- 営業やライティング、webに関連する様々な技術を学べる最高の環境
- 仲間と共に切磋琢磨しながら学習できるオフライン(池袋校)コースがおすすめ
🎓 補助金で学べるWebデザインスクール — デジLIGが特におすすめ
スクール選びで費用が気になる方は、リスキリング補助金に対応したデジタルハリウッド STUDIO by LIG（デジLIG）をチェックしてみてください。在職中であれば実質¥188,000〜で受講できます。LIGの現役デザイナーから実践的に学べるスクールです。
参考WebデザイナーはJavaScriptの知識も必要です！その理由と学習方法をご紹介！
参考【初心者向け】デザインの勉強法まとめ【デザイナーになる方法】
よくある質問
Q. Webデザインは独学で習得できますか？
基礎は独学でも習得できますが、実務レベルのポートフォリオ制作や転職活動は独学だと時間がかかります。無料学習サイトで基礎を固めてから、スクールで実践スキルを補うのが最短ルートです。
Q. Webデザインの勉強に最適なWebサイトはどれですか？
Behance・Dribbble・Pinterestがデザイン参考に人気です。コード学習はMDN Web Docs・Progateが定番です。ただし実務スキルとポートフォリオはスクール活用も効果的です。
Q. Webデザイナーになるための最短ルートは何ですか？
現役デザイナー指導のスクールで3〜6ヶ月学び、ポートフォリオを制作して転職するのが最短です。デジLIGは補助金（最大70%還付）に対応しているため、費用負担を押さえられます。
Q. WebデザインスクールとWebサイトでの独学、どちらが良いですか？
趣味ならWebサイト独学で十分ですが、転職・フリーランス目標ならスクールの方が効率的です。スクールは現役のフィードバックと就職サポートがあり、ポートフォリオの質が上がります。
転職エージェントを探している方は → Webデザイナー転職に強いエージェント10選もチェック
独学でWebデザインを学んでいる方 → 独学の限界を感じているサインを確認する
転職のためにWebデザインを学ぶなら → デジLIG（STUDIO by LIG）の評判・料金
コメント