• WebCamp_インタビュー
    “未経験”でもたった1ヶ月で営業からエンジニアとして転職!『WebCamp』受講者インタビュー
    2017.10.04
  • WebCampPro_インタビュー
    自分で稼ぐ力をつけるため、新卒5年目の営業マンがエンジニアに転職!【WebCampPro転職者インタビュー】
    2018.02.02
  • WebCampPro_インタビュー
    未経験から上京し、エンジニアとしてチームラボグループに転職!【WebCampPro卒業生インタビュー】
    2018.03.10
  • WebCampPro_インタビュー
    未経験でも寿司職人からWebデザイナーになった!ホスピタリティでスクールを支える宮脇トレーナー
    2017.05.26
  • WebCamp_インタビュー
    「1カ月頑張ればこの先が見えてくる」地元メディアを立ち上げたママさん
    2017.07.20
  • WebCamp_インタビュー
    【卒業生インタビュー】台湾で月間100万UUの訪日旅行メディアを手掛けるCEOが、プログラミングを学んで得たものとは?
    2018.01.15
  • WebCampPro_インタビュー
    未経験31歳からエンジニア転職を実現【実際に聞いてみた】
    2017.04.01
  • WebCamp_インタビュー
    「自信の持てるスキルを得たい!」内定辞退した女子大生がプログラミングを学習したワケ。
    2018.04.28
  • WebCamp_インタビュー
    【WebCamp卒業生インタビュー】1ヶ月でRubyをゼロから学び、Webエンジニアとして転職!
    2018.01.15
  • WebCamp_インタビュー
    時間や場所にとらわれず自由に働くために必要なスキルとは?【WebCamp卒業生インタビュー】
    2018.01.26
  • WebCamp_インタビュー
    【WebCamp受講生インタビュー】起業準備中にCEOが気がついたプログラミングスキルの重要性とは?
    2017.12.25

◆当サイトで人気のプログラミング教室のおすすめランキングはこちら!
プログラミングは独学では非効率で、時間を無駄にするリスクがあります。効率的なカリキュラムで学べるスクールを受講しましょう。

Web Camp【業界最安値】1ヶ月集中してプログラミングスキルを身につけられるスクール
1ヶ月通い放題・メンター常駐の教室環境でWebサービス等作りたい方
TechAcademyオンラインで開講しているプログラミングスクール
オンラインでどこでも学べる!/教室に行くのが忙しい人でも安心!
Tech Camp業界最大級!教養としてのITスキルを学べるスクール
Webデザイン/AI(人工知能)/IOS/Androidアプリ制作/VRを学びたい方!
WebCampPro転職保証付き!エンジニアとして転職したい人におすすめ!
未経験からプロのエンジニアを3ヶ月で目指すプログラミングスクールです。
9月生募集中!当社人気の転職保証コース
プログラミング学習から転職成功まで導く、当社人気のWebCamp Proコース。
8月受入枠は満員となっております。9月枠に向け、お早めの申込みをオススメします。
プログラミング未経験でもエンジニア転職を絶対成功させたい
スキルを身に着けて人生を自ら切り開きたい
上記にあてはまる方は、ぜひご検討ください!

Webデザイナーは経験さえあれば自宅でも作業できることから、在宅で仕事をするフリーランスにも人気のある職業です。

また働く時間が自由に決めやすいので、出産後や結婚後にこの仕事を新たに目指す女性も多くいらっしゃいます。

今回は初心者でもWebデザイナーになるための方法をご紹介していきたいと思います。

※プログラミングを学んでみたいけど、時間がなくて全文の記事が読めない!という方は、WebCampの無料説明会(毎日開催)に参加してみてください!

 

Webデザイナーの仕事や年収は?

サイトのデザインをする仕事です

Webデザイナーは主にWebサイトのデザインをするお仕事です。

Webサイトのページデザインのほか、ランディングページと呼ばれる1ページで商品の魅力を伝えるページの製作や、バナーと呼ばれる長方形の小さな宣伝用のタグのデザインを任されることもあります。

また近年はJavaScriptやCSSを使って動きのあるページのデザインを依頼されることも多く、Webデザイナーの仕事の範囲はプログラマーの領域にも広がりつつあります

平均年収は約350万円程度

フルタイムで働いた場合、Webデザイナーの年収の平均は概ね350万円前後です。

ディレクターやプロデューサーなど、サイトのデザインやコンセプトなどを決めたり、スタッフの調整を行うような立場になると、これよりも高い年収を得ることができます。

パートやアルバイトで働いた場合、スキルや経験年数、実績にもよりますが、平均的な時給は概ね1000円程度です。

必要なスキルは?未経験でも就業できる?

デザインができるのが大前提なので、

IllustratorやPhotoshopといったグラフィックソフトのスキル

HTMLやCSSといったマークアップ言語のスキル

JavaScriptなどのプログラミングスキル

も求められることが多いです。

近年はデザインだけでなく、デザインしたものをそのままコーディングでき、さらにJavaScriptのライブラリなどを使った動きのあるページの制作ができるスキルも求められます。

これまではプログラマーが担ってきたphpとの連携といった、サーバサイドとの結合部分に理解のあるデザイナーが重宝される傾向があり、デザインもプログラミングもできるフルスタックな能力を持った人材が求められる傾向が強くなっています。

Webデザイナーになりたい方におすすめの書籍

いちばんよくわかるWebデザインの基本きちんと入門 レイアウト/配色/写真/タイポグラフィ/最新テクニック

デザインの基礎を1冊で学ぶことができるWebデザイン入門本です。

コンセプトの決め方から、デザインの作法、配色、マーケティングまでWebデザインをする上で必要になる一通りの知識を得ることができます。

HTML&CSSとWebデザインが 1冊できちんと身につく本

Webデザインに欠かせない知識のひとつであるHTMLとCSSも学ぶことができる書籍です。

WebデザインはサイトのデザインをIllustratorやPhotoshopで作って終了ではなく、そこからブラウザで表示できるようにHTMLやCSSなどを使ってコーディングしてひとまず一区切りとなります。

HTMLやCSSの使い方のほか、サイトのデザインに必要な概念でもある、レスポンシブデザイン、レイアウトパターンについても学ぶことができます。

Webデザイナーになりたい方におすすめの学習サイト

ドットインストール

https://dotinstall.com/

ドットインストールは3分間という短い動画でマークアップ言語やプログラミング言語の使い方などを解説している学習サイトです。

HTMLやCSS、JavaScriptなどの講座もあり、初心者向けのものは概ね無料で視聴することが可能です。

有料コースの視聴は月額980円でできますので、有料の動画を見たい場合でもそれほど高額な費用は必要ありません。

動画を視聴しただけではコーディングなどができるようになるのは難しいですが、最初のとっかかりや雰囲気を掴むことができます。

progate

https://prog-8.com/

progateは手を動かしながらマークアップ言語やプログラミング言語を覚えることができる学習サイトです。

動作環境を自分のPCに構築しなくてもブラウザで実行結果を確認できるため、初心者がつまずきがちな環境設定での挫折を回避することができます。

初心者向けの講座は無料で使用可能できるほか、月額980円ですべての講座が受講可能になります。

おすすめのスクールはこちら

デジタルハリウッド

http://school.dhw.co.jp/course/web/

デジタルハリウッドではWebデザイナーになるための講座を開講しています。

通学制のスクールで講義期間は約半年、学費や約45万円です。

IlustratorやPhotoshopといったグラフィックソフトの使い方からHTMLやCSSでのコーディング、JavaScriptを使ったプログラミングなどWebサイト制作に必要な知識を全て学ぶことができます。

WebCamp

http://web-camp.io/

WebCampは渋谷にある通学制のプログラミングスクールです。

Webデザインを学ぶコースがあり、主婦にもうれしいママコースも開講されています。

IllustratorやPhotoshop、HTML、CSSなどWebサイト制作に必要な知識を学習します。

学習期間は1ヶ月、2ヶ月、3ヶ月から選ぶことができ、学費はそれぞれ11,8000円、19,8000円、258,000円となっています。

まとめ

いかがでしたか?

初心者かつ未経験者がWebデザイナーになるためには、実績がない分しっかりと勉強をしてから面接に行くと採用されやすくなると思います。

未経験で正社員というのは年齢が若い方が有利ですが、ある程度独学でサイトが作れるようになればフリーランスやアルバイトなどで仕事を獲得することもできるかもしれません。

Webデザイナーに必要なスキルを身につけるための勉強は、学習サイトや書籍などを使えば独学で習得することも可能です。

とは言うものの1人で勉強すると行き詰ってしまう、孤独が耐えられないといった場合は、仲間とともに講師に分からない場所をすぐに教えてもらえるプログラミングスクールを利用するという方法もあります。

独学で勉強することに限界を感じたら、プログラミングスクールに通うことも検討してみてください。

 

WebCampOnline Webデザインコースについて

WebCampでは、Webデザイン限定で「どこでも学べる」オンラインコースを開講しています。

初心者・未経験の方でもわずか1ヶ月でWebサイトのデザインからコーディングまで学ぶことができ、ご自身のオリジナルWebサイトを作成することができます。

WebCampOnlineが選ばれる3つの理由

1.学習の仕方がわからなくても安心!初心者に寄り添った学習カリキュラム

これから学習を始める初心者の方や、独学で挫折してしまった方に向けて、Webサイト制作をゴールとする一気通貫したカリキュラムを提供しています。2500名を輩出しているWebCampだからこその教室でのリアルな受講生の声を反映し、オンラインコースでも初心者に寄り添った学習体験をご提供いたします。

2.つまずいたらすぐ解決!プロのWebデザイナーに質問し放題

プログラミング/Webデザイン学習で挫折する理由の多くは「つまずいた時に聞ける人がいない」ことです。オンラインコースでは、現役Webデザイナーやプロ講師に、すぐにチャットでの質問が可能です。つまずきをすぐに解消できるので、挫折せずに学習を継続することができます

3.1ヶ月間で終わらなくても大丈夫!カリキュラムは"卒業後"も"無料"で利用可能

受講したいけど、仕事が急に忙しくなるかもしれないから受講するか迷っている・・・そんな方も多いのではないでしょうか?ご安心ください。カリキュラムは期間終了後も「無料」で使うことができます。また、しっかり学習時間を確保した方も、振り返って学習することでWebデザインスキルがご自身に馴染んできます。

▼まずは無料でWebデザインのカリキュラムを体験しよう!

関連キーワード
学習の関連記事
  • 【あなたを成功へと導く】フリーランスの仕事探しの方法を徹底解説
  • 【徹底比較】失敗しないプログラミングスクールの選び方とスクール20選
  • 【完全無料!】無料のプログラミングスクール4選と無料の理由の解説
  • 【必見!】フリーランスエンジニアが困った時に役立つエージェントとは?
  • 【フリーランスの開業届を徹底解説】メリット・デメリットや提出方法
  • 【節税対策】フリーランスのための経費一覧

当サイトで人気のオススメ転職サービスTOP3

1位 マイナビエージェント×IT

おすすめポイント

・平日忙しい人も、土曜日開催の個別キャリア相談会に参加できる

・職種や仕事内容(要件定義、上流工程から携わる仕事など)の要望が細かくできる
・マイナビの規模を活かした豊富で幅広い求人数

マイナビエージェント×ITの登録はこちら

2位 レバテックキャリア

おすすめポイント

・求人登録数4,000件以上

・エンジニア未経験、経験者両方に対応

・有名企業の採用担当者インタビューがみれる

・一次面接NGからの内定実績もあるほど、内定率が高い

レバテックキャリアの登録はこちら

 3位 type転職エージェント

おすすめポイント

転職者の71%が年収アップ

・IT系企業、特にエンジニアに限らず営業職の求人も充実している

各職種専門の転職アドバイザーが援助

type転職エージェントの登録はこちら

おすすめの記事