webデザインを勉強してみたいけど、何から始めていいかわからない、そもそもwebデザインはどんなことをするのかわからないという悩みをこの記事では解決できます。
webデザインとはHPやサイトデザイン、アプリデザインなどをどういった見た目にするのかを考えて、作る仕事です。
最初に言っておきます。完璧にする必要はまるでないです。完璧にすることよりも１つづつ、知識を積み上げて実践してみて、わからないところは調べてみる。
この繰り返しの方が重要です。
つまりは才能は関係なく、時間をかけてこれを繰り返せばwebデザインは誰でもできてしまいます。
１００点を目指すと途中で挫折しやすくなるので、小さなインプットとアウトプットを繰り返しながら勉強していくことをおすすめしています。
webデザインの勉強法【１００点は求めなくていい】
webデザインの勉強法を簡単に言ってしまうと、ツールの使い方とHTMLとCSSを覚えることのみです。
webデザインというとweb制作を混同している人が多いようですが、もちろん一人でweb制作をできるのであれば言うことなしですが、それはフリーランスなど一人前になる話です。
ほとんどのwebデザイナーはそこまで出来ません。web制作に関してはwebデザインやプログラミング、コンテンツ作りなど、色んなパーツを組み合わせて作られるものなので、そこまで出来るようになるにはかなりの時間を要するので長い時間を見ていればいいですが、大抵の人は挫折するので、やめましょう。
web制作のやることについてはこちらの記事で詳しく解説してます。
web制作で稼ぐための努力の方向はあってますか？【無駄な勉強をしないために】
今回はwebデザインについてのみの勉強法を解説します。この記事に書いてあることができればスキル的にはかなりの企業が採用してくれるくらいになれます。
webデザインのやること
webデザインでやることをここではっきりさせておきましょう。
- バナー制作
- ロゴ作成
- ラフデザイン制作
- サイトデザイン
- HTMLとCSS（サブ）
この５つのみです。最後のHTMLとCSSは（サブ）になっていますが、これに関しては実際に企業によって変わります。実際に必要になるところもありますが、使わないところでも知っていた方がいい。という知識になります。
HTMLとCSSはプログラミングのジャンルとして認識されることが多いのですが、プログラミングで実装しづらい、もしくはできないこととかってあったりするんですよね。
なのでできれば知っていた方がいい。というものになります。
webデザインだけならめっちゃ簡単！
実はwebデザインだけであればめちゃくちゃ簡単なんですよ。１つか２つのツールを使いこなすだけでいいわけですから。
ほとんどの人がスマホで何個もアプリを使っているんじゃないですかね。それをたった１つや２つ覚えるだけでいいので、めちゃくちゃ簡単なんですよ。
もちろんね。デザインを超真剣に考えている人からすればそんな簡単じゃない。デザインをなめるな。とかいう人もいるかもしれませんが、はっきり言って、すでにあるデザインを真似するだけでいいんです。
例えば今見ているブログ「起業の学び」ですが、これを真似したらブログのデザインが一つ完成です。
このデザインをphotoshopもしくはIllustratorというどちらかのツールで作ればいいだけなんです。
photoshopは月に１０００円くらい。Illustratorは２５００円くらいで使えるツールなのですが、それを使ってサイトを真似して作ってみるだけです。
実際のweb制作会社も同じことをしているんですよ。あなたの企業だけのオリジナルデザインでお作りします。とかいうweb制作会社は多いんですけど、イメージはどんな感じですか？と言ったときに、色んなサイトのサンプルを見せてくるんですよ。
それを元として、デザインをするだけなんです。オリジナルであることはそれはそうなんですが、実際はどっかのサイトに似せてるくるわけですから、デザイナーは色んなサイトのデザインを真似することが実践ベースでは重要なスキルになってくるんです。
webデザインを勉強する時間
これに関してはもちろん人にもよりますが、大体毎日、仕事終わりに２〜４時間くらいしっかりと勉強すれば、２ヶ月くらいでいいと思います。
２ヶ月くらいしっかり勉強すれば、例えばこのサイトデザインを真似したものを作ってと言われたら作れるくらいのレベルになると思います。
その程度なんで、実際めっちゃ簡単ですよね。
小学校から何年もあなたは勉強してきましたよね？それに比べてたった数ヶ月ですからめちゃくちゃ難易度は低いです。
冒頭にお話ししたweb制作全般の仕事をしようと思うと、１年くらいかかることがあると思いますが、webデザインのみであれば楽々です。
とは言いつつ、行動しなければ出来るようにはならないので、実際にどういった勉強をすればいいのかを解説します。
webデザインの勉強ツール
勉強のやることとして言えば、結論からいえば次の２つをやるだけでOKです。
- 動画を見ながら自分のパソコンで真似して実践してみること。
- 世の中のサイトを見て真似してみる
本はおすすめしないが、買うならこれだけ
私は本で勉強することはおすすめしません。時間のコスパが悪いと思うのと、ツールが進化するたびに本が追いつかないとかが頻繁に起こるので、本と画面がちがうみたいなことがよく起こります。
もし本を買うのであればレイアウトの本を１冊買っておけばいいと思います。
この辺でも買っておけば十分です。
動画で勉強するなら無料から
次は動画についてです。
まずは無料のyoutubeで「webデザイン」とか調べて片っ端から視聴してみてください。最初からお金を払う必要はありません。一つ一つすぐに出来ることから初めて見ればいいのです。
googleで「webデザイン 良質動画」とか調べて見てみるのもいいですね。とにかく最初は出来ることから始めましょう。
出来ることから少しづつ手をつけることがモチベーションを上げることにも繋がります。
動画サイトUdemyがめちゃくちゃコスパいい
無料動画を一通り見たら、「Udemy」がおすすめです。
サイトはこちら→Udemy: オンラインコース – いろんなことを、あなたのペースで
「Udemy」とは動画教材サイトです。本を買うよりもめちゃくちゃわかりやすいと個人的には思います。
しかもUdemyだと先ほどはサブだといったHTMLとCSSまで学べてしまう超優れものです。
セールなんかもやっていて、１０００円ちょっとくらいで買えてしまうので、本を何冊も買うよりもめちゃくちゃコスパいいです。
おすすめの動画はベストセラーになっているこちらの動画↓
未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース
初心者でもかなり丁寧に解説してくれていて、何と言ってもコスパが半端ないと思います。
これさえやってしまえば、ある程度のwebデザイナーとしての基礎知識はほぼ得られるといっても過言ではありません。有料ですが安いので、ぜひどうぞ。
webデザイナーとしての一歩を踏み出そう
今回の記事に書いてあることを実践してもらえば、webデザイナーとしてかなり基礎的な部分は網羅できます。
数ヶ月くらいで全てを終えられると思います。今この記事を見ているということはそこそこモチベーションが高いからではないでしょうか。
そのモチベーションのまますぐに行動に移してみてください。その一歩がグッとwebデザイナーに近づくことになります。
それでも自分ではできなそうだなと思う方
ここまでやってみて、それでもweb会社が採用してくれなかったり、途中で挫折しそうだなと思った方は他の高い教材やスクールがいいと思います。
高い教材やスクールはチャットサポートがついていたりして、孤独感を感じづらいものになっていることが多いです。
値段は高いですが、実際に未経験から初めて活躍している人はスクール出身者が多かったりします。やはり人の力は大きいのかもしれません。
以下に紹介リンクを貼っておくので、参考にしてください。どれも実績があり、信頼のできるスクールです。無料相談や無料体験レッスンがあるので、安心です。
- Webデザインスクール「デジタルハリウッド STUDIO by LIG」
-
自宅で学べるオンラインのプログラミングスクールのお申込み【TechAcademy】
- CodeCamp：Wordpressコース
まとめ
勉強するにはいろんな手段が世の中にはありますが、大きな目標をもち、それを小さな目標に切り分け、少しづつ進歩していくしかありません。
webデザインはこれからも需要があり、パソコン一つで自由に働ける可能性のある有望な職業です。
ぜひ小さなトライを積み上げていってみてください。
