がんばってスクールを卒業した。仕事の取り方もわかっている。
でもWebデザインスクールを卒業しただけでは仕事を受注できる実力がない。もっともっとデザイン力をアップしたい。
というお悩みって結構多いんじゃないかと思いまして。
この記事は、デザインスクール卒業後に独学でのスキルアップに役立つおすすめの本や講座についてまとめています。
- デザインスクールでデザインの基礎は学んでいる
- デザインソフトは使える、持っている
- いまいち素人感が抜けないデザインしか作れない
という人向けの記事になっています。
この記事はWebデザイナー歴18年のフリーランスが書いています
脱初心者。デザインスキルを伸ばすのにおすすめの本・動画・講座など
それでは、早速おすすめの本から紹介していきますね。
【書籍】Webデザイン良質見本帳［第2版］ 目的別に探せて、すぐに使えるアイデア集
第一般が40000部突破したベストセラー本の第２版です。最新の良質サイトの実例が429選も掲載されています。
デザイン上達のコツは、まずは最新のWebサイトを研究すること。
眺めるだけでも十分勉強になりますし、デザインの解説付きなためデザインの仕組みやポイントがわかり活用できます。
例えば「透明感のあるデザイン」の作り方について、どんな配色で、どういうレイアウトで、どういうフォントでデザインするのといいのか等が細かく文章でまとめられています。（↓下のリンクからプレビュー見れます）
初心者っぽいデザインから脱却したい人におすすめのWebデザイン集になっています。
【書籍】デザイン初心者のためのPhotoshop Illustrator 先輩に聞かずに9割解決できるグラフィックデザイン超基礎
駆け出しWebデザイナーの最強のカンペ本。先輩Webデザイナーが使っているテクニックを一冊にまとめた貴重な本です。
Photoshop等のちょっとした設定だったりどうすればいいんだったけ。。というのを誰かに聞いたり検索する必要はもうありません。
例えば、
・サイズ・解像度・カラーモードの設定変更の方法
・画像切り抜きの方法
・レイヤーマスクの効率的な使い方
・写真のトーンの変え方
・Illastraorの効果的な使い方
といった初心者あるあるな質問に、ひとつひとつ答えが載っています。業務の効率化＆処理速度アップ、まちがいなし。
デザインが上手くなる本というよりは、Webデザイナーとして知っておくべき知識を漏らさないようにする本ですかね。
なんとこの本はKindle Unlimited読み放題対象になっています。Kindle Unlimitedを契約していない人も、無料体験期間が長くありますので、ぜひ読んでみてくださいね。
＼初回登録で無料体験が可能 ／
【書籍】ほんの一手間でプロっぽくなるPhotoshop＆Illustratorデザインの小ワザ
どうしても素人っぽさがデザインから抜けない人、プロが使っているテクニックを知らないからかもしれません。
スクールでは全体的なレイアウトについては教えてくれますが、小技のひとつひとつまでは教えるところまではいきません。
例えばバナーを作っていて、なんだか商品が背景と馴染まないで浮いた印象になるけど、どうしたらいいかわからない…なんて悩みもテクニックさえわかれば解決します。
プロなら知っているちょっとした技を使うことで、デザインはぐっと垢抜けた印象になるんですよ。
【書籍】スマートWebデザイン 脱・自己流のデザイン＆データ作成術
デザインのマナーやデータの納品方法、Webデザインの基本的なルールといったWebデザイナーに必須の基礎知識を教えてくれる一冊です。
このようなことは会社に勤めていると先輩が教えてくれるものなのですが、勉強→いきなりフリーランスだと意外と知らないままなんですよね。かといって細かく教えてくれるWebサイトもあまりないので、自己流でやっているフリーランスも多いです。
今後、プロとして仕事をしていくなら必読の本です。
【書籍】思わずクリックしたくなる バナーデザインのきほん
バナーデザインが垢抜けなくて悩んでいる人におすすめなのがこちらの本です。
ビフォーアフターを比べることができるので、素人っぽいデザインにどうテコ入れすればプロっぽくなるのかがまるわかりです。センスは学べます。
バナー制作の基本についてもよくまとまっているので、メリハリのあるバナーが作れるようになりますよ。
【書籍】とりあえず、素人っぽく見えないデザインのコツを教えてください!
Webデザインではなくポスターや名刺デザイン（グラフィックデザイン）中心なのですが、デザインの原則(超基本！）を実例をまじえながら教えてくれるので、わかりやすく学べます。
ingectar-eさんの書籍は他にもデザインのベストセラーばかり。安定した実力と流行を抑えたデザインに定評があります。
【書籍】マネするだけでセンスいい！CSSデザイン
今風の垢抜けたデザインとCSSのアニメーションが学べるお得な一冊です。
最近のWebデザインはアニメーションもデザインの大事な要素のひとつ。
ヘッダー、フッター、フォーム、見出し…といったWebサイトに欠かせないパーツごとに章が分かれているのが面白い。
また、CSSはわからないという人でも十分Webデザインの勉強になると思いますし、私もCSSを勉強してみたいと思わせてくれる一冊になっています。
【動画】今風のイケてるWEBデザインを作る手順 Figma × Photoshop
最近はこればかりおすすめしているのですが、垢抜けたいデザインを作りたいなら、これ以上に良い動画がないので本当に何回でもおすすめしたい。
使っているメインのデザインソフトはFigmaですが、Figmaは無料＆ブラウザツールなので、持っていない人でもすぐに利用可能です。（同じ投稿者で初心者向けのFigma講座もありますので、そちらもおすすめ）
オーソドックスな作り方からはじまって今風のアレンジの加え方まで、たったの4.5時間の中にこれでもかというくらいプロのデザイン力がつまっています。
購入前のプレビュー動画もあるのでぜひ参考に見てみてください。
【動画】【上級者用】続！バナーデザインマスター講座｜Adobe Illustrator（イラストレータ） ＆ Photoshop
バナーデザインをしっかり学びたいならこの動画がおすすめです。
Web用バナー作成の基礎から、文字組みのやり方、写真加工などのコツなど細かいテクニックが動画で解説されています。
素人の作ったものではなく、ちゃんと商用として使えるデザインのバナーの作り方を1から学ぶことができます。
※キャプチャの値段は高いけど、頻繁にセールを行なっているので、セール時なら2000円以下で購入できます。
【動画】Schoo（スクー）
Schoo（スクー）はライブ動画学習サイトです。生放送のライブ動画は無料で視聴可能。隙間時間の学びにぴったりです。
また、月額980円のプレミアム会員になると、優良な講師によるデザイン解説の動画が見放題。
デザインスクールは卒業したけどまだ学びたい、でももうそんなにお金をかけられないという人はSchooで学ぶのはどうでしょうか。
毎日続けたらいいことは「デザイン模写」
最後に。本や動画で学習しつつ、続けて欲しい練習方法があります。
私が一番おすすめしたい練習方法は、すでにあるプロのデザインを模写することです。できれば毎日続けて欲しい。
- 簡単で誰でもできる
- お金もかからない
- でも確実に実力がつく
模写にはいいことしかありません。ちょっと疲れた時、本を買うお金がない時、そういう時は模写です。とにかく模写です。
一日一模写するだけで、確実に違ってきます。騙されたと思ってやってみてくださいね。
模写のやり方については、以下の記事に詳しくまとめています。
デザイン模写・トレースのドリル本もあります。おすすめ。
まとめ
デザインソフトの使えるしWebデザインの基礎知識はあるけれど、デザインの応用力の伸ばし方がわからない。
一人でデザインを作っていてもどうしても垢抜けない、何が違うのかわからない。
そんな悩みを持っている方に届いて欲しいと思って書いた記事です。
参考になれば幸いです！