Webデザイナーになりたいと思っても、まずは何から始めたらいいの？って悩みますよね！
学校で勉強したいけど続くかわからない不安とWebデザイナーになりたい憧れでモヤモヤしちゃいますよね。
筆者も職業訓練校にWebデザイナーを目指して入りました。
最終的には別？の職種に就きましたが、職業訓練校ではWebデザイナーの勉強をしていました。
今でこそ、学習手段は充実しましたが、何から着手すればいいのかが混迷する一方です。
Webデザイナー含めて、Web系職種は知っておくべき専門用語が多いです。
今回の記事ではなるべくお金のかからない勉強方法『模写』をご紹介いたします。
模写とは？
Web制作は、Webサイト制作という大きいものから、バナー制作という小さいものまで多々あります。
いきなり大きいものから着手すると挫折してしまいます。
そのため小さいものから少しずつ自分のペースで着手するのがおすすめです。
そして、独学かつあまりお金をかけずに学習できる方法が、「バナーの模写」なのです。
模写とは、模倣して写生すること。
一から考える必要性が無く、世に出ているバナーがどういう意図で作られたのか考えながら、技法を学べる良い手段なのです。
自分の描きたいデザインは何か？
まずは模倣したいバナーを見つけましょう。
そして、スクリーンショットを撮って保存しましょう。
自分の気に入ったものでなければモチベーションは上がりません。
かといって、深く考え込まずに選ぶことを忘れずに。
筆者のおすすめは『Banner Matome』です。
理由として、色・テイスト（雰囲気）・業種ごとで検索できて、ページも見やすいからです。
また、掲載量が多いことも〇です。
その他にもたくさんサイトはあります。
「バナー模写 サイト」で検索してみて、自分の使いやすいサイトを見つけてみてください。
よいバナーを見つけたら、常にスクリーンショットを撮って保存しておくといいです。
実際に模写してみる
実際に手を動かすとなると、躊躇してしまいます。
しかしここを超えると楽しくなってきます。
いきなりPhotoshopというのはハードルが高いです。
そのため、まずはXDから慣れるのがおすすめです。
XDでバナーを構成する要素をパズルみたいに並べて作ってみることが簡単でハードル低めです。
手を動かすことは大事ですが、なぜこんなデザインなのかを考えてみることが大事です。
・配色の構成
・フォントでの雰囲気の見せ方
・レイアウトによる強調
・構成で何を伝えたいのか
実際にWebデザイナーになったら、「なぜこのデザインにしたのか？」と聞かれるため、今のうちからきちんと慣れておく必要があります。
作る時の注意
完璧を目指さないことです。
まず、バナーを構成する素材を集めることも困難ですし、フォントも手に入るかもわかりません。
代用できるものは代用し、まずは完成を目指してください。
XDで作ることの目的は、「構成する要素をパズルみたいに並べて作ってみる」です。
慣れてきたら、Photoshopで
XDでの作成が慣れてきたら、Photoshopで作ってみましょう。
XDと異なり、Photoshopでは色合いの調整などのより細かい作業ができます。
実際の現場もPhotoshopで作業することが多いので、早い段階でPhotoshopに慣れておくことがおすすめです。
PhotoShopの使い方は本で学ぶのがおすすめです。
筆者のおすすめの本は下記です。
職業訓練校でも使われており、初心者にもわかりやすいです。
数をこなすことが大切
作品をどんどん作っていきましょう。
やればやるほど慣れてきますし、技術も上がっていきます。
模写についてのおすすめの本があり、筆者も使っていました。
実際に模写した作品はこちらです。
デザインのドリル進めました✨
見本と比べて字が小さい😂
「EnglishGrotesque」ってフォントを使う予定だったけど、見つからなかった😭
所要時間：75分（2パターン）
ツール：photoshop、図形の色変更のみIllustrator#デザインのドリル #webデザイン勉強中 #駆け出しwebデザイナーと繋がりたい pic.twitter.com/Qbdpmgwn8r
— ふらんぶ🌿@UXデザイナもどきん (@dayantler) January 13, 2021
デザインのドリル、久しぶりに再開しました😂
職業訓練校を卒業して、だんだん忘れていっているような気がして怖い気持ちでいっぱいです😭
所要時間：45分(2パターン)
ツール：photoshop、Illustrator(一部図形)#webデザイン勉強中 #駆け出しwebデザイナーと繋がりたい #デザインのドリル pic.twitter.com/aw1xexZmYI
— ふらんぶ🌿@UXデザイナもどきん (@dayantler) January 11, 2021
photoshopやillustratorをもっと極めたいと思っている方におすすめの本をまとめている記事です。
さいごに
Webデザインを無料で学習できるサービスがあります。
それは「職業訓練校」です！
筆者は、職業訓練校卒で、「職業訓練校体験記」を書いています。
職業訓練校ってどんなところなんだろうと思っている方、ぜひご一読ください！
職業訓練校体験記（Monthly版）はこちら
職業訓練校体験記（Weekly版）はこちら
