(まとめてみた) プログラミング初心者必見! Webデザインを学ぼう(言語、ツール、職種、給料)

こんにちは。平日はプログラミングの仕事をしつつ、休日など時間のある時に記事を書いたりしています。

今回はWebデザインについて簡単にまとめてみたいと思います!

数分で読み終わるかと思います。

それではみていきましょう〜。

プログラミングでよく聞くWebデザインとは

Webデザインは、大きく分けて、

  • UIデザイン
  • UXデザイン/li>

があります。

■UIデザイン

UI(ユーザーインターフェース)デザインはPCやスマホの画面のデザインをする仕事です。1番デザインといったらイメージが湧く仕事です。

» 【事例から学ぶ!】聞いたことはあるけど「UIデザイン」とは?

■UXデザイン

UX(ユーザーエクスペリエンス)デザインは、ユーザー体験のことで、

UIだけでなく、画面遷移の流れをどうすれば、ユーザーが快適に感じるかとか、

あらゆるユーザーの体験をデザインします。

» UXデザインとは ~ 身近な事例から理解する ~

✔️まとめ

Webデザインには大きく分けて、UIデザインとUXデザインがある


Webデザインで使われるプログラミング言語・ツール

Webデザインの職種でよく使われるプログラミング言語は、

  • HTML
  • CSS
  • JavaScript

あたりですね。どれも画面のデザインを作ります。

Webデザイナーが使うツールだと、

  • Photoshop
  • Illustrator
  • Sketch
  • Zeplin
  • などなど

コーディングする系のデザイナーと、Sketchなどを使って、デザイン案を作るデザイナーなど、一般にWebデザイナーと呼ばれる人でも様々ですね。

参考に、webデザイナーの募集要項を載せておきます。

» デザインの力で事業を非連続に成長させたいUX/UIデザイナーWanted!

Webデザインの職種・給料

Webデザイナーの給料は、一般にエンジニアと同じくらいかやや少ないくらいだと思います。

参考に新卒のデザイナーの給料を載せておきます。

  • DeNA -> 420万円
  • アカツキ -> 410万円
  • Yahoo! -> 427万円

こんな感じです。

Webデザインを学ぶなら

Webデザイン(コーディング)を学ぶなら、Progateドットインストール

PhotoshopとかSketchとかのデザインを学ぶならUdemyが良いです。

ProgateやドットインストールはHTML、CSS、JavaScriptなどの基礎を一通り学べます。

progate

ドットインストール

Sketchとフォトショとかデザインツールの勉強は、

Udemyが良いです。

まとめ

今回はWebデザインの仕事や給料、勉強できるサイトなど簡単にですがまとめてみました。

少しでも参考になる記事になっていると嬉しいです。