Webデザイナー入門ガイドの歩き方

タイプ別読み方

現在（2021年10月末日）は下記のタイプ別の当サイトの読み方を提案しています。

【未経験者】未経験でこれからWebデザイナーになりたいと考えている方
【未経験者】未経験でWebデザイン勉強中の方
【経験者】経験でWeb制作会社に勤務していて転職したい方

以下に3タイプごとの当サイトでの学習の流れを解説してみます。

【未経験者】未経験でこれからWebデザイナーになりたいと考えている方

1.Webデザイナーを知っておく

Webデザイナーになってみたいと思うけど、そもそもWebデザイナーって横文字表記でかっこいいな、デザイナーって言っても何をデザインしていく職業なのか？と分からないところだらけだと思います。

著者は、Webデザイナーになりたいと思っていても「Webデザイナー」という単語を知っていなかったので心配することはありません。当サイトにあなたの知りたい情報を書きましたのでぜひ読んでみてください。

「Webデザイナー基礎知識」カテゴリにてWebデザイナーを知るための記事を用意しています。「Webデザイナー基礎知識」カテゴリ内で特に読んで頂きたいのが、次の3つです。

何をデザインするの？Webデザイナーの仕事内容について

WebデザイナーはWebサイトを作っていく過程の中で活躍する職種です。現在、Webサイトを作る工程は企画提案、デザイン、プログラミングなど多岐にわたりますのでWebデザイナーがどの範囲までを担当するかはそれぞれのWeb制作会社で変わってきます。ここでは、一般的なWebデザイナーの業務内容を紹介し…

雇用形態別に見るWebデザイナーの年収と収入をあげる方法

Webデザイナーは正社員・派遣社員・アルバイト・独立（フリーランス）といった雇用形態を選択できます。また、Webデザイナーは専門職でありながらWebデザイナーの担当業務が広範囲になっていますので、どの程度のお給料をもらえているのでしょうか？雇用形態別にまとめてみました。

未経験からWebデザイナーに転職するための流れ

未経験からフリーランスのWebデザイナーとして働く方もいますが、最初はWeb制作会社で働いて経験を積んでいくことが一般的です。Web制作会社によって制作の流れやクライアントとのやり取りが変わってきますが、根本的な流れは同じです。独学、Webデザインスクール共に未経験からWeb制作会社にWebデザイ…

カテゴリ内の記事全部読んでもらえると嬉しいのが本音ですがWebデザイナーに興味をもって深堀りしていくためのきっかけになれば嬉しいです。

2.どうやってWebデザイナーになるか知っておく

なにかを学ぶためには一人で学ぶか誰かに教わるかの二択だと思います。
当サイトではWebデザインを学ぶための手段は独学かWebデザインスクールに通うかのどちらかを提唱しています。その詳細の内容を記事にしていますがまずは独学とWebデザインスクールのメリット・デメリットを述べさせて頂きました。

WebデザイナーになるためにはWebデザインスクールか独学のどっちが良い？

Webデザイナーになるための学習方法は大まかに2つあります。ひとつはWebデザインスクールに通って現場を知っているプロのWebデザイナーから直接教えてもらうこと。もうひとつは書籍やネット、オンラインサービスを使った独学で行うこと。 Webデザインスクールと独学のメリットとデメリットでどちらが良いでし…

自分自身に合った方法について解説しました。

現役WebデザイナーがオススメするWebデザインスクールと選ぶポイント

未経験者がプロのWebデザイナーになるためのスキルを身につける最善の方法はWebデザインスクールに通うことだと考えています。ここではスクールで学ぶことが最善の理由とオススメのスクールを紹介しています。ここで自分に合ったスクールを見つけてください。

独学でWebデザイナーになる学習手順を全て公開してみた【半年でプロになる】

未経験の方が独学でプロのWebデザイナーになるためには正しい方法を行なっていくことが非常に大事です。間違った方法ではお金と時間の浪費になってしまいます。ここでは現役Webデザイナーが全力で独学の学習方法を考えました。是非参考にして頂けると嬉しいです。

3.ついでに転職対策も知っておく

Webデザインのようなクリエイティブな業界に入ることは一般的な転職とは少し違うと思います。自分の実力を証明するためのポートフォリオと呼ばれる作品集が転職の鍵になります。

ポートフォリオと採用面接について解説しています。

未経験者がWebデザイナーになるためのポートフォリオの作り方

WebデザイナーとしてWeb制作企業に就職するためには、自身の実績を企業に伝えるためにポートフォリオが必須ですが、未経験であると実績はありません。しかし、自身のスキルを伝えることはできます。ここでは未経験の方がWebデザイナーになるために自身のスキルを伝えるためのポートフォリオの作成方法を解説しま…

未経験からWebデザイナーになるための採用面接のポイント

未経験からWebデザイナーになるための最後のフェーズが採用面接です。ここでは未経験がWeb業界に入るための採用面接の心構えと準備について解説しています。この記事を読むことで採用面接の対策ができますので、面接を通過して晴れてWebデザイナーの仲間入りです。最後まで頑張ってください。

また、転職するためにサポートしてくれるサービスを使うこともオススメです。特に初めてWeb業界に入るためには色々とフォローしてくれます。サポートしてくれるサービスを解説しました。

未経験からWebデザイナーになるために転職エージェント・求人サイト紹介と活用方法

未経験からWeb業界に入るためには転職エージェント・求人サイトの活用は必須です。この記事では転職エージェント・求人サイト活用方法とサービス紹介をしています。これで、転職エージェント・転職サイトを上手に活用して上手に転職活動することができます。

【未経験者】未経験でWebデザイン勉強中の方

1.現場を知っておく

未経験でWebデザインを勉強していて、実際にWeb業界に入ってみると勉強して身につけたスキルと現場で使われるスキルには大きな差があります。
少しでも勉強していることと現場で必要になるスキルのギャップを埋めて頂きたいので下記の制作の流れについて解説したものが下記になります。

Webサイトが出来るまでの制作の流れ【現場レベルでお伝えするよ】

Web制作会社が行うWebサイトが出来るまでの制作の流れを解説します。複数の業種と協業でWebサイトが制作されていく過程が理解できるようにまとめてみました。

具体的にひとつひとつの項目について詳細に解説したものが「Webサイト制作実践」カテゴリ内にあります。

2.当サイトでWeb制作基礎を補強をする

当サイトでは、Webデザイナー未経験者がWeb制作全般のスキルを身につけてもらえるようにWeb制作基礎を提供しています。
効率よく学習できるように某Webデザイナースクールのカリキュラムを参考にして著者がわかりやすいように記事に落とし込みました。画像を多めに使用して視覚的に理解できるにしています。

Webデザイナーの学習や、学習の補強に使ってください。

まずコーディングの基礎から始めてみましょう。

Webデザインをする前に読んでおきたいHTML・CSSの基礎知識をざっくり解説します

Webサイトを見て自分もWebデザインをやってみたいと思う方が大半だと思います。しかし、普段見ているWebサイトがどういう仕組みで表示されているのか？不明点が多くあります。ここでWebサイトの基礎知識を覚えることで今後のWebデザイン作業のイメージが掴めます。

Photoshopの使い方については下記からご確認ください。

短時間で習得！Webデザインに必要なPhotoshopの基本操作

Webデザイナーは画像編集ソフト「Photoshop」を使えるスキルが必要です。膨大な機能がある「Photoshop」ですが、本記事ではWebデザイナー初学者にとって必要不可欠な「基本操作」について解説します。 Webデザイナーになるために他の項目を省きましたので、短時間で習得していきましょう。

3.いまの勉強方法に不安になる前に

著者の場合ですが、当初Webデザインは独学でやっていましたが、途中スキルがついていないことに不安を覚えてWebデザインスクールに通った経験があります。
まずは独学の流れを再確認してみたり、Webデザインスクールの検討をしていくことが望ましいです。

独学による学習方法とススメするWebデザインスクールについて解説しましたのでぜひ読んでみてほしいと思います。

独学でWebデザイナーになる学習手順を全て公開してみた【半年でプロになる】

現役WebデザイナーがオススメするWebデザインスクールと選ぶポイント

【経験者】Web制作会社に勤務していて転職したい方

1.Web業界を改めて知っておく

制作会社に勤務していると会社内だけのコミュニケーションのみになってしまいがちになります。Web技術のトレンドや他制作会社の仕事のやり方など外に出ていかないと取得できない情報などあります。

Web業界を全体の動向を知っておくことはあなたにとって有益になると思いますので下記の記事を是非読んでもらえると幸いです。

Webデザイナーに会いたければセミナーや勉強会のイベントに行こう

もしWebデザインスクールなどに通っていれば講師である現役のWebデザイナーと知り合うことも可能ですが、独学で学習をしているとWebデザイナーに会う機会は少ないと思います。ここではWebデザイナーに会いに行ける勉強会やイベントを紹介します。ぜひ、Webデザイナーと会いたい方は必見です。

また、Web業界の動向を知るにはWeb制作会社の実績や動向を追ってみることも良いと思います。

Webデザイナーが注目するWeb制作会社を紹介してみる【Web業界在籍10年以上の視点から】

Web業界のトレンドを掴むことはこれからWebデザイナーになる人も既に業界にいる人も大事です。トレンドはWeb制作会社から生まれてくることが多いため注目しているWeb制作会社を紹介します。 Web制作会社を知っておくことは業界のトレンドが分かりますし、また就職・転職するための比較対象にもなります。

2.自身の市場価値を知っておく

転職する方も転職しない方も転職エージェントサービスを使ってみることをおすすめしています。

自分の市場価値や制作会社の動向を教えてくれます。転職エージェントにも相性でアタリ・ハズレがあるので複数登録した方が良いですよということを下記の記事で解説しています。

現役Webデザイナーの年収アップに強い転職エージェント4選【活用方法も紹介】

現役のWebデザイナーが年収アップさせる近道は転職をすることが最短です。ここでは転職活動に使うオススメの転職エージェントと活用方法を紹介しています。転職エージェントを活用して年収アップさせていきましょう。

ユウジの体感コラム

今回は、3タイプ別に当サイトの読み進め方を解説しましたが、ひと記事ひと記事丁寧に書いたので願わくは全部目を通してほしいです。自分に必要なところだけでもよいので読んでみて良かったなとおもったらぜひシェアしていただけると喜びます。

今後も新しい記事を公開していきますのでよろしくお願いします。
公開連絡などは著者Twitterアカウントにてつぶやきますので、こちらもフォローしてももらえると嬉しいです。