デザイン初心者がやったデザイン力アップ法

今回は、デジLIG入学から卒業までの8ヶ月間に、
デジLIG以外にどんな勉強をしたのかなどを書いていきます！

未経験からWebデザイナーになりたい方へ、少しでもお役に立てれば嬉しいです！！
では！！

---

■デザインのドリル　(1-2ヶ月目)

トレース＆模写で学ぶ　デザインのドリル

IllustratorやPhotoshopを学び始めた1ヶ月〜2ヶ月目は、
ツールの使い方やソフトに慣れるために、デザインのドリルをやりました。

この本ではプロの作品をトレースや模写をして、デザインに込められた理由や意図を理解し、
デザインの細部に気づく力を身につけることができます。
題材や素材などが全てダウンロードできるのが気軽に始められるかと思います！！

1周目はトレースを、2周目は模写をしました。
1周目はツールの使い方を検索したりしながらまずは真似て同じように作れるように、2周目は模写なので目を鍛えつつ、考えながら作れるようにと訓練しました。

■色彩検定2級受験 (2-3ヶ月目)

他の記事でも書きましたが、
知識をつけ、論理的に学べるようにと色彩検定を受験しました。

なんとなく決めがちだったり、参考サイトをみて配色を決めがちですが、
美しいとされる配色には多少のルールがあったりします。
もちろんルールだけに沿っているわけではないですが。
でもそのルールを知った上で崩すのとなんとなくは意味が違うと思います。
なので個人的には勉強してよかったと思うので、
時間があって勉強することが苦ではない方にはおすすめします！

■バナートレース&レビュー (2-4ヶ月目)

思わずクリックしたくなる バナーデザインのきほん

バナー課題で躓いたのでバナーについて勉強を始めました。
バナーに関してはこちらの本を購入。

最初は一通り読んでいましたが、
頭で理解しても手を動かさないと意味なくない！？となり、やり方を変更。

この時はサイトレビューというものを理解しておらず、目で見て気づいたことをひたすら書いていました。

■コーディング(4-5ヶ月目)

1冊ですべて身につくHTML & CSSとWebデザイン入門講座

コーディングの基礎は動画教材で学びつつ、併用しながらこちらの本でも学びました。
これは自分が見やすい本をとりあえず一冊最初から最後まで取り組んでみてください。
あとは作るのみ！！！！！！！

コーディングは場数を踏む必要がありそう！といきなり思った私は、
模写コーディングのサイトを見つけては作ったりしていました。
ただ途中から意味わからなすぎて挫折。笑
ずっとデザインばっかでコーディング忘れてるかも！みたいな人はトレーニングのために一日１カラムだけでもやるのもいいかもしれません。

■デザインの幅を広げる(5ヶ月目-)

Illustrator & Photoshopデザインの作り方 アイデア図鑑

こんな風にいったら大袈裟ですが、バナーなどを制作しているうちに自分全然ツール使えないじゃん！もっとプロの技を見たい！と思い、
「Illustrator ＆ Photoshop デザインの作り方 -アイデア図鑑-」を購入。

いわゆるおしゃれ！かっこいい！っていうデザインの作り方を実際に手順を見ながら学べます。
いくら本でやっても現場に出て使えないと意味はないのは重々承知ですが、
一回見よう見まねでも手をうごしたものはストックとして
頭の片隅にいるので検索するのも楽になります。
写真の加工や編集の仕方、タイポグラフィ、ロゴなど様々な分野を学べるので繰り返しやるのがおすすめです。

■Notionでのストック(5ヶ月目-)

○デザインストック

webサイトの制作を始め出して、自分のデザインのストックの無さに幻滅。
その時からNotionにもハマり出していたので、Notionでストックすることに。
画面録画してGifに変換してペタペタ貼ってました。
集めるのが好きな私はどんどん増えていくのが楽しくて仕方なかったです。
午前中スイッチが入らないなぁって日も、これをしてるとだんだんやる気が出てくるのでおすすめです。

○コードストック

コーディングも好きだったので、コーディングのコードも合わせて集めることに。
サイトをみて気になるコードを書いてみたり、
やりたいと思ったコードが書いてあるサイトをブックマークしたり。

やり方はかやさんのこちらのブログを参考にしました。
Notion、よくわかんないって人でもわかりやすいように書いていただいているので是非参考にしてみてください。

○サイトレビュー

デジLIG卒業生のyukaさんのこのnoteを見てサイトレビューも始めました。
これは私が説明するよりこのブログをみてください！！
(勝手に紹介して申し訳ないです…)

見てこれは絶対にやらなきゃと初めて見ましたが、なんと難しい！
時間もかかるし、作られた意図などを仮説を立てながら分析するのは正直大変です。
色使いやフォント、ルールなど面白いと思ったことを書き出してみたり、
なんでこの表現にしたのか、などその先の効果などを考えて分析しました。

会社さんによってはこのサイトはこのように考えて作りました、などといった制作過程をnoteやtweetしてるところもあるので、
レビュー後にみては自分の考えたことと照らし合わせたりもしました。

■その他

○本を読む

本を読むのが好きなのと、本棚が充実していくのが好きなので、本は必ず本屋さんで購入しています。
(kindleの方がセールだど半額だし、環境的にもいいんですけどね笑)
デザインの本だけではなく、マーケティングの本、ビジネス本など色々と。

○Pinterest

みなさんお馴染みのPinterest。これはいうまでもないですね。
何かをデザインする時、情報収集のために使用しています。
最近は電車の移動時間や寝る前などにも見ては好きなデザイン、業種ごとのデザインを集めるようにしています。

○Youtube

YoutubeにもWebデザイン系のチャンネルは多々あります。
イラレやフォトショのツールのショート動画から、
コーディングや勉強法、デザインの添削などをしているサイトもあるので、
色々と検索してみると楽しいし勉強になります。

最後に

私は影響されやすい人間なので、いいと思ったことはまずやってみます！
それでダメだったり自分に合わないなと思ったら他のことをしてみます。
(上記に書いたもの以外にも2日でやらなくなってしまったことや、
合わないなと思ってものはたくさんあります。)

インプットだけしてもアウトプットしなければ意味がないとは思うので、
なるべく手を動かします。
それは本を見て同じように作るだけではなく、
学んだことを自分なりにアレンジして自主制作してみたり。

なので今スクールに通ってる人は、
周りのペースに合わせたり、標準のスピードだから安心などせずに、
時間がある人はどんどん進めることをお勧めします。