未経験で独学でもWEBデザイナーになれるの？現役WEBデザイナーがおすすめの勉強方法を伝授！｜Webデザイナーの教科書

独学からWebデザインを学ぶ上で最初に知るべきこと

この記事を読んでいるあなたは、Webデザイナーは美術・芸術系の大学や専門学校で基礎を学んでいないと就くことの出来ない、専門性の高い職業だと思っていませんか？

たしかにWebデザイナーという仕事は、その名の通りWebサイトをデザインする役割を担った職業です。デザインのセンスとWeb知識の両方が求められるうえに、 クライアントやプロジェクトに関わる他の職種の人とのコミュニケーションを取る能力も必要です。

多くのスキルや知識が求められますが、司書資格や医師免許、保育士免許のような必ず取得しなければならない特別な資格は必要ありません。 つまり、独学でも、未経験からでも、充分なスキルと知識があればWebデザイナーとして就職、転職することも不可能ではないということです。

Webデザイナーとして仕事をする方法は、大きく分けて2つあります。
1つは正社員や契約社員としてWeb制作会社などに就職する方法。
もう1つはフリーランスとしてWeb制作会社や企業から仕事を受託する方法です。

フリーランスとして副業でWebデザイナーをしたいと考える方も多いかと思いますが、 私はいきなりフリーランスを目指すことをおススメしません。 独学からフリーランスになるのが現実的でないと言うのには、明確な理由があります。
なぜならフリーランスのWebデザイナーには、それ相応の知識やスキルに加え、 過去の実績を必ずと言っていいほど求められるからです。

何の実績も無い人に、自社の命運を左右する大切なWebサイトのデザインを任せたいと考えるクライアントはいません。ただし、中には費用を抑えたいという理由で、そういった駆け出しのWebデザイナーに仕事を依頼したいクライアントもいます。

そういったクライアントを探し、副業としてWebデザインの仕事を受けてコツコツと実績を積むという手もあるでしょう。
また、Webデザイナーとして就職して知識、スキル、経験を積むという方法もあります。

副業か社員かの2択が、Webデザイナーとして仕事をすることが一番簡単で確実な選択肢と言えるでしょう。
スキル、知識、経験や実績を積むことではじめて、フリーランスの道が見えてきます。

そのため独学からWebデザイナーを目指す方はまず、Webデザインについて学習し、副業として実績を積むか、 Web制作会社へデザイナーとして転職・就職することを目標としてください。目標が定まれば、後はそこを目指して頑張っていくだけです。

必要なスキルと知識を重点的に強化する

インターネットがすっかり普及した昨今、Webサイトの制作はどのような事業でも重要な課題の為、最近では未経験Webデザイナーを募集する求人も増えてきました。

ですが、この場合の未経験とはWebデザインの制作実績が無い人という意味で、 まったくスキルや知識が身についていない人を対象としたものではありません。

独学でWebデザイナーになるためには、まずデザインやWeb関連のスキルや知識を学習する必要があります。
Webデザイナーに求められるスキルや知識は、大きく分けて以下の4つです。

デザインの基礎知識、デザインソフトの操作スキル、UI / UX デザインの知識、コーディングのスキル
この４つをまずは重点的に鍛えていきましょう。

デザインの基礎知識

代表的なものとして近接、整列、反復、コントラスト等の基本原則を理解しましょう。
Webサイトをデザインするセンスも必要ですが、センスが優れていても基礎原則から外れていると「なんだか見づらい、使いづらい」Webサイトしか出来上がりません。

見やすい、使いやすいWebデザインを構築するために配色、レイアウト、フォント等の大事な要素についても熟知しておく必要があります。

デザインソフトの操作スキル

Webデザインの現場では、基本的にPhotoshopとIllustratorを使うケースがほとんどです。 この2つのソフトはまず問題なく使えるスキルを身に付けておくことが大前提です。

企業の規模や時代の流れからAdobe XD、SketchやFigma等も使う事もあり、AIを使ったデザインソフトも有名になってきています。
だからといってPhotoshopやIllustratorにはしっかりと慣れておきましょう。

UI / UX デザインの知識

ユーザーインターフェース（UI）デザインは、見やすく使いやすいデザインを考え、 ユーザーエクスペリエンス（UX）デザインは、ユーザーに価値のある体験を提供することを意識します。

Webサイトをデザインする上で意識しなければいけないのは、Webサイトを使う人…つまり、ユーザーの目線です。
ユーザーにとって「見やすくて使いやすい」Webサイトでなければ、そのサイトを使いたいと思わないはずです。 徹底してユーザー目線を念頭に置いてサイトを作っていく事を意識しましょう。

コーディングのスキル

Webサイトは、プログラミング言語を使ってブラウザ上に反映します。
プログラミング言語には多くの種類がありますが、基本となるのはHTMLとCSSです。そのため、まずはこの2点を重点的に学習しておきましょう。

会社によっては、コーディングを担当するコーダーと呼ばれる職種の人が別にいるケースもありますが、Webデザインにおいて欠かせない行程であるため、 Webデザイナーを目指す場合でも、最低限のHTMLとCSSの知識は身に付けておきましょう。

独学から始める学習方法として効率的な６つのステップ

基礎的なスキルと知識を身に付けた後は、実際にWebサイトをデザインしてみましょう。
Webサイトのデザインは、通常以下の6つのステップを踏んで行われます。

ステップ１：作りたいサイトを決めて参考になるサイトを探すこと

例えば、イラストを掲載するサイトをデザインすると決めたのなら、似たようなイラストサイトを探しましょう。
Webデザイナーを目指すならリサーチ能力も必須です。とにかく探しまくりましょう。

ステップ２：参考サイトを分析すること

参考サイトを隅から隅までしっかりと見て、どの点が優れていて、どの点が使いにくいと感じるのかを自分なりに徹底的に分析します。
そうすれば自然と改善点が見えてくるので見つけた改善点を意識しながら、あなただけのオリジナルのWebサイトをデザインします。

ステップ３：ラフ画の作成

ラフ画とはWebサイトを作るための設計図です。家を建てる時に設計図も無しに建てるというわけにはいきませんよね？
Webサイトも同じで、ラフ画が無ければ思った通りのWebサイトは完成しません。

ラフ画の作成は、紙とペンで実際に書き起こしをしましょう。そうすることで身に付くスピードが大きく変わります。

ステップ４：ラフ画に沿ってWebサイトを制作

ラフ画を参考に、HTML・CSS、デザインソフト等を使って実際にWebサイトを作ってみましょう。
ここからが大変になりますが、100％の出来を目指さず、イメージしたものをとにかく形にするように意識しましょう。

ステップ５：Webサイトのブラッシュアップ

完成したWebサイトが実際に自分で使ってみると想定通りに動かなかい、使ってみると想像以上に使いにくい、見づらいWebサイトになる事がほとんどです。
そんな状態でユーザーに公開して使ってもらう前に、問題点を洗い出して修正をする作業をブラッシュアップと呼びます。

ブラッシュアップと実際の動作チェックを何度も繰り返して、少しづつ良いWebサイトを作っていきましょう。

ステップ６：公開して、使ってもらう

Webサイトはユーザーに使ってもらってはじめて意味を持ちます。
公開したWebサイトを大勢の人に使ってもらえるよう、宣伝してみましょう。宣伝にはSNSやブログなどを活用するのがおススメです。
実際に使ったユーザーから改善点の指摘や、高評価を貰えることもあるので、良い学習の機会となります。