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. 『独学でWebデザインってどうやって学べばいいの?』 『独学でWebデザインの勉強を始めたけど…
  3. ショートカットキーとは、マウスを使わずにキーボードをしパソコン仕事をするテクニックです。 「マ…
  4. アジャイルスクラム開発への知識、業務経験のあるエンジニアへの評価が高まっています。また、その存在はI…
  5. IT業界の職種の1つにプログラマーがあります。プログラマーという言葉は聞いたことはあるが、具体的な仕…
  6. エンジニアには専門性の高いスキルが求められるため、未経験者が転職を諦めてしまうこともあります。しかし…
  7. ここ4年ほどで注目が高まってきている資格「CBAP®」はご存じですか? キャリアアップを目指すビジ…

編集部のおすすめ

  1. ふるさと納税とは、自治体に寄付をすることでお礼として自治体の特産品をもらえ、さらに寄付金額によって税…
  2. コロナ渦や在宅勤務で自宅にいる時間が 多くなった人はどのくらいいますか? そんな時ほど新しい…
  3. 妊娠や出産は保険適応外のため、費用は自己負担になります。妊娠や出産にはお金がかかるため、不安に思う人…
  4. 運動が苦手な人でも手軽に始められるウォーキング。お手持ちのスニーカーを履けばすぐに実践できるため、ア…
  5. ここ4年ほどで注目が高まってきている資格「CBAP®」はご存じですか? キャリアアップを目指すビジ…

ピックアップ

  1. 筋肉を付けたり、ダイエットなどのために筋トレをする人は多くいます。しかし、筋トレはこれらの体作りに関…
  2. お得に節税できるしくみとして知られる「iDeco」や「ふるさと納税」。 iDecoは運用益が非…
  3. アジャイルスクラム開発への知識、業務経験のあるエンジニアへの評価が高まっています。また、その存在はI…
  4. 「主婦をしているけど資格を取得したい」 「資格を取得して仕事をしたい」 などと考えたことはありま…

会員情報

ピックアップ記事

  1. 「主婦をしているけど資格を取得したい」 「資格を取得して仕事をしたい」 などと考えたことはありま…
  2. アジャイルスクラム開発への知識、業務経験のあるエンジニアへの評価が高まっています。また、その存在はI…
  3. 筋肉を付けたり、ダイエットなどのために筋トレをする人は多くいます。しかし、筋トレはこれらの体作りに関…
  4. お得に節税できるしくみとして知られる「iDeco」や「ふるさと納税」。 iDecoは運用益が非…
ページ上部へ戻る