デザインが上達する学習方法
谷町くんデザインがもっとうまくなりたいけど、何からどういった勉強をするのがいいんだろう？？
ツールの使い方を覚えることは大事だけど、それだけじゃデザインは上手くはならないし。。
トリペン先生そう！ツールの使い方を学んでもデザインはうまくならないんだよね。
デザインを上達させるためには、上達させる勉強方法をする必要があるからね。
手を動かす以外にも、意外と身につくデザインの勉強方法
デザイン初心者の最大の悩みは、「引き出しの少なさ」です。
制作の経験が少ないので、どうしてもデザインのレパートリーが少なくなります。
これはすぐに身につくものでもないですし、感覚的なものなので、日頃からデザインに触れていくことが大事です。
その中でも、デザインを見ることで引き出しを増やし、考察して言語化することで深みや理由がデザインにあることを学べます。
トリペン先生移動中や寝る前でも、少しずつ続けるといつの間にかデザインの引き出しが増えていくよ。具体的なやり方を紹介していくね！
デザインギャラリーなどをみて、引き出しを増やす
谷町くんう〜ん、結構眺めてるんだけど、なかなか引き出しが増えた感じがしないんだよね。。
トリペン先生それは、本当にただ見ているだけだよね。。
そうじゃなくて、デザインのパーツだったり、細部やレイアウトの作りなどを注意深く見てみるといいよ。
ピンタレスト
https://www.pinterest.jp/ （検索窓に「webサイト デザイン」などで探すとGood!）
縦長のwebデザインギャラリー・サイトリンク集
MUUUUU.ORG https://muuuuu.org/
bookma!
https://bookma.torch.blue/
81-web.com【Webデザイン リンク集】
https://81-web.com/
SANKOU!
https://sankoudesign.com/
このあたりが、有名なデザインギャラリーです。
あと、ちょっとおすすめが、Web制作会社の実績などみると、リアルな制作物が見れます。
参考にしてもいいですね。 他にもありますので、探してみて下さい。
実際に世の中のデザインを考察してみよう
谷町くん自分みたいに経験が浅い人が考察とかやっていいの？
トリペン先生むしろ経験が浅いからこそ考察するんですよ！
「考える力」を身につける訓練と思ってください。
デザイン考察の目的
デザイン考察の目的は、
①デザインを視る目を養うこと
②デザインを言語化する練習
③いいデザインに気づくこと
④デザインの引き出しを増やす
になります。
この効果を実感できるときは、実際に自分でオリジナルのデザインをする時です。
どのようにすればいいかわからない人は、以下のような項目で考察してください。
Webデザインに、どういった需要があるのかを知る
Webデザイナーを仕事として行うなら、自分の制作したいものとは違う依頼も来ます。
興味のない分野や全く知らない業種の仕事もデザインしなければなりません。
そのため、Webの需要がどこにあるのかを知っておいたほうがいいです。
トリペン先生みんなが、よく作りたがるカフェのサイトやパン屋・ペットショップなどの依頼が来ることはかなり少ないです。
谷町くんじゃあ、どういったサイトが多いの？？
トリペン先生ズバリ！コーポレートサイトです。
会社用のサイトですね。
他には、サービス事業用のサイトとかがダントツ多いです。
ギャラリーサイトを見ると分かると思いますが、コーポレートサイトがダントツで多いですよね。
ただ、コーポレートもいろんな業種があるので、デザインの幅を広げて対応することは変わりません。
トリペン先生需要があって初めてデザインができるので、あくまでもビジネスでデザインを活用したい人が多い！というのを頭に入れておいてください。
あなただけの「デザイン貯金」をしよう！
谷町くんデザインが上手くいかないよ〜〜。。
トリペン先生すぐに身につくスキルではないから、継続して多くのデザインに触れることが大切だよ！
現場で働いているデザイナーも、日頃からデザイン貯金をしている人が多いよ。
「デザイン力」とは生まれ持ったセンスよりも、どれだけたくさんのデザインに触れてきたか、のほうが大事です。
Webサイトのデザインをする時は、そのサイトを1つデザインするまでに「目標：30サイトのデザインをチェックする」をしましょう！
ただし、ダラダラとたくさんのデザインを流し見しても、どんどん忘れていってしまいます。
ここで紹介するおすすめのやり方で、試してみて下さい。
このルールでデザインを集めておくと、後からとても役に立ちますよ！
① Webサイトをとにかく見る
② Webサイトを保存する（撮る！）
③ Webサイトの情報をまとめておく（サイトデザイン分析）
④noteなどで記録・発信するのもあり
⑤ カテゴリ毎に分類して保存しよう（未来の自分がとても助かります）
① Webサイトをとにかく見る
とにかくデザインをたくさん見ましょう！
などで検索すると、Webサイトデザインを集めたサイト（ギャラリーサイトなどと呼ばれます）が出てきます。
そういったまとめてくれているサイトを巡回しながら、デザインをとにかくたくさん見ましょう。
② Webサイトを保存する（撮る！）
「よい！」と思ったサイトは撮影（キャプチャ、スクリーンショット）して画像ファイルにして残しておきましょう。
このChrome拡張を使うとラクに作業できるのでオススメ。
▼スクショ出来る拡張機能
https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj
参考記事：https://arata01.info/smaho-captue-pc-1071
③ Webサイトの情報をまとめておく（サイトデザイン分析）
そのとき「よい！」と思った感覚は、時間とともに薄れて消えていきます。。
なのでそのときの感覚を、何に琴線が触れたのか、記しておくとよいです。
ExcelやGoogleスプレッドシートなど、表計算ソフトで管理するのもいいですね。
④noteなどで記録・発信するのもあり
サイト分析のnoteなど、ブログにまとめておくと後から見返しやすく、ポートフォリオなどにリンクとして掲載できるので学習記録として、採用担当者などに見せるときに役立ちます。
⑤ カテゴリ毎に分類して保存しよう（未来の自分がとても助かります）
撮ったスクリーンショットは、分類して保存しておくと、あとから見返すときにとても助かります。
例）「ヘッダー」、「ボタン」、「余白多め」、「コーポレート」、「赤メイン」 、「教育系」、「採用系」などなど
まずはデザインのキャプチャを保管しておく場所を決めて、そこにジャンル別に保管用のフォルダを作っていきましょう。
あるいは、種類ごとにFigmaやFigjamに貼り付けて保存しておいてもいいですね。
★メリット★
① デザインするたびに山盛りデザインを探す、の手間がけっこう省ける
②「あのデザインどんなだっけ…」と思ったときにここにある
③ 困ったらとりあえずここを見たらデザイン見本がある安心感
④「自分は山盛りデザインを見ているぞ！」という達成感（大事）
⑤ 人に相談するときに材料が大量にあるため説明しやすい（とくに視覚優位の人には効果テキメン）
⑥ 確実にデザイン力が間違いなくUPする（大事）
トリペン先生地味な作業ですが、確実にレベルが上がるので試してみてね！
手を動かして練習してみよう！
▽具体的なやり方は、以下のような順番で進めるのがおすすめです。
初心者がいきなりWebサイトのTOPページを模写するのは難易度が高く、時間がかかってしまうので、徐々に負荷を上げていくことが継続の秘訣です。
トリペン先生Photoshopなどのデザインツールに慣れるまでは少し大変だけど、続けていくと操作にも慣れて、デザイン力も確実にアップするよ！
継続して頑張ろう！
スキルアップには守破離
守破離とは、上の画像のようなこと。
まずは基本となる型を理解して忠実に守ることが大事です。
オリジナリティなどは、基本の方ができて初めて破ることができるので、まずは基本をしっかりしてから次ですよ〜の。
日本伝統でよく言われていることです。
4つの鍛えるポイント
この中では特に重要となるのが、①の審美眼です。
クリエイターは目が良くないと見極める力がなく、制作以前にいいものが分かりません。
料理人だと味音痴みたいなイメージです。
そのため、日々デザインに触れたり見ることが一番鍛えるのに効果的です。
ぜひ実践してみてください！
講座を完了したらクリックしてね！