WEB制作

WEBデザイン初心者は何から始めたらいいの?その疑問に答えます

WEBデザイナーを目指して勉強していきたいけど初心者は何からしたらいいの?…そんな疑問に答えます。

おそらく今から始める方は「何がわからないかわからない」状態ではないでしょうか。

そんな方は、まずゴールを先に考えましょう。おそらく勉強する方は、サイトを作れるようになりたい、会社に入りたいなどの思いがあると思います。ならばそこに向けて何をしなくてはいけないかを具体的に考えましょう。

私の場合は、サイトをたくさん作りたいという思いから始めた独学ですが、今ではそれを仕事にしています。

そして私はずっと独学でしてきましたが、明らかに遠回りをしてしまいました。そんな経験から以下に最短で「WEBデザイン初心者」からの脱却をするかをお教えします。


WEBデザイン初心者は何から始めたらいいの?手順や流れを紹介

WEBデザイン初心者は何から始めたらいいの?手順や流れを紹介

WEBデザイナーをしている方は主に下記のようなことをしています。

お客様との打ち合わせ
希望に添ったWEBデザイン
コーディング作業and修正

ざっくりとした内容ですが、一連の流れとしてこういったことをしています。

横文字が出てきて少しわかりにくいと思われるかもしれませんが、次で詳しく解説しますので一旦はそういうものがあるということを認識していてください。

打ち合わせはお仕事をもらったらの話なので、「WEBデザイン」と「コーディング」について説明していきます。

あまり深く考えず、どんなことをするのかだけをまずは頭に入れておきましょう。

WEBデザイン

もちろん目指しているところなのでわかる方もいるかもしれませんが、その名の通り「WEBのデザイン」です。

例えば当ブログの色味、構成、レイアウトはまずWEBデザイナーさんがお客様と打ち合わせ後作っていきます。

具体的には、サイトをIllustratorやPhotoshopを使ってデザインを作っていきます。これを「ワイヤーフレーム」と言います。

コーディング

先ほどWEBデザインで作ったワイヤーフレームを元にコーディングという作業していきます。

イメージは黒い画面にカタカタするイメージですが、コーディングには色々ルールがあります。例えば、コーディングは⟨p⟩のように、タグと呼ばれるもので全て書いていきます。この⟨⟩を使ってレイアウトを組んでいきます。

そこで必要となってくる知識が、>HTMLやCSSです。

具体的な勉強法は下記を参考にしてください。
私が独学でサイトを作れるまでに参考にしたサービスや本などを手順通りに紹介しています

WEBデザイン初心者でも3ヶ月でサイトを作れるようになる

WEBデザイン初心者でも3ヶ月でサイトを作れるようになる

反論への理解・やっぱりわからないという方へ
最初からわかる方はいません。最初は覚えることがたくさんあるので具体的なやり方がわからなくては作業も進まないと思います。

デザインからコーディングをしていく上でしっかり手順を踏んでいかないとどこかでつまづきます。

私が実際に約2年間独学をしてきた内容を余計な部分を省いて、「3ヶ月でWEBデザイナーを目指す」ための内容を詳細に書いています。WEBデザイナーを目指している方は必読です。

WEBデザイン初心者におすすめするサービス

WEBデザイン初心者におすすめするサービス

WEBデザインとコーディングの話をしてきましたが、空いた時間で勉強できるサービスを紹介します。

ドットインストール:はじめてのHTML
PROGATE:HTML&CSS 初級編

まったくの初心者がやる場合はおすすめです。私が最初の頃は何度も繰り返し勉強しました。

もちろん無料(一部有料)なので、反復法で何度も勉強していきましょう。

無料のスクールで一歩先へ

無料のサービスも紹介しましたが、独学のためある程度の期間は確保しなくてはいけません。

おそらく勉強をしようと思った方は、スクールも考えたのではないでしょうか。

スクールは正直値段的に高いですが、プロから教わることでスキルが爆上がりします。

高いと言いましたが、実は無料のスクールもあるので紹介しておきます。

TechAcademy:無料コース

試しで私も受けてみたので実際の流れが気になる方は「【プログラミングスクール】TechAcademyの無料体験を受講してみた」を参考にしてください。

WEBデザイン脱初心者を目指そう

WEBデザイン脱初心者を目指そう

今まで紹介してきたことはできましたでしょうか。何度も繰り返すことで必ず成長できます。

ここまでを何度もやればとりあえずは、脱初心者です。

次のステップアップとして「WEB制作を独学するための勉強法とおすすめサービス・本【初心者向け】」を読んでください。

この記事は、私が独学からWordPressを自作するまでの知識をぎゅっと詰め込んでいます。

最初は何を言ってるのかわからないと思います。ですが、何度も言いますが「繰り返し勉強」をしましょう。

「脱初心者〜中級者〜上級者〜プロ」を段階を踏んで頑張っていきましょう。

よく読まれている記事
RELATED