知識ゼロからWebデザインを学ぶために必要なこと【在宅ワーク】

HOW-TO Programming Web

仕事をしながら学習して Webデザイナーになるためにはどうしたらいいのか調べてみました。

猫のモンちゃん
猫のモンちゃん
未経験でWebデザインを学習したい

どんな学習方法があるか調べてみましょう
azurecoインストラクター
azurecoインストラクター

こんにちは。azurecoです。

現役のパソコンインストラクターです。私は先日こんなツィートをしました。

こんな疑問にお答えします。

  • 一般的にWebデザインを学ぶには費用がかかるのでは?
  • 学ぶには時間がかかるのではないか?
  • 独学でも学べるの?

 

未経験だけど、これから始めるとしたらどんな方法でWebデザイナーになれるのか調べたので記事にしていきます。

【在宅ワーク】知識ゼロからWebデザインを学ぶために必要なこと

 

スポンサードサーチ

知識ゼロだけど今からWebデザインを学びたい

このブログにたどりついたあなたは、スキルを身につけて収入を得たいと考える前向きな方だと思います。

外出が制限されるこんな時代だからこそ、Webデザインの仕事に関心がある。お金をかけるかかけないか、学習する時間がどれくらい作れるかで学習の選択肢は変わってきます

まずは出来る事からやってみましょう。

過去記事【在宅ワーク】自宅での仕事にはスキルが必要

Webデザインを学びたい私のプロフィール

同じくWebデザインの学習にチャレンジしようと考えている私の場合は下記のとおり。

  • 現 職   パソコンインストラクター
  • 経 験   PCスキル 基本のoffice操作 写真や動画の編集
  • 知 識   Wordpress
  • 目 的   副業、スキルアップ
  • 方 法   独学 /通信講座 /スクール入講で検討中
  • 趣 味   カメラ・デザイン・芸術鑑賞
  • その他  Instagramで46Kフォロワーのハブでのモデレーター経験あり

パソコンの入り口は写真管理と写真の編集から。

事務や営業の仕事が長かった私がUターン転職を機に、本当はPhotoshopやWebデザインを学びたかったのが本音です。
まずは就職活動のために実務で使えそうなパソコン関係の資格取得とスキルアップに励みました。

その後の就職活動ではパソコンの経験を積めると思い、パソコンインストラクターの仕事を選ぶことに。

ブログ、YouTube、SNSとコンテンツ、やみくもにチャレンジしてきたけど来年一年間は新しい事を勉強する年にする。収入の自動化ばかり考えていたけどまずは自分のPCスキルを強化して誰かの役にたつような技術を身に付けマネタイズ。これ、3年コツコツ種蒔きしたからこそわかったこと。

仕事のかたわらで、将来の収益化のためにWordPressでブログ運営をしてきました。

ライティングには慣れましたがHTMLおよびCSSやPHPなどでつまずくことが多々あります。

フルタイムで働く主婦が、ブログを継続して行くには時間との戦いです。

コーディングは向き不向きがあると聞いたことがありますが、デザインソフトを使いこなせるだけでなくコーディングも知っておかなくてはいけない。

以前から学びたかったPhotoshop(画像処理のソフト)とIllustrator(デザインするソフト)を使えるようにしたいと考えています。

目標

  • PhotoshopとIllustratorクリエイター能力認定試験合格
  • Webデザインの基礎知識を習得
  • HTML・PHP・CSS コーディングスキルの学習

一般的に高いお金を支払って習う内容だといいますが、最終目的はパソコンスキルにプラスアルファの専門技術を身に着けること。

学習の垣根は体験してみないと解からないことです。

将来的には小さい仕事でもいいので実務で経験を積み、仕事を受注したいと思います。

過去記事【在宅ワーク】自宅で仕事する場合の注意点

Webデザインを学ぶためにはどうしたらいいの

結論から言うと下記の3択になります。

  1. 独学で学ぶ
  2. 通信講座で学ぶ
  3. スクールで学ぶ

条件としてはパソコン、Adobeのソフトが必要

自宅で学ぶのであればインターネット環境が整っていること

習得の目標時期にもよりますが月に最低でも60時間以上の学習時間が取れること
それぞれの学び方に特徴があるので比較一覧表にしてみました。

(詳細は各サイトでご確認ください)

②独学(テキストや動画)+コミュニティに参加して学ぶなら

コミュニティで質問し放題、同志との交流も励みになります。
【質問し放題】ゼロイチブログ企画室【買い切り価格980円】

そのほか、Wordpressの運営を学ぶために私も利用しています。
【チケット制】3500円:ブログやメディア運営を学べるオンラインスクール【初心者歓迎】

③通信講座

ユーキャンの案内資料のご請求はこちら


④通学でもオンライン講座でも

デジタルハリウッド



オンライン講座

TechAcademy [テックアカデミー]

過去記事【就職】教育訓練給付金を使って取得!一生使える資格は何?

ネットで検索すると沢山の選択肢があり迷ってしまうかもしれません。

自己管理に自信があるのであれば独学で学んでみるのもひとつ。

やってみてダメなら次の方法を考えるとしてまずは第一歩、前に進んでいきましょう。

スポンサードサーチ

知識ゼロからWebデザインを学習する方法

Webデザインを独学で学習する場合のポイント

それではここから学習のポイントを解説していきます。

もしあなたが独学で学ぼうとするならば、次のような流れに沿って学習することが大切になります。まずはざっくりと動画などを観て全体像を把握しながら実際に手を動かしていきましょう。

学習ステップ

コーディングを先に学んでからデザインを学習する

Web/コーディングの学習

猫のモンちゃん
猫のモンちゃん
ところで…コーディングって何ですか?
ではコーディングについて説明しましょう
azurecoインストラクター
azurecoインストラクター

コーディング【coding】
1 コンピューターで、プログラミング言語によってソースコードを作ること。

2 データ処理を自動化するために、データの項目にコードをつけること。

参考元:weblioデジタル大辞泉

無料でコーディングの学習ができるアプリをインストールしてスキマ時間を利用して学習します。

『Progate』

『ドットインストール』


ここでの学習の目標は、基本的なHTMLやCSSの知識、レスポンシブの理解を身に着けることを目的とします。

ネット上で現役のエンジニアやプログラマーが無料で有益な情報を発信していますので初心者から独学でも学習できる環境にあります。

YouTubeなどの動画を検索し、全体像を確認してみましょう。

「ちょっとまって!WebデザイナーなんだからWebデザインだけ学べばいいんじゃないの?」と思われるかもしれません。

Webデザインをする→「コーダー」にコーディングをお願いする

全体の工程を理解していないとコーダーとの連携がうまくいかず、結果的に作業の効率が悪くなるとすれば理解できますね。

最初はチンプンカンプンでも実際に手を動かしてコードを書いてみます。

何度も何度も復習するうちに自然と身についていくそうですよ。

 

テキストを基にやってみてもいいでしょう。

インプットしたら実装する事が習得への近道です。

こちらの本はかなり話題になっていましたのでチェックしてみてくださいね。

自分でコードを打つ環境を作ってみましょう。

WEBサイトのコーディングをする時には、コーディングの専用ソフトが必要になります。

先ほどご紹介したドットインストールで、ソフトの導入の仕方を解説してくれているので参考にしてみたらいかがでしょうか。

テキストエディター→BracketsやVSCなど

Webデザインの学習

ここではAdobeソフトIllustratorPhotoshopを使用してデザインを学んでいきたいと思います。

コーディングと同じでYouTubeやネットで検索しながら学習していきましょう。

テキストは中古ですが定番といわれている教科書を取り寄せました。

何かを作成しながら学ぶことが大切になってくるので1日1時間でもいいのでテキストを進めていきます。

基本の操作を復習しながら手を動かし、徹底的に身に着けていきます。

Logoの作成からはじまり、名刺やWebサイトで使用するバナーなど、Officeのアプリケーションとは違う本格的なデザインを自分で作成できると感動ですね!

Webサイトを作成する

実際に応用が身に着いたらサイトを作成してみるといいでしょう。

WordPressを立ち上げてサイトの仕組みを知ることも勉強になります。

01blogのゾノさんが運営しているWordpressスタートキットもお勧めです。

ブログ初期設定の完全代行&90日間の個別講義【スタートキット】

HTMLCSSにはたくさんのタグやプロパティがあります。
最初から全部覚えようとせず得意なところから応用を何度も実践していきましょう。

まとめ

「急がば回れ」ということわざがありますが、技術の習得にはそれなりの時間がかかります。

未経験からWebデザインを学ぶためにはまずは学習時間を捻出しなければなりません。

お金をかけるにしろかけないにしろ学習するのは目標設定を明確にし着地点を決めたほうが良さそうです。

私の場合は働きながら独学で進めていこうと考えていますが、ダラダラしないように学習計画を練り期限を決めて学習しようと思います。

まずはPhotoshopとIllustratorクリエイター能力認定試験に申し込みをして自分を追い込む事とします。

rogo

最後までご覧頂きありがとうございました。
BLOGの更新はtwitterかinstagramよりお知らせしています。
応援、フォローよろしくお願いいたします。

azureco

ameblo
twitter
Instagram
note