未経験からWebデザイナーになるには?あっきー転職ノート

「独学でがんばるWebサイト制作勉強方法」

Webデザイナーを目指して、独学で勉強してがんばる!という方も多いでしょう。
そんな方の少しでもお役に立てればと思い、サイト制作の方法をご紹介します。

サイト制作のやり方は、必ずこれでやらなくてはいけない!ということはありません。
人によって、会社によって、進め方や、やり方、担当が変わってくると思います。

ここで紹介する方法は、わたしの経験を元に書いていますので、あくまで一つの参考として見て頂ければと思います。

もちろん、記事中でわからないことや、もっと知りたいことがありましたら、お気軽にコメントなりメッセージを貰えると嬉しいです!

STEP4-2:Webサイトデザインの基礎ルールやポイント

さて、「STEP4:Webサイトのデザインを制作する」でお話した通り、Webサイトをデザインするのには、ルールやポイントがあります。

このルールやポイントを知って勉強することで、未経験という殻からまた一歩脱することができるのです。

ここでは、Webデザインをするうえで大変参考になる記事をまとめましたので、
ご参考頂ければです。

STEP4:Webサイトのデザインを制作する

これまで紹介した「STEP2:Webサイトの仕様策定」と「STEP3:サイト構成書 / 構成図を作る」を踏まえて、いよいよWebサイトのデザイン制作に進みます!

実際の仕事現場でも、Webデザイナーの担当はこの段階からになるかと思います。
「思います」というのは、会社によってWebデザイナーの業務は多岐に渡ることもあるためです。

さて、ここでは、Webデザインに関する参考になるサイトを紹介しながら、Webデザイン制作について勉強していきたいと思います。

STEP3:サイト構成書 / 構成図 / ワイヤーフレーム(モックアップ)を作る

ここでは、「STEP1:Webサイトを企画する」と「STEP2:Webサイトの仕様策定」で決定したコンテンツ内容を、サイト内でどのように配置していくか、どのようなページ遷移を行うかを決定していきます。

サイトの構成書(構成図)は、エクセルやパワーポイントで作られることが多いのではないでしょうか。

また、ワイヤーフレーム(モックアップ)を作るのに便利なツールも沢山ありますので、合わせてご紹介していきたいと思います。

STEP2:Webサイトの仕様策定

STEP1:Webサイトの企画を踏まえて
ステップ2「Webサイトの仕様策定」です。

ここでは、STEP1:Webサイトの企画で調査をして決めた項目を元に、さらに具体的にコンテンツ内容を決めていきます。

この段階から、SEOを考慮していくと良いです。

STEP1:Webサイトを企画する

初めてのWebサイト制作、STEP1「Webサイト企画」です。

Webサイトを制作するにあたって、まず最初のとっかかりは
何のサイトを作るのか」を考えることです。

「Webサイト企画」は、Web制作において最も重要な部分です。
会社では、WebプロデューサーWebディレクターWebプランナーといった役職の方々が担当することが多いかと思います。

Webサイト企画は下記のような項目を考慮して、とことん練り上げていきます。

Webサイト制作の流れ

初めてのWebサイト制作。
まずは、どのようにWebサイトが作られていくのか流れを把握しましょう。

こちらの記事でも、Webデザイナーの業務の流れとして触れていますが、
Webデザイナーとは?Webデザイナーの業務内容と仕事の流れ

ここでは、実際にこれをご覧になっているあなたが、今からWebサイトをイチから作っていくために、どういう流れでやっていけばよいのかをお伝えしていきたいと思います。

独学でWebデザイナーになるための第一歩

Webサイト制作なんてやったことない!
でもWebデザイナーになりたい!

そんなあなたがまず何がなんでも最初にやることは、「Webサイトを1つ作ってみる」ことです。

これに関することをブログにも書きましたので、合わせて見てもらえると良いかもしれません。
Webサイト制作は、学ぶより慣れろ?