この記事でわかること
- もっとデザインを上手くなる方法
- デザインの引き出しを増やす考え方
- Webデザインをトレースするやり方
- デザインの引き出しに関してQ&A
この記事の目次
デザインの引き出しを増やせるサイトやSNS
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/05/media-g5a89eabae_640.jpg)
Instagramを活用する
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/06/スクリーンショット-2022-06-06-11.34.21-1024x202.png)
- 広告
- デザイン関連の発信をしているアカウント
![https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg](https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg)
デジハク編集長
Instagramは写真や動画を投稿するのがメインのSNSなので、ビジュアルを重視する投稿が多く、デザイナーにとってはヒントの倉庫です。
Pinterestを活用する
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/06/スクリーンショット-2022-06-06-11.35.03-1024x442.png)
- ファッション
- インテリア
- 旅行
BANNER LIBLARYでモチーフを探す
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/06/スクリーンショット-2022-06-06-11.35.51-1024x470.png)
バナー広場でモチーフを探す
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/06/スクリーンショット-2022-06-06-11.36.19-1024x485.png)
![https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg](https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg)
デジハク編集長
流行っているデザインを取り入れたい方は、バナー広場がおすすめです。
Webデザインが上達するトレーニング方法は?
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/05/pixta_72297482_S.jpg)
他のクリエイターに意見をもらう
自分一人のアイデアにはやはり限界があります。 そこで、他のクリエイターからヒントをもらったりポートフォリオを見せてもらったりして、引き出しを増やしていく方法も必要です。 著作権の問題がなければ、データを頂き、オマージュした作品を作るのも一つの手段です。 また、先輩クリエイターからの意見は作品作りのモチベーションにもつながります。![https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg](https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg)
デジハク編集長
どのように作品の幅を広げてきたのかのような話を聞いて取り入れていくと、デザインの引き出しも増えてくるでしょう。
ストックする習慣を作る
とにかくストックする習慣を作りましょう。 WebサイトやSNSはもちろん、他人の名刺のデザインや企業の広告を目にしたら、写真を撮ったり画像を保存したりするクセがデザインの引き出しを増やす方法です。 特にオススメなのが、企業の広告のデザインです。 企業の広告デザインは、厳しい指示書や多くの人の目に触れて合格したものが発表されます。 そのため、企業の広告はデザイナーが考え抜いたデザインなので参考になるでしょう。 電車の中吊り広告やビルに貼られている広告は、よく確認してストックしておくのがおすすめです。 街を歩いていたり誰かと話していたりする瞬間に出会うデザインが素敵なものであることが多いからです。![https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg](https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg)
デジハク編集長
机に向かってデザインを考えることも大事ですが、普段からアンテナを張って自分以外の頭で考えることで、斬新なデザインが生まれることもあるでしょう。
とにかくマネをする
これはよく言われていることですが、とにかくマネをすることが重要です。 ストックした写真を限りなくマネをして作品を作ってみるとデザインの引き出しが増えていくでしょう。 完全にマネをすると問題になってしまうので、色の使い方やパーツの配置を取り入れたり2つの作品の良いところを1つの作品に取り入れたりすることで面白いデザインができます。 モチーフにするデザインの要所をマネしてみるのがおすすめです。![](https://digital-hacks.jp/blog/wp-content/uploads/2022/06/名称未設定のデザイン-2023-05-08T103016.326.jpg)
アウトプットを増やす
アウトプットをし、何かしらの反応をしてもらうのが引き出しを増やす最大の近道です。 他人からの評価によってあなたのデザインは磨かれていくためです。 始めは誰かに見せるのは怖いと思いますが、ここまで解説した方法を使ってどんな小さな作品でも良いのでSNS上や仲の良い友人などに見てもらいましょう。 デザインに携わったことのない人の意見は、新鮮で学べる部分があります。 身近にデザインの講師がいる方は、より適切なフィードバックがもらえるでしょう。 ポジティブな意見をもらえたら、モチベーションになってさらに新しい作品を作りたくなるはずです。![https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg](https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg)
デジハク編集長
誰かから評価をもらって、ブラッシュアップしていく過程の中でデザインの引き出しは増えていきます。
気づきをメモする
気になったデザインを見つけたら、気づきをメモしておくと良いでしょう。例) 枠が赤い→インパクトが出る このフォントは柔らかさを感じる新しい発見や驚いた点、ちょっと変だなと思った部分をメモしておくことで、センスが磨かれていきます。 「センスは作品を見てきた量に比例して伸びていく」とデザインの世界では言われています。 気になった作品は、メモをしてあなたの作品に取り入れていきましょう。
デザインの引き出しを増やすときに選ぶ作品のポイント
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/05/ian-dooley-DJ7bWa-Gwks-unsplash.jpg)
1.トーン&マナーが異なる作品を選ぶ
依頼を受けてデザインをする時には、作品の要素を守って制作する必要があります。 作品の要素としては以下が挙げられます。- フォント
- 色合い
- 構図
2.自分がやってみたいデザインを選ぶ
先ほども説明しましたが、依頼を受けてデザインを作っていると、自分の作ってみたい作品とは違うこともあるでしょう。 ですので、SNSを活用して自分の作品を発信したり自分が作ってみたいと思うデザインをモチーフにして作品を制作していると、他の作品を作ったときのヒントにつながります。 自分の作りたい作品からイメージして別の作品に活かすこともできます。Webデザインをトレースするやり方
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/06/名称未設定のデザイン-2023-05-08T103455.515.jpg)
トレースとは?意味について
トレースとは「参考にしたいデザインをなぞって真似する作業」を指します。 初心者が特に活用することで- 細かい部分の勉強になる
- デザインの良いよことを体感して身に付けることができる
- ツールに慣れることで作業効率が上がる
![https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg](https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg)
デジハク編集長
「ただトレースする」というだけでは、何の身にもなりません。デザインの工夫をしっかり見つけながら意識してトレースする必要があります。
webデザインのトレースはfigma!【初心者向け】
figmaとは世界で注目されているデザインのツールです。 学習コストが低く、無料であるため、初心者さんも利用しやすいことがメリットとして挙げられます。 使い方を詳しく説明しているフリーランスUI/UX、 BrandデザイナーをしているMayuko Sogaさんの動画をチェックしてみてください。デザインの引き出しに関してQ&A
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/06/名称未設定のデザイン-2023-05-08T103546.227.jpg)
webデザインのストック方法は?
Webデザインとして利用できそうなものはストックしておくことをおすすめします。 ストックの方法には- iPhoneのフォルダ
- デザインストックおすすめツールを使用(Eagleなど)
- GoogleDriveを使用
- 自分のiPhoneに専用フォルダにストックしていく
おすすめのWebデザインがまとめてあるサイトはある?
Webデザインがまとめてあるサイトは多くあります。 デザインを収集するためのツールとして活用できるため、ご紹介していきます。- MUUUUU.ORG
- I/O 3000
- Webデザインクリップ
自分以外の頭を使ってデザインのひきだしを増やしましょう
![](https://digital-hacks.jp/blog/wp-content/uploads/2022/04/john-schnobrich-2FPjlAyMQTA-unsplash.jpg)
- WebサイトやSNSを活用する
- ストックしたデザインをマネして作ってみる
- 他のデザイナーと話をして刺激をもらう
- アウトプットを増やしてデザインの幅を広げていく
- 作風の異なる作品を作ったり自分が作ってみたい作品を作る
![https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg](https://digital-hacks.jp/blog/wp-content/uploads/2022/09/man_04-300x300.jpg)
デジハク編集長
考えて作るのも大事ですが、デザインの引き出しを増やすという意味では、自分が検索できる以外の方法から取り入れるのがおすすめです。