ハピ活ライフ♬

デザインの世界で、もっとハッピーに♬

Webデザインの独学って何から始めればいいの?【勉強方法あり】

 

こんにちわ❗
Roseberryです🙋‍♀️✨
本日のご訪問もありがとうございます✨

 

そんな本日の「ハピ活ライフ♬」は・・・

 

Webデザインの独学って何から始めればいいの?どうやって進めていくの?

 
という方に、おススメの記事となっています。


こんな人におススメの記事です!

・Webデザインの勉強って独学でもできるの?
・Webデザインの独学方法は?
・Webデザインを勉強できるおすすめサイトって?

私は以前、在宅でデザイン(Webデザイン)系の副業をやっていました。


元々は、デザインツール(「Photshop」「illustlator」)を独学でスタート。


その後、会社のホームページ制作を任されたので、そこでWebデザインを独学で学びました。

そんな経験を踏まえてこの記事では、Webデザインを独学で学んでみたい方向けに、わかりやすくまとめています。


最後まで読んで頂くと、Webデザインを独学で学ぶ方法がわかりますよ!

Webデザインの独学って何から始めればいいの?【独学での勉強方法あり】

Webデザインの独学って何から始めればいいの?【勉強方法あり】

 

Webデザインは独学で学べます

 

結論から申し上げると、Webデザインは独学でも十分学べます。

 

私が独学で勉強していた時代は、書籍やスクールといった今よりも限られた世界で学ぶことが一般的でした。


しかし現在ではIT人材のニーズが高まり、学習サイトYouTubeでもWebデザインが容易に学べるようになっています。


IT業界

画像出典:業界動向

 

日本のIT業界は右肩上がりとなりつつも、WebデザイナーやエンジニアといったIT人材は、現在不足気味。


IT人材を増やすことは今後の課題の一つとなっています。


不足と言われているIT人材を増やすべく、Webデザインを学べるプラットホームや書籍はさらに増えつつある今日。


独学でも十分習得できる時代を迎えています。

 

 

「mikimiki web スクール」は、初心者向けの動画なども多数あり、Webデザインがトータルで学べるYouTubeチャンネルです。こういった動画は沢山アップされているので、どんどん活用するといいですよ♬ 

 

Webデザインの独学に向けてまず目標を立てよう


Webデザインの独学に向けてまず目標を立てよう

Photo by J. Kelly Brito on Unsplash

 

Webデザインを独学で学ぶ前に、まず明確な目標を持ってのぞみましょう!

なぜなら、独学はとにかく挫折しやすいからです。


私は、会社のホームページ作成という目標があったので、参考書を買い込み、知り合いにも聞きながら完成させました。


目標があれば、そこにたどり着こうとするのが人間です。


小さなところからでいいので、まずは目標を立ててみましょう!

例えばこんな目標

  • 今週は、Photosopをメインにやる
  • 1日30分でも勉強する
  • Webサイトを1つでも作れるようになる

 

目標は小さなところから立てるといいですよ!小さな成功体験は、あなたを前進させる力となります♬ 

 

Webデザインを独学で始める前に用意するもの

 

Webデザインを独学で始める前に用意するもの

Photo by Firmbee.com on Unsplash

 

パソコン

 

パソコンは、WindowsMacどちらでも構いません。

私は利便上、どちらも持っていますが、Webデザインやデザイン系の副業・転職を目指すならMacの方がおススメです。


もし、デザイン事務所で働いてみたい!と思い立った場合、大体がMacが使える方希望なんですよね。


そういった時の為にも、どちらかというとMacの方がおススメです!

もし、これからパソコンを購入されるのであれば、ディスプレイ型でCPUの性能が高いものを選びましょう!


パソコンのスペックが大きいほど、データの処理速度も違ってきますし、モニターが大きいと見やすくて勉強がはかどります。


また、スクールによっては、Mac付きのコースがある場合もあります。


スクールに通う事も検討されているなら、そういったサービスの有無も見ておくといいですよ!

 

デザイナーの間では、大体Macが使われているので、Macに関する情報交換もできたりします♬ 

 

デザインソフト

 

Photoshop」「Illustratorは、デザインの現場では必須のソフトなので、ご自身のパソコンにインストールしておきましょう!


特に「Photoshop」は、画像の加工やレイアウトなどWebデザインには主戦力となるデザインツールです。


ちなみに、「Illustrator」は、アイコンやイラスト制作などで使用します。


最低でも「Photoshop」だけは持ってた方がいいですよ!

 

Photoshop」「Illustrator」は、Adobe公式サイトだと7日間無料で試せるので、どんな感じか試してみることができますよ!購入は、どちらも公式サイト・Amazonで購入可能です♬

 

エディタ

 

エディタとは、HTMLやCSS、プログラミングを記述するためのツールです。


プログラミング言語は、通常このエディタを使って構築されていきます。

エディタの種類

 

エディタの種類には様々ありますが、個人的にはVS CodeVisual Studio Code)」がおススメです。


この後紹介する無料学習サイト”ドットインストール”は、「VS Code」を使用して学習するようになっているからです。

 

”ドットインストール”は、1動画3分くらいなのですが、とてもわかりやすい講義になっています♬

 

その他


ドメインレンタルサーバーなど、Webサイトをアップする方法などもある程度知っておいた方がいいです。


ただし、これは一番最後で!


まずは、作品が作れるようになることが先決です!

 

Webデザインを独学で学ぶ方法

 

Webデザインを独学で学ぶ方法

 

未経験者が独学でWebデザインを学ぶ方法は、色々あります。

Webデザインを学ぶ方法

 

書籍は、分からないところはすぐ読み返すこともできるので、持っていると便利です!


ただし、最終的には手を動かすことがとても大事です。


Photoshop」「Illustrator」をはじめ、コーディングなども、手を動かさないことにはまず身につかないからです。


Photoshop」「Illustrator」は、Adobeのサイトでもツールの使い方などのマニュアルがアップされています。

また、コーディングなどは、学習サイトやYouTubeなどを使って無料で学べます。


そういったプラットフォームも上手く使いながら、手を動かして覚えることを意識してくださいね!

 

 

動画を見ながらやる方が、文字を追いかけるよりも楽で、定着しやすいかもしれませんね♬

 

独学で勉強するときにおすすめのサイト4選

 

独学で勉強するときにおすすめのサイト3選

Photo by Christin Hume on Unsplash

 

ドットインストール


ドットインストール

 

断トツでおススメです!


Webサイトがどんな風に出来ているのかも理解しやすく、プログラミング言語など含めて無料で学習できます。


中には有料動画もありますが、プレミアム会員になれば閲覧可能(月額1080円)。


1つの動画が3分程度で、繰り返し閲覧できるので、スキマ時間に学ぶのにも最適なサイトです。会員登録は無料


>>3分動画でプログラミングが学べる「ドットインストール」

 

Progate(プロゲート)

 

Progate(プロゲート)

 

プログラミングを基礎から学べる、イラスト中心の学習サイトです。


プランには、無料(基礎)プランとプラスプラン(応用・実践)があり、プラスプランは月額¥1,078円。


「Progate」はアプリもあり、スライド式でレッスンと問題を解いていきます。


1つのレッスンが終わると、「Progate」の○○コースを修了しました~と、SNSで報告も出来ますよ!会員登録は無料。


>>動画よりも学びやすいプログラミング入門サイト「Progate」

 

Schoo(スクー)

 

Schoo(スクー)

 

「Schoo」では、生放送のオンライン授業があり、その場で質問することも可能。


また、”無料で学べる録画”も設けられていて、様々なジャンルを無料で学ぶこともできます。


”無料で学べる録画”は、会員登録をしなくても見ることが出来るので、試しに見てみるのもいいですよ!会員登録は無料


>>無料のオンライン生放送に参加できる「Schoo」

 

Udemy(ユーデミー)

 

Udemy(ユーデミー)

 

「Udemy」も「Schoo」とよく似ていて、オンライン授業を主体としたサイト。


各動画には、プレビュー動画が用意されているので、どんな講師か・どんな授業か~も分かりやすいです!


また、コースには無料と有料コースがあり、無料はお試しといった感じで簡易的に学べるようになっています。会員登録は無料


>>世界最大級のオンライン学習プラットフォーム「Udemy」

 

 

 

独学で学ぶメリット・デメリット

 

独学は、学習コストがかからない・自分のペースで学習できるといったメリットがあります。


しかし、独学は自己流で学んでいくので、変なクセがついたり、モチベーションを保つのが大変というデメリットもあります。


自分は独学に向いてないなと思うのであれば、スクールに通うことも検討してみましょう!

 

 

まずは、無料の学習サイトを使ってみるのがいいですよ!もしスクールに通いたくなったら、学習サイトで学んだことがスクールでもしっかり役に立ちますから♬

 

Webデザイン系おすすめの本

 


・1冊ですべて身につくHTML & CSSとWebデザイン入門講座

HTMLとCSSとWebデザインを、一気にまるごと学べる本。1つのサイトを実際に作りながら学んでいく内容になっています。

 


・デザインの学校 これからはじめるPhotoshopの本 [2020年最新版] 

これからPhotoshop操作を学びたい初心者向けの学習書。
写真の補正やトリミング、ポストカードの作成まで、Photoshopの基本的な操作をひととおり学ぶことができます。

 


・なるほどデザイン/筒井 美希 著

「デザイン=楽しい」を実感できるデザイン書。
デザインをする上で必要な基礎などが盛り込まれた1冊です。

 

独学でWebデザインを学んでみよう


本日の記事のの要点は、以下の3点です。

本日の記事まとめ

  • Webデザインは独学でもできる
  • 基本は、手を動かしながら覚える
  • 無料で学習できるサイトなどを使う

 

冒頭でも述べましたが、Webデザインは独学でも学べます。


独学にはメリットやデメリットもありますが、最終的には、あなた自身の強い思いや目標がゴールへと繋がっていきます。


私自身は過去に何度も挫けていますが、根本的なところで、学習が楽しいという気持ちがありました。


学習途中で”楽しい”と思えたなら、あなたもWebデザインを身につけることができますよ!

 

あなたの行動次第で、未来は確実に変わります♬

 
少しでも参考になれば幸いです。
以上です!


 \ ポチッとお願いします♬ /

ブログランキング・にほんブログ村へにほんブログ村

20200205110537