Webデザイナー初心者が最初に準備すべきもの10選【それに掛かる費用も】

https://hoshizuki-design.com/wp-content/uploads/2020/06/aicon003.png
主婦

Webデザイナーの勉強を始めたいけど何から準備したらいいか分からない。
またどれくらいのお金が必要なのか先に知っておきたい。

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

確かにそうですね。私も初心者の頃は分からずに試行錯誤しながら準備を進めていきました。
お金も必要以上に使ったと思います。
私の経験からまず最初に準備すべきことと、必要最低限必要なお金を紹介します!

Webデザイナー初心者が最初に準備すべきもの10選【それに掛かる費用】

Webデザイナーの勉強を始めるために準備するもの10選

  1. パソコン
  2. SNSアカウント取得
  3. Adobeのソフト
  4. オンライン学習動画
  5. オンラインスクールor教室入校
  6. サーバー契約
  7. ドメイン取得
  8. WordPress設定
  9. FTPインストール

以上10個のリストを上げました。
途中から意味が分からない言葉が・・と思った方もいらっしゃるかもしれませが、そこは問題ないので今はスルーでOKです。

では一つずつの説明と購入のタイミング、必要予算を解説していきます。
一気に全部揃える必要はないので、準備するタイミングも同時にお伝えしながら解説します。

準備するもの1.パソコン(2020年時点)

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:一番最初
必要予算:10~15万円

既にお持ちの方は「2」へ進んで下さい。
パソコンはWebデザイナーにとって必須アイテムです。
ある程度のスペックも重要となります。
結論を言うと、最低限必要なスペックは、

  • OS(MacかWindows):好みの問題。どちらでもOK
  • メモリ:8GB以上(予算あるなら16GB以上)
  • CPU:corei5以上
  • ストレージ:SSDは256GB以上
  • PC形態:ノート型かデスク型→ワークスタイルに合わせて(両方あるとベスト)
  • キーボード:家電量販店で確認してネットで買う(薄型で打ちやすい「パンタグラフ方式」がおすすめ)
  • モニター:デスクトップパソコンは20インチ以上、ノートパソコンは13~15インチ
  • 費用:10万~15万円くらいで買える、2,3年で買い替える
  • PC購入先:Apple公式サイトかマウスコンピューターがおすすめ

今後もWebデザイナーとして使うパソコンなので、最低限上記のスペックでの作業が好ましいと思います。
私は5年目ですが、パソコンは3代目です。
買い替え時期は、その時の仕事内容でタイミングがあると思います。

準備するもの2.SNSアカウント取得

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:PCと同時進行(スマホでも出来る)
必要予算:0円

既にお持ちの方もいるかもしれませんが、これは「Webデザイナー勉強用」で新規でアカウントを取得します。

基本TwitterとInstagramでいいかと思います。
SNS運営は今後のお仕事にも大きく影響してくるので、今から始めておくことが重要です。
\Follow Me/
 Twitter:https://twitter.com/hoshizuki_aiko
Instagram:https://www.instagram.com/hoshizuki_aiko

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

Instagramの投稿や運営はパソコンで出来る無料ツールを使うとかなり便利で、自分のアカウントの調査まで行えて一石二鳥です!!



準備するもの3.Adobeのソフト

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:PC購入したらすぐ
必要予算:年間約12,000~40,000円

まずWebデザイナーになるためには、Adobeのソフトを使える事は必須条件です。
その中でもWebデザイナーの仕事で必要なのは「Photoshop」です。
まずはこのPhotoshopだけでも良いのでパソコンにインストールする必要があります。

Photoshopを含むAdobeソフトは、Adobe公式サイトはもちろんですが、Amazonや楽天その他色々なところで販売されており、価格も様々です。

https://hoshizuki-design.com/wp-content/uploads/2020/06/aicon003.png
勉強中

えっ‼どこで買えば一番お得に購入できるの?

大丈夫です。ちゃんと紹介します。
そこはAdobe使用歴5年の私が今でもこの方法で利用していて、今の所最安値です!!(2020年)
それは、

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

この2つが最安値の購入方法なので必ず覚えておいて下さい!!

ちなみに、Adobeのコンプリートは、Adobe公式サイトでクラウド契約すると78,800円なので、たのまなから購入すると約半額で利用出来るという事です

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

いろいろ調べるのも良いですが、時間は有限です。すぐに1日が終わってしまいますので、迷わず私がお伝えする方法で購入するのが一番お得です!(主婦の断言)


»詳しくは「Photoshopの値段を安く買う方法は2つだけ【Webデザイナー歴4年の私が徹底調査】」で紹介しています。

準備するもの4.本

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:PCと同時進行
必要予算:1~2万円

Webデザイナーの勉強のためには最も必要なアイテムです。
この仕事を続けている限りふとした時に見返す事もよくあります。

おすすめの本はまとめてありますので、
まずは自分の目的に沿った本を1.2冊選んで、勉強していくことがより良いWebデザイナーになるために必要な事だと思います。

準備するもの5.オンライン動画学習

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:Adobeのソフトダウンロードした後。または、本でさっと予習してから。
必要予算:1~2万円

これは私もおすすめの学習法なのですが、書籍だけではとても不安なので「Udemy」というオンライン動画学習を購入して、本と同時進行でもいいので、動画を見ながら手を動かすと効率的に勉強が出来るので、やってみて下さい。

ビックセールをしていれば、1200円から動画学習を購入出来るので、各分野一つずつ購入しても本より安くなるので、是非チェックしてみて下さい。

またUdemyは買い切りなので、一度購入した動画講座は永久にいつでも見る事ができるのが特徴です。

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

今でも購入したものをたまに見返したりします。
これも本と同様に自分の財産になりますので、大切に持っておくと心強いです。


準備するもの6.オンラインスクールor教室入校

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:Udemy学習と同時か、Udemy一通り終えて、基礎を簡単に固めてから。
必要予算:約15~30万円

私はWebデザインスクール選びに失敗して独学をするはめになったのですが、正しくスクールを選んでいればここまで苦労することは無かったと思います。

当時の私には、スクール選びの重要性を理解していなかったので、これからWebデザイナーとして活躍されるなら、スクールはオンラインにせよ、教室にせよ通うべきだと思います。
無駄な時間を過ごすだけになり、挫折するのが目に見えています。

オンラインと教室はどちらを選んだとしても、先生のサポートはしっかりしているので後は自分が体験や見学を通して自分のやり方やライフスタイルに合うと思ったところで勉強するのがいいと思います。

主婦ママにおすすめのリーズナブルなWebデザインスクールを口コミも入れて説明していますので、是非参考にしてみてください。↓↓

準備するもの7.サーバー契約

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:PC購入後すぐ。またはWordpressの勉強始める直前。
必要予算:初期費用:3,000円、1,000円×12ヶ月=12,000円 計:15,000円

これから本格的にサイトを作っていく場合必ず必要になるのが、レンタルサーバーです。

サーバーは家に例えると「土地」の部分です。
何を優先するかでサーバーの契約先が変わってきます。
ようするに、値段を優先するのか、立地条件を優先するのかという事です。

私はもちろん最初は値段優先で探し始めたのですが、それと同時に目についてきたのが、実際に使われている方の口コミでした。

やはり安いものには安いなりの理由があります。
日常生活でもそのような場面に遭遇した事はないでしょうか?

私は今まで安い方ばかり選んできて、失敗も沢山しました。
結局二度手間になり、二重にお金が掛かるなんて事もありました。

なので、もう失敗はしたくない!!!という思いで、今回は立地条件を優先する事にしました。
しかし青天井に金額を払える訳でも無いので、月々1000円前後位でいい立地という条件で探しました。

私がエックスサーバーを選んだ理由

当時はとにかくサーバーの意味もよく分からないほどの初心者だったので、安すぎるものを契約して聞くに聞けない状態になったらその時点で嫌になると思ったのでサポートの速さと充実は私の重視するところでした。

また、機能や安定性といったフレーズの意味はよく理解は出来なかったのですが、Webデザイナーで活躍する方は「エックスサーバー」を使っている人が多いという事を耳にしたので、もうエックスサーバーしかない!!という単純な理由で契約しました。

今となってはサーバーも使いこなせるようになったので、ダントツ「Xサーバー」の良さを理解できます。
Webデザイナー業界に入って5年目ですが、『Xサーバー』を利用されている方はダントツ多いです。

もちろんお気に入りがあったり、自分で調べたサーバーを利用するというのも良いと思います。

準備するもの8.ドメイン取得

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:PC購入後すぐ。またはサーバー契約後。
必要予算:年間1,000円前後

ドメインは家に例えると「住所」のようなものです。
土地があり、それを示すために住所が必要です。

それが「ドメイン」となります。
ドメインを取得できる会社も沢山あるのですが、契約したサーバーの会社が、ドメイン取得も出来るのであれば、同じ会社で契約で良いかなと思います。

たまにキャンペーンで「サーバー契約でドメイン1個無料で付いてくる」という事をやっているので、チェツクしてみてください。

私がエックスドメインを選んだ理由

理由は一つで「Xサーバー」を契約していたので、同じ会社でドメインも取得できるならそうしようという単純なものです。

もちろんドメインに強い会社もあり「お名前.com」は有名ですね。
また「Xドメイン」より値段も少し安いです。

私は、ここでも何個か契約しています。
ただ単に欲しいドメインが安かったので契約しているだけです。

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

みなさんもサーバーとドメインは一度決めると当分は乗り換える事はしないと思います。
携帯と違いややこしいので、むしろしない方が良いです。
なので、会社選びはしっかりしておく事をおすすめします。


準備するもの9.ワードプレス設定

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:PC購入後すぐ。またはドメイン取得後。
必要予算:0円

だいたいのサーバーは、Wordpressのインストール機能が付いています。
もしサーバーを契約する際は、そこも確認の上契約した方が良いかもしれません。
この機能が付いていると、とても簡単にWordpressを設置できるので、手間いらずです。

準備するもの10.FTPインストール

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

購入のタイミング:Wordpress設定後。
必要予算:0円

FTPとは、まだ初心者の段階ですと聞きなれない言葉かもしれませんが、これは「Webサイトをサーバーにアップロードする時に使うソフト」です。
簡単に言うと、「このサイトはここに土地がありますよ~」という感じです。

これに関しては、すぐに言っても意味が分からない可能性があるので、オンラインスクール等で設置方法や操作方法などをしっかり勉強しておく必要があります。
授業内容に無ければ教えてもらいましょう!!
またその時に、FTPをどういう時に使用するのかも聞いておくと今後の参考になると思います。

FTPのフリーソフトはいくつかあるのですが、一番メジャーなソフトを紹介します。

WindowsならFFFTP

FFFTPは、大量ファイルの一括転送機能、ドラッグ&ドロップでファイルをダウンロード・アップロードする機能、漢字コードの自動変換機能、半角カナの自動全角変換機能、ファイルビューアーの設定、ローカルフォルダーの階層をそのまま(もしくは指定のフォルダーやファイルを)リモートサーバーへコピーするミラーリング機能など便利な機能が搭載されています。

公式サイトからダウンロード FFFTP Project
窓の杜からダウンロード 窓の社
対応OS Windows 2000/XP/Vista/7/8/8.1/10
MacならFilezilla

OSはマルチに対応。
様々な言語にも対応していて、「Filezilla」の日本語化も簡単に設定できます。
タブ切り替え表示、ファイルの高速転送、アップロード・ダウンロードの速度設定機能、ファイル名のフィルター機能、ブックマーク機能、リモートファイル検索機能などが搭載されています。

Vectorからダウンロード Vector
実行ファイル 32bit版[FileZilla_3.13.1_win32.zip]、64bit版[FileZilla_3.13.1_win64.zip]
対応OS Windows XP/Vista/7/10/Mac/Linux

Webデザイナー初心者が最初に準備すべきもの10選【それに掛かる費用】のまとめ

Webデザイナーの勉強を始めるために準備するもの10選

  1. パソコン
  2. SNSアカウント取得
  3. Adobeのソフト
  4. オンライン学習動画
  5. オンラインスクールor教室入校
  6. サーバー契約
  7. ドメイン取得
  8. WordPress設定
  9. FTPインストール

Webデザイナーの勉強を始めるために必要予算

合計するとずばり、約298,000円~546,000円です。

これを高いと感じるか安いと感じるかですが、主婦の私は1万円超えると基本高いイメージしか持っていなかったので、勉強を始めた当初は大変でした。
結構お金掛かるし、やっぱり諦めようかな・・
これの繰り返しでした。
パソコンもスペックが古すぎるものだったので、そこからのスタートでした。

そんな時に親に言われた一言で考え方は一変しました。
それは・・・
「あなたを大学卒業させるために600万円以上使ったから、それに比べれば安いね。」

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

そうだったの~!!!!

よく考えれば大学費用って意識せずに通ってたなと、改めて感謝を覚えた瞬間でした。
同時に、Webデザイナーの勉強を始めるための費用は安いという事が分かりました。

自分へ投資はなかなか出来ないものですが、将来的にWebデザイナーの仕事をしっかりすれば1年で返せる費用でもあるのです。
その当時はそんな未来させも予想出来なかったので、スクールに通う時も清水の舞台から飛び降りる勢いでした。

https://hoshizuki-design.com/wp-content/uploads/2020/04/aicon001.jpg
aiko

今の気持ちだったら平気で入校できる自信があるので、当時の自分に言ってあげたいです(*´Д`)

主婦なら尚更ですが、お金はとても大切です。
なので、皆さんも始めるにあたってとても悩んでいると思います。

そんな時は、Webデザイナーとして活躍している自分を想像してみて下さい
求人を見るのも良いかもしれません。
時給1300円、1日4時間、週3日のパートでも、1年働くだけで748,800円稼ぐ事が出来ます。(←これは私の実際の給与です)

初期投資の金額は余裕で返せる事が分かります。
もし旦那さんや親に説得する材料が無い場合、これを提示してみるのも良いかと思います。

そして遠慮なく堂々と勉強が始められます。
\是非一緒にWebデザイナーとして活躍しましょう/

\更に便利に使わせて貰っているのがAmazonプライムサービスです/

関連記事

  • コメント ( 0 )

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

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