副業のためのWebデザインの独学は、未経験者の場合はPhotoshopから始めていきます。Photoshopのスキルがあれば、とりあえずバナー作成の案件で副業を始められます。
Photoshopの基本的な操作は本で学ぶことができます。ウェブでも情報を得られますが、やはりプロによって書かれた本のほうが適切です。
スクールでは次々に課題が課せられますが、独学には課題がありません。自分に課題を課していく努力が必要になります。
学習期間には当然、個人差はありますが、Photoshopの基本操作を身につけるのには1ヵ月程度かかります。
Webデザインの副業・在宅ワークでは、いずれはHTML&CSSでのコーディングまで身につけなければ収入は増えていきません。
バナー作成の副業をこなしながら、HTML&CSSの学習をしていき、次のステップLP制作に向けて準備をするのが独学の進み方になります。
この記事では、副業のためのWebデザイン独学方法について解説します。
-
-
未経験からWebデザインで副業する方法【初心者向け在宅ワーク】
Contents
Webデザインの独学方法
副業のための独学の順序
- Photoshop：バナー作成
- Illustrator：バナー作成・ロゴ作成
- HTML&CSS：LP制作・ウェブサイトデザイン
- WordPress：ホームページ制作
独学の順序は身につけやすいスキルから。スキルごとに受注できる副業案件があります。
クラウドソーシングで副業する場合、初心者がいきなりLP制作やウェブサイトデザインを受注することはできないので、しばらくは実績作りのためにバナー作成などの受注しやすい案件をこなしていきます。
学習時間を確保するのが難しい場合は、PhotoshopとHTML&CSSに絞って学習すると良いです。
Webデザインの独学は何から？
Webデザインの独学はPhotoshopから学習するのが効率的です。Photoshopのスキルがあれば、とりあえずバナー作成で副業を始めることが可能になるからです。
Photoshopの学習は入門書の順序どおりに進めていきます。独学では課題を自分に課していく努力が必要です。
覚えたことを試すつもりで、どんどんバナー作成の練習をしていきます。クラウドソーシングサイトでバナー作成案件の依頼内容を見て、応募するつもりでバナー作成してみると実践的な練習になります。
練習してみると、思うようなデザインにできなかったり、やり方がわからないところが色々と出てくるので次の学習課題が見えてきます。
バナー作成にはイラストやフレームデザインの依頼案件もあり、Illustratorのスキルも持ち合わせておくと受注できる案件の幅が広がります。
LP制作やウェブサイトデザインの案件は、実績の少ない初心者が受注しにくい案件です。バナー作成で実績作りしながらHTML&CSSの学習をして、次のステップLP制作を受注する準備をしていくのが良いでしょう。
Webデザイン独学おすすめ本
Photoshop
- Photoshopの基本操作
- 写真の加工・補正
- 写真の合成・文字入れ …など
Photoshopの操作方法を一から分かりやすく解説しています。見開きが大きいので学習しやすいです。
実践で使えるデザインの例も多数掲載されており、その例を使いながらPhotoshopのスキルを段階的に覚えていくことができます。
Illustrator
- イラストの描き方
- ロゴの作り方
- Webサイトヘッダー画像の作り方 …など
Photoshopの本と同じシリーズです。Illustratorの操作方法について書かれた本はあまり多くないのですが、この本が一番わかりやすかったです。
Illustratorのスキルはパスに集約されます。パスに慣れていくことがWebデザインの実践力になり、副業の可能性を広げます。
HTML&CSS
- Webサイトの基本・仕組み
- Webページのレイアウト・HTMLの基本
- Webデザイン・CSSの基本 …など
未経験からHTML&CSSを独学するならこの本です。断トツ1位の高評価で売れまくっています。
HTMLでのページレイアウトからCSSでの装飾まで、ウェブサイトデザインの基本がひととおり詰まっています。
結局のところ、WebデザインにはHTML&CSSのスキルは欠かせないわけで、Webデザインに興味を持ったら何より先にこの本を読んでみると全体像が見えてきます。
Webデザインに必要なパソコン
パソコン
- Windows：Microsoft社のOS。多数のメーカーが搭載している。Lenovo、DELL、HPなどが有名。
- Mac：Apple社の製品およびOS相称。デスクトップのiMac、ノートパソコンのMacBookが有名。
パソコンはWindowsでもMacでも、どちらでも構いません。
Webデザイン業界ではMacが好まれています。これはDTPにフォントの綺麗なMacが使われてきた時代の名残りです。
DTPとは
DeskTop Publishingの略です。印刷物を机上（パソコン等）で作成することです。この作業にApple Macが使われていました。現在は情報媒体が紙からWEBに移りましたが、そのままMacを使い続けている企業も多いです。
すでに持っているパソコンがあればWindowsでもMacでも構いませんが、ソフトを余裕で動かすためにメモリ16GB以上が望ましいです。
Webデザインに必要なソフト
画像編集（写真やイラストなど）
- Adobe Photoshop：有料。Adobe社の写真加工・補正ソフト。バナー作成に使うことができる。
- Adobe Illustrator：有料。Adobe社のイラスト作成ソフト。バナー作成やロゴ作成に使うことができる。
画像編集ソフトは、PhotoshopおよびIllustratorを使用します。
Photoshopだけなら月々1,000円程度で契約できます。契約はあとから変更できるので、独学ではまずPhotoshopだけ契約するのがお金がかからない方法です。
コーディング
- Google Chrome：無料。Google社のウェブブラウザ。HTML&CSSのソースコードを見たり、ウェブ開発に使うことができる。
- Microsoft VSCode：無料。Microsoft社の開発用エディター。HTML&CSSの開発に使うことができる。
Webデザインでコーディングが必要になるのはLP制作やウェブサイトデザインです。HTML&CSSでLPやウェブページを仕上げていきます。
ウェブブラウザGoogle Chromeでは、制作物の確認ができます。
開発用エディターVSCodeでは、ウェブページのレイアウトや装飾をHTML&CSSで行えます。
Webデザインの無料体験
- テックアカデミープログラミング無料体験 ：オンラインスクール。7日間、本コース同様の教材・サービスを利用可能。
-
SHElikes Webデザインコース
：女性限定。オンラインまたは教室（表参道・銀座・名古屋名駅）で体験可。
どちらもWebデザインの基本を無料体験できます。Webデザインを独学するか悩んでいる方でも、スクールの無料体験は利用価値があります。
本当に自分がWebデザインに向いているか、コーディングに向いているかをあらかじめ知ることができれば、独学で副業に挑戦するかどうかを判断できるでしょう。
Webデザインの独学の不安
- 学習に時間がかかり、意欲の維持が難しい。
- 広告の知識・セオリーを学ぶ機会がない。
- 案件を自力で獲得していかなければならない。
Webデザインの独学は、お金がかからないというメリットがあります。
ただ、スクールなら教えてもらえることが、独学では教わる機会がない点には不安があります。
独学でPhotoshopを操作できるようになっても、バナー広告作成に必要なウェブ広告の知識やデザインのセオリーのような肝心な部分が抜け落ちています。
このあたりをプロから教えてもらえるのはスクールの大きなメリットです。
また、スクールには受講生に副業案件を紹介してくれるところがあります。たとえば
テックアカデミー はじめての副業コース
は、修了後に案件紹介サポートを受けられるので、安心して副業を始めていくことができます。
まとめ
- 独学の順序は身につけやすいスキルから。スキルごとに受注できる副業案件がある。初心者は実績作りのためにバナー作成などの受注しやすい案件をこなしていく。
- Webデザインの独学はPhotoshopから学習するのが効率的。とりあえずバナー作成で副業を始めることが可能になるから。
- Webデザインを独学するか悩んでいる方でも、スクールの無料体験は利用価値がある。本当に自分がWebデザインに向いているか、コーディングに向いているかをあらかじめ知ることができる。
- 独学はお金がかからないが、広告の知識やセオリーを学ぶ機会がなく、案件獲得も自力で始めなければならない。
テックアカデミー はじめての副業コース
申込者数 第１位！
テックアカデミー はじめての副業コース| 受講スタイル | オンライン |
|---|---|
| 言語 スキル |
HTML&CSS・JavaScript AdobeXD・Photoshop |
| 受講料 | 99,900円/12週間Lite 179,400円/4週間 229,900円/8週間 284,900円/12週間 339,900円/16週間 |
| 副業サポート | テックアカデミーワークスから案件紹介 |
| 申込方法 |
コース案内ページから申込可能 |
- 入金が完了すると受講開始日の前からすぐにチャットサポートを開始
- 週2回マンツーマンでのメンタリング・毎日15〜23時のチャットサポート
- 12週間Liteはメンタリングなし・チャットサポートのみで割安
- 無料体験の利用で受講料10,000円割引
こんな人におすすめ
- 在宅で副業できるスキルを身につけたい
- 将来を見据えてウェブプログラミングで手に職つけたい
- 案件紹介サポートを受けながら失敗なく副業を始めたい
テックアカデミー はじめての副業コースは、PhotoshopとHTML&CSSでのウェブデザイン、JavaScriptプログラミングまで、ウェブ系の副業で収入を得るために必要なスキルを学習する副業専門コースです。未経験者の場合は、コーディング習得にある程度の期間が必要なので12～16週間が適切な学習期間です。すでにHTML&CSSの経験がある方なら8週間でも良いでしょう。
修了後はテックアカデミーワークスからの案件紹介サポートを受けながら、はじめての副業・在宅ワークに安心して乗り出すことができます。副業ブームで申し込みが殺到しています。無料体験を受けてみて、検討してから申し込みという流れになります。
