『独学でWebデザインってどうやって学べばいいの？』

『独学でWebデザインの勉強を始めたけど、何から手を付けていいかわからない』

この記事はそんなあなたの為に書きました！

超初心者にはどのように勉強するのが一番効率がいいか分かりませんよね。

結論から言いますと、少しはお金をかけるべきです!!

書籍を購入し、オンライン学習サービスを受ける。

完全な独学より、少しプロに力を借りた方が上達スピートが上がります。

この記事では勉強方法・おすすめのYouTubeチャンネル・おすすめのオンライン学習サービスをご紹介をしています。

では早速いってみましょう!

書籍でPhotoshop・Illustratorの基礎を学ぶ

Webデザインを行う上で欠かせないツールが『Photoshop・Illustrator』の２つ。

どちらもAdobe社が提供しているソフトになります。

Photoshopは写真加工が得意なツール、Illustratorは図形製作が得意なツールです。

最初は基礎を身に付けましょう。

Photoshop・Illustratorに関する初心者向けの本を読み、本の通り作業をしてみることをおすすめします。

初心者向けの本に書かれている基礎的な操作が出来るようになったら、Adobe公式サイトのチュートリアルを見て実践してみましょう。

お気に入りのグラフィックデザイン・イラストデザインの真似をしてみるのも、上達への第１歩です。

書籍でHTML・CSSの基礎を学ぶ

Ｗｅｂページを作成するには、HTMLとCSSの知識が必要になります。

HTMLだけでサイトを作成する事はないので、HTMLとCSS両方の知識が必要です。

HTMLとは、『HyperTextMarkupLanguage』の略で、Webサイトの構造を作るマークアップ言語。

CSSとは、『CascadingstyleSheets』の略で、Webサイトのデザインを決めるマークアップ言語。

最初は基礎を身につけましょう。

HTMLとCSS一般的なプログラミング言語と比べると、比較的シンプルなので勉強しやすいと思います。

まず初心者向けの本を読み、後述する学習サイトProgateを利用し、実際にコードを書く。

これを繰り返すことで基礎知識がつきます。

HTML・CSSふたつの基礎をしっかり身につけたら、エディタをインストールして、簡単なサイトを真似して作ってみましょう。

YouTube動画で学ぶ

オンライン学習サービスはまだ敷居が高いとお悩みの方はまず、YouTube動画で学んでみましょう。

書籍で身につけた基礎をYouTube動画で実際に目にすることで、イメージが沸きやすくなります。

おすすめのYouTubeチャンネルは次の2つ。

mikimiki web スクール

PhotoshopやIllustratorの使い方を画面を見せながら、丁寧に説明してくれます。

mikimiki web スクール

HIROCODE.ヒロコード

HTML・CSS入門講座～応用講座の動画が用意されており、用語の説明も丁寧に行ってくれます。

HIROCODE.ヒロコード

オンライン学習サービスを利用する

Photoshop・Illustrator・HTML・CSSの基礎を書籍でしっかり身につけ、YouTube動画でイメージが沸いたら、次はオンライン学習サービスを利用して、応用なども学んで行きましょう。

代表的なオンライン学習サービスを3つご紹介します。

Progate

Progateは、初心者向けのプログラミング学習サイト。

Progateは直接ブラウザにコードを書き込むことができ、間違いも教えてくれます。

HTML・CSSの基礎を書籍で一通り身につけたら、実践練習としてProgateを利用してみましょう。

Progateには、基礎レッスンを無料で受けれる無料会員登録と、月税込1078円ですべてのレッスンが受けられる有料会員登録があります。

基礎レッスンをやり込み、理解を深めてから有料会員登録するのをおすすめします。

Progate

 

150 Tweets

1239 Users

4807 Pockets

Progate(プロゲート) | Learn to code, learn to be creative.

https://prog-8.com

Progateはオンラインでプログラミングを学べるサービスです。プログラミングを学んでWEBアプリケーションを作ろう。

ドットインストール

ドットインストールは、動画で学べる初心者向けのプログラミング学習サイトです。

全てのレッスンが3分間以内の動画になっており、スマホからも視聴可能。

忙しい方でもお昼休みや、すきま時間で勉強ができます。

ただ、動画を視聴するだけでは知識はつきません。

コードを実際に書くことが大事です。

ドットインストールには、導入編の動画を無料で見れる無料会員登録と、月税込1080円ですべての動画が見れる有料会員登録があります。

基礎をしっかり身につけてから、有料会員登録するのをおすすめします。

dotinstall.com

 

1852 Tweets

4333 Users

3954 Pockets

ドットインストール

https://dotinstall.com

HTML, CSS, JavaScript, PHP, Rubyをはじめ、iPhoneやAndroidアプリの作り方も学べます。豊富な3分動画を見ることで、はじめての人でも無理なくスキルを身につけていくことができるプログラミング学習サービスです。

Udemy

Udemyは、一つの動画が講座として売られており、その講座を購入し視聴する事で学べる学習サイトです。

買い切りなので月額を払う必要はありません。

講座の種類は多岐にわたっており、Photoshop・Illustrator・HTML・CSSなど網羅しています。

基礎をしっかり身につけてから、応用編など自分のレベルに合わせた講座を選び学ぶことをおすすめします。

Udemy

 

2274 Tweets

510 Users

24599 Pockets

Online Courses - Learn Anything, On Your Schedule | Udemy

https://www.udemy.com

Udemy is an online learning and teaching marketplace with over 183,000 courses and 40 million students. Learn programming, marketing, data science and more.

実際にサイトを作る

最後に今まで学んできたPhotoshop・Illustrator・HTML・CSSの知識をもとに実際にサイトを作成してみましょう。

クライアントへの営業活動にも使えますし、ポートフォリオサイトの作成をおすすめします。

試行錯誤を繰り返していくうちに、新たな問題が生じるかもしれません。

その際は一度手を止め、書籍・YouTube動画・オンライン学習サービスを通じもう一度学びましょう。

身につけた知識をしっかり実践にうつせる事が上達への第一歩です。

まとめ

いかがでしたか？

Webデザインは初心者には難しい用語も多く、操作・コードなど頭を使う事がいっぱいです。

勉強が負担にならないよう、1日10分からでもゆっくりと学んで行くことをおすすめします。

最後までお読みいただきありがとうございました。

関連記事

Webデザイナーって何する人？仕事内容や年収など【まとめ】

最近よく耳にする「Webデザイナー」ってどんな仕事をするの？デザインをするだけ？Webデザイナーの仕事内容やどのくらい稼ぐことができるのかなどを解説します！実はWebデザイナーの種類はいろいろ！いま人気のWebデザイナーの魅力を詳しくお伝えします！

関連記事

【ブクマ必須】知っておくと便利なフリーのイラスト素材を紹介！

ブログやLP作成の味方「フリー素材」。サイトを華やかに彩ってくれるイラストを無料でダウンロードできるなんて使うしかない！多種多様なフリー素材サイトのおすすめとそれぞれの特徴をご紹介します！フリー素材を使って自分だけのデザインを楽しみましょう！

にほんブログ村

ビジネス系資格ランキング