ロゴ

グラフィックデザイナーからwebデザイナーへの転職方法【基本独学でOK】

web webデザイン グラフィックデザイナー 仕事・働き方

こんにちは、さる基地(@sarukichi2019)です。

  • グラフィックデザイナーからwebデザイナーへ転職しようと思っている
  • 転職するためにはどうすればいいか?
  • そのたにどんな知識が必要?
  • 独学だとどうなる?
  • オンラインスクールに行くべき?

こうした疑問を解決します。

先日こうツイートしました。

結論から言うと、グラフィックデザイナーからwebデザイナーへの転職は基本独学でOKです。(私がそうでした)

まずは、自分でブログやサイトを見様見真似でいいので独学で作ってみてください。意外と作れちゃえばそのまま独学でOKですし、全然分からないならスクールに通うのがベターです。

このことについて掘り下げます。

グラフィックデザイナーからwebデザイナーへの転職方法 【基本独学でOK】

まずは独学で学ぶ前に、転職先のリストアップが必要です。
フリーランスの人は無料で登録できる「求人サイト」への登録を済ませておきましょう。私がおすすめする求人サイトは以下です。(基本、大差はありません)

レバテックフリーランス|フリーエンジニアの高単価案件情報サイト


基本、イラレとフォトショが使えれば独学で全然webデザインの道に入れます。なぜなら、webサイトを作るための情報はほぼ全てweb上に落ちているからです。

独学の方法としては、色々ありますが、まずは見様見真似で良いのでwebサイトを作り始めることです。公開しない範囲で模写でOKです。

独学でwebデザインの模写にチャレンジ

自分で作ってみたいと思うサイトを模写してみましょう。
※ちなみにほぼ100%再現はできないと思います。ですが、まずやってみることに意味があります。

模写の手順としては、ざっくりと

  1. デザインの模写 
  2. ソースの模写
  3. CSSの模写

です。(実際にはシステム面などの学びも必要ですがひとまず割愛します)

「デザインの模写」は、一定のスキル・センスがあれば完璧模写も可能です。やってみましょう。「ソースの模写」については「何それ?」と思う人も多いかと思います。

webサイトは表側と裏側があって、表側はいわゆる皆さんが視覚にいれている『ビジュアル』部分です。このビジュアルは、webではバックグラウンドで「HTMLソース」という『骨組み』で構成されています。

こんな感じです。

ソースについて、全然わからないという人は「初心者 HTML」などで検索してみてください。まずはHTMLの基礎を勉強しましょう。

「CSSの模写」ですが、webデザインは「HTMLソース(骨組み)」と「CSS(スタイルシート)」という『装飾要素』で出来上がります。

分かりやすく言うと、家を立てるときの柱とか構造的な骨組みがHTMLで、CSSは壁面とか屋根瓦とか目に見える「装飾部分」です。

CSSについても、ググれば詳しく説明しているサイトがいくつも出てきますのでそこで学ぶことができます。またその際に書籍も手元に置いておくと学習のスピードがアップします。

ざっくりですが、webデザインは、webデザインとコーディング(HTML、CSSを書く)の2パートで構築されます。広告業界では役割的に、webデザイナーとコーダーは別の人間が担当しますが、デザイナーはある程度のコーディングの知識がないと、そもそもデザインを考えることができませんのでHTMLやCSSの知識は必須となります。

そうこうして、チャレンジしてみると如何に目標とするwebサイトを作るのが難しいか分かると思います。独学では基本こうした模写を何回も繰り返しながら、自分のスキルとして身に付けていくしかありません。

ちなみに、学ぶ順序は自分が「今知りたい知識・方法を探していく」でOKです。イメージを具現化するために学ぶべき知識は何か自分で判断して進めていくことができます。

webデザインは、グラフィックデザインのように自由にレイアウトができない部分がありますが、そのかわりグラフィックデザインにはないインタラクティブさ(動きや反応など)があるので違った面白さが発見できます。

webデザインは「ゴール」が明確だと学ぶスピードも上がる

webデザインを独学で進めていると『これで合っているか?』という疑問を持つことがあります。学ぶ上で考え方として持っておくべきことは2つあります。

①構造的な正解
②ビジネス的な正解

この2点です。

webデザインの「構造的な正解」

構造的な正解は「正しい情報を正しく再現するスキル」を付けるしかありません。日進月歩で進んでいくwebですから、常に新しい情報にはアンテナを立てておく必要があります。

webデザインの「ビジネス的な正解」

え?と思うかもしれませんが、webデザイナーという職種は趣味でもなくビジネス上役割を持っている職種です。ビジネスですから当然「クライアントが望む成果を出す」ことがゴールです。

要は『成果の出るwebデザイン』を作ることがwebデザイナーの役割ですから、独学で学ぶ際も『成果の出るwebデザイン』を作ることを前提にスキルを身につけていく必要があります。

成果の出るwebデザインを身につけるには

成果の出るwebデザインを身につけるには、やはり実戦が一番近道です。ユーザーに効果的な有用なデザインは実戦でしか身につきません。そのために趣味の延長によるテストといえど実戦にできるだけ近い目的と目標が必要です。

個人的には、webでのマーケティングも合わせて学べるアフィリエイトブログやアフィリエイトサイトを運営してみることをおすすめします。

アフィリエイトは広告のクリック先で成果を作ると報酬がもらえるサービスです。広告は当然クライントが出稿し、その先にはクライントが売りたいサービスがあります。

これってまさに、普段ビジネスをするフィールドが、まんま個人のwebサイトの範囲で展開されるので実践的なwebデザインを学ぶには格好の題材と言えます。

成果の出るアフィリエイトブログやサイトを作れるということは、webマーケの知識が身についていて、売れるためのweb構築ができるということの証です。

  • マーケ力がつく
  • 上手くやれば収益が入る
  • ゴールが決まっているから無駄なくスキルを覚えることができる(回り道をしなくなる)

アフィリエイトはwebデザインを始める人には、結構良いことづくめです。

※ちなみに、普通の人はデザインできませんので、アフィリエイトするならデザインの心得がある人はかなり有利ですよ。

▼アフィリエイトについては、こちらでも詳しく書いています。

体験談)独学で「作って壊して」を繰り返してスキルを身につける

僕の場合は、最初はグラフィックデザイナーとしてDTP中心にデザインをしていましたが、あるタイミングでwebデザインの道にも入ることになりました。(当時は誰も教えてくれる人がいなかったので・・独学でした)

その際一番最初にやったのは、「DTPデザインの作品集を見せるためのポートフォリオサイト作り」です。web上に自分の作品を発表する場が欲しかったんです。

次にポートフォリオサイトを作るにあたり考えたのは「誰よりもカッコいいポートフォリオサイトを作りたい」でした。デザインやっている人間なら誰でも考えることですね。

こうして誰よりもカッコいいポートフォリオサイトを作るために、見様見真似でデザインをしたり、夜な夜なググりながらwebデザインをはじめました。

最初は全くイメージしたものができなかったですが「作って壊して→作って壊して→作って壊して」を繰り返し、 調べながら一箇所一箇所納得がいくクオリティを作りながらスキルを覚えることができました。

ちなみに広告営業をやっている今でさえ、当時苦しみながら覚えたwebデザインの理論は役に立っています。 (普通にwebデザイナーやシステムエンジニアの話題に入っていけるのでw)

webデザイナーへの転職にwebデザインスクールは必要ない?

僕は基本独学でいいと思っていますが、独学では「スムーズに学べない」「つまづきそう(不安)」「何より早く知識を積んで転職したい」ならデザインスクールをおすすめします。

要はwebデザインの習得に対してどんな基準を持つかです。

  • 習得時間→短く
  • 習得方法→間違いなく
  • 習得してからのキャリアチェンジ→スムーズに

こうした基準をお持ちならwebデザインのスクールに通うのが断然近道です。
時間もお金には替えられないコストですから、全然アリです。

スクールは、無駄なく順序に沿って教えてくれます。独学は順序がないから誰でも迷うことはあると思います。また、転職先の求人情報も持っていて斡旋してくれるのもスクールに通うメリットです。

だから早く結果的に現場に出れる→よりスキルの上達が早くなる。こうした良いサイクルが生まれます。


とはいえ、お金もかかることなのでそのあたりを見極め「今の自分にベストな選択」をしましょう。今の私ならこれだけwebの進化スピードが早いので、いち早く現場に出れるようにスクールを選択するかもしれません。笑

スクールでおすすめなのは、以下です。
特に学校に通うこと無くオンラインで学べますので時間的なロスもありません。

» 本気で鍛える180日間 未経験からプロになる【.pro】

»【TECH::EXPERT】webデザインスクール

【まとめ】グラフィックデザイナーからwebデザイナーへの転職方法

まとめますと、

  • グラフィックデザイナーからwebデザイナーへの転職→基本独学でOK
  • 転職サイトにはとりあず登録をしておく→レバテックフリーランス
  • 独学の際には、「構造的な正解」と「ビジネス的な正解」を身につける
  • アフィリエイトは題材としておすすめ(成果が出るwebが作れる)
  • 早く現場に出たいならwebデザインスクール受講がおすすめ

グラフィックデザイナーからwebデザイナーへ転職を考えているなら、まずは見様見真似で作ってみてください。そして、それから考えましょう。

基本、思い描くようなwebデザイナーになるには、実戦で揉まれまくってノウハウを盗んで身につけるしかありません。

  • 実戦はゴールがあります
  • 実戦はクライアントがいます
  • 実戦はお金が動きます
  • 実戦に言い訳は通用しません。

だから、結果が身につきます。そのステージに上ってからが勝負ですが、実戦に入るまでの時間をどう短縮できるか?は個人個人の選択次第です。あなたにとって、今必要な選択をしましょう。

(完)