WebDesign

【仕事内容と将来性】Webデザイナーとは?【結論:デジタル画像の全て】

——————————————
この記事は執筆途中です。
—————————————–

NaoG
NaoG
やぁ!みんな!元気?

クリエイターの@NaoGです。

Webデザイナーって何?
Webデザイナーにはどうやってなるんだろう。
仕事内容も知りたいし将来性は大丈夫なのかな?
年収も気になる。

こういった疑問に答えます。

目次

  • Webデザイナーとは?仕事内容と将来性
  • Webデザイナーの目指し方
  • Webデザイナーの平均年収
  • フリーランスとして働くには?

ではさっそく見ていきましょう。

Webデザイナーとは?仕事内容と将来性

Webデザイナーとは、デジタル画面に映るもののデザインや設計を行う職業です。

パソコンやスマートフォンもデジタル画面です。

では仕事内容を見ていきましょう。

Webデザイナーの仕事内容

  • Webサイトのデザイン
  • Webサイトの設計
  • アプリケーションのデザイン
  • アプリケーションの設計
  • 広告のデザイン
  • Webサイトのコーディング

上記のとおり。
それぞれ順番に解説します。

Webサイトのデザイン/設計

Webサイトのデザインや設計を行います。

Webサイトとは、GoogleやYahooなどのブラウザと呼ばれる検索エンジンで検索した時に表示されるページです。

NaoG
NaoG
検索した時に出てくる奴!

画像を入れる
リンクを入れる

こちらがWebサイトです。

NaoG
NaoG
Amazonや楽天など検索した時に出てくるものは全てWebサイトだよ!

Webの仕組みについて詳しく知りたい方は下記の書籍で優しく解説されています。

実際に私も完全に初心者の時に購入し読みましたが、とても丁寧に解説されていて、Webの仕組みを理解することが出来ました。

Webの仕組みがいまいちよく分からないという方には自信を持っておすすめします。

Webの基礎がある方はスルーでOKです。

Webサイトのデザイン

繰り返しになりますが、Webページのデザインを行います。

画像を挿入

こちらは〇〇のWebページです。
この様なページのデザインを行います。

因みにこちらは企業のWebサイトなので、『コーポレートサイト』と呼ばれています。

Webサイトの種類については下記の記事で詳しく解説しています。

————————
Webサイトの種類一覧
————————

Webサイトの設計

Webページの設計をするのもWebデザイナーの仕事です。

Webサイトにおける設計とはページを1ページデザインするというものではなく、Webページの箱を作ることです。

NaoG
NaoG
ん?どういうこと?

Amazonのページを例にしてみる

  • Webページ
  • Webサイトの設計

それぞれ順番に解説します。

Webページ

Amazonのサイトの場合は、この部分がページ部分です。
様々なコンテンツがありそれぞれを選択するとそれぞれのページが表示されます。

Webサイトの設計

先ほどのページに対して設計とはこのAmazonそのものです。

本屋で例えると本屋そのものが設計で、本がWebページ!

なので繰り返しになりますが、Webサイトにおける設計とはページを1ページデザインするというものではなく、サイトの箱を作ることです。

因みにWebページを設計するデザイナーをUI/UXデザイナーと言ったりもします。

Webデザイナーの種類について詳しく知りたい方は下記の記事をどうぞ。

———————————————————————
Webデザイナーの種類
——————————————————————-

アプリケーションのデザイン

アプリケーションの設計

広告のデザイン

広告のデザインを行います。

  • バナーのデザイン
  • LPのデザイン

Webデザイナーが作成する広告は上記のとおり。
それぞれ順番に解説します。

バナーのデザイン

バナーとはクリックするとサイトに移動する画像のことです。

企業はバナーを広告という形で表示し、それを見た人にクリックをしてもらい自分のWebサイトや商品の販売ページへ誘導しています。

https://pin.it/2pKjQqd

この様なものがバナーです。

みなさんも一度はクリックしたことがあるのではないでしょうか?

NaoG
NaoG
見たことある!
LPのデザイン

LPとは特定のキーワードを入力すると表示される広告のことです。

Googleの検索結果のこの部分がLPの表示範囲になります。

画像の

LPの画像

こちらがLPです。

バナーと同じで商品の販売ページへ誘導します。
基本的には縦に長いページです。

GoogleでWebデザインで検索をするとWebデザインに関連した広告が表示されます。

Webサイトのコーディング

コーディングとはデザインしたものをWebに表示させる為に書くコードのことです。

プログラミングとは違いフロントエンドと呼ばれるものです。
誰でも簡単に習得することができます。

——————————————————————————————————-
Webデザイナーが読むべきコーディングの書籍
——————————————————————————————————-

Webデザイナーによって、コーディングも兼務するWebデザイナーとコーディングは行わないWebデザイナーに分かれます。

Webデザイナーの将来性

Webデザインの需要は常に高まっており、将来性に心配はありません。

Webデザイナーの需要や将来性についての詳しい内容は下記の記事からどうぞ。

【需要だらけ】Webデザイナーの将来性【これから爆増する仕事内容】 クリエイターの@NaoGです。 今のWebデザイナーの需要ってどうなんだろう? Webデザイナーの将来性は大丈夫かな? 必...

Webデザイナーの目指し方

  • 完全に独学で習得する
  • スクールに通う

上記の通り。
それぞれ順番に解説します。

完全に独学で習得する

独学で習得する方法です。

正直難易度は高いですが、現代においては独学でも習得することができます。

YouTubeやネットで何でも勉強できる環境が整っているからです。

詳しい学習方法については下記の記事からどうぞ。

【失敗しない勉強法】Webデザイナーは未経験でも独学でなれます未経験でも独学でWebデザイナーになれるのかを知りたい。 というか学習にどれぐらいの時間がかかるのだろうか…? これからWebデザイナーとして就職したいので、「正しい勉強法」を知りたいです。 こういった疑問に答えます。...

スクールに通う

スクールで習得する方法です。

スクールは常に講師に質問ができ、短期期間で卒業までに作品を一つ作る様にカリキュラムが組まれている場合がほとんどです。

なので、基礎をいち早く身につけ現場に出たい方はスクールに通うのが良いと思います。

おすすめのスクールについては下記の記事をどうぞ。

【無料あり】現役デザイナーがおすすめするWebデザインスクール3社 クリエイターの@NaoGです。 Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクー...

Webデザイナーの平均年収

上記の通り。
詳しい内容は下記の記事をどうぞ。


Webデザイナーの平均年収準備中

常駐型のフリーランスのWebデザイナーの平均年収

設計メインのWebデザイナー ¥6,600,000円〜¥9,000,000円
制作メインのWebデザイナー ¥5,400,000円〜¥6,600,000円
運用メインのWebデザイナー ¥4,200,000円〜¥5,400,000円

上記のとおり。
フリーランスの年収が気になる方は下記の記事をどうぞ。

【1年で660万を狙おう】フリーランスWebデザイナーのリアルな年収フリーランスWebデザイナーの年収ってどれぐらいなのかな? フリーランスのWebデザイナーが気になっているので、フリーランスWebデザイナーの収入や働き方が知りたいです。 こういった疑問に答えます。...

フリーランスとして働くには?

この記事を読んでいる方の中にはフリーランスを目指されている方も多いのではないでしょうか?

フリーランスとしての働き方には3つの動き方があります。

  • 常駐型のフリーランスWebデザイナー
  • 常駐型+個人受注のフリーランスWebデザイナー
  • 個人受注のみのフリーランスWebデザイナー

上記の通り。

フリーランスの働き方についての詳しい記事は下記の記事をどうぞ。


フリーランスとしての働き方は3つある準備中