Webデザインを学ぼう!5つのおすすめ勉強方法

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

 

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

Webページを作成するには、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円ですべてのレッスンが受けられる有料会員登録があります。

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

ドットインストール

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

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

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

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

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

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

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

Udemy

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

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

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

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

 

実際にサイトを作る

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

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

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

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

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

 

まとめ

いかがでしたか?

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

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

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



sisimai駆け出しライター

投稿者プロフィール

関西在住30代のsisimaiです。
3人の男の子の母をしております!
働きながらライターとしての活動をスタートさせました。
皆様に有益な情報をお届けしたいです♪

COQUELICOT編集部

投稿者プロフィール

編集部では、ライターさんを募集しております!
当サイトのテキスト・画像の無断転載・複製を固く禁じます。
Unauthorized copying prohibited.

この著者の最新の記事

関連記事

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

CAPTCHA


おすすめIT記事

  1. IT業界は労働環境や条件などから、女性が働くには不向きな業界というイメージを持っている人も多いです。…
  2. ショートカットキーとは、マウスを使わずにキーボードをしパソコン仕事をするテクニックです。 「マ…
  3. アジャイルスクラム開発への知識、業務経験のあるエンジニアへの評価が高まっています。また、その存在はI…
  4. IT業界の職種の1つにプログラマーがあります。プログラマーという言葉は聞いたことはあるが、具体的な仕…
  5. エンジニアには専門性の高いスキルが求められるため、未経験者が転職を諦めてしまうこともあります。しかし…
  6. ここ4年ほどで注目が高まってきている資格「CBAP®」はご存じですか? キャリアアップを目指すビジ…

編集部のおすすめ

  1. 『絶対覚えた方がいいExcel関数って何?』 『関数のエラーどうしたらいいの?』 こんな…
  2. デザイン制作や資料作成を行うときにイラストが1つ加わることで華やかになります。 イラスト素材で…
  3. お得に節税できるしくみとして知られる「iDeco」や「ふるさと納税」。 iDecoは運用益が非…
  4. アジャイルスクラム開発への知識、業務経験のあるエンジニアへの評価が高まっています。また、その存在はI…
  5. ふるさと納税とは、自治体に寄付をすることでお礼として自治体の特産品をもらえ、さらに寄付金額によって税…

おすすめライフスタイル

  1. 「Excelマクロってなに?」 「Excelマクロの使い方は?」 「Excelマクロを使うには特…
  2. 血行の流れが悪くなると起きる症状です。体に重要な酸素や栄養素の供給ができない他に、蓄積された老廃物も…
  3. 家事と育児は夫婦で協力する必要があります。しかし、夫が家事も育児も協力してくれなくて苦労しているママ…
  4. 共働きのご家庭では、夫婦で家事を分担していると思いますが「仕事に家事に育児まで・・・」 となる…

ピックアップ記事

  1. 『GoodNotes 5って何?』 『GoodNotes 5で何ができるの?』 『Goo…
  2. ここ4年ほどで注目が高まってきている資格「CBAP®」はご存じですか? キャリアアップを目指すビジ…
  3. 仕事をするのに欠かすことのてきないExcel。 ビジネスシーンで必ず求められるスキルではないでしょ…
  4. 「専業主婦をしているけど資格を取得したい」 「資格を取得して仕事をしたい」 などと考えたことはあ…
ページ上部へ戻る