【Web】デザインの引き出しを増やすギャラリーサイトまとめ【13選】

2025-04-10

コラム

初めまして、好きな麺は冷麺、あんどぷらすデザイナーのrinです。
あんどぷらすに入社して早1年。新人デザイナーとして日々奮闘していますが、中でも一番の悩みは「引き出しの少なさ」です。

デザインの引き出しを増やすには、良いサイトをたくさん見て研究することが重要だ！ということで

普段チェックしているギャラリーサイトをまとめました。
デザインのインスピレーションを探している人は、ぜひ参考にしてみてください！

幅広く探せるギャラリーサイト

SANKOU！

https://sankoudesign.com/

国内のクオリティの高いサイトが集まっています。
更新頻度も高く、トレンド感のあるデザインが多いので今話題のサイト、注目度の高いサイトを知りたいときに便利です。

81

https://81-web.com/

サイトに飛ばなくても、トップページのデザインをフッターまで確認できる仕様。
さらに、ボタンで切り替えればスマホ版のトップページもチェックできるのがとっても便利です。
絞り込み機能も充実していてフォントや色からでも絞り込めます！困ったらとりあえず見ちゃう。

デザインのこと

https://designnokoto.com/

ビジュアル面で優れたサイトを多く掲載している印象です。どれもファーストビューがかっこよく、求心力のあるサイトばかりで全部クリックしたくなる。スマホのファーストビューが一覧で見れるのも便利なポイント◎

BAKU

https://bak uup.com/

シンプルで使いやすい、スマホとPCで切り替えれるのが嬉しい◎現在更新頻度は低めですが、掲載数はたっぷりあります。

マネるデザイン研究所

https://maneru-design-lab.net/page/3
サイトごとにマネしたいポイント、応用できそうな場面、懸念点がまとめられていて勉強になります。なんかかっこいいけどなんでかっこいいんだ？と思うサイトも解説がつくと納得感があり、自分の制作にも活かしやすくなると思います！

Web Design Garden

https://webdesigngarden.com/

ほぼ毎日更新。機能・要素での絞り込みがとても細かく分けられていて「フローがあるサイト見たいな」「ローディングページがあるサイト見たいな」というピンポイントな願いを叶えてくれます。

bookma!

https://bookma.org/#google_vignette

PC版とスマホ版のファーストビューを同時に表示できるのが嬉しいポイント。
並べて比較できることで、情報量の違いやレスポンシブデザインの工夫が一目で分かり、レイアウトの意図もより理解しやすくなります。

ちょうどいいWebデザインギャラリー

https://choooodoii.com/

ちょうどいいポイントが言語化されているので、感覚だけでなく理論的に学べるのが魅力。
「なんとなく良い」ではなく、具体的なテクニックとして理解できるので、実践にも活かしやすいのが嬉しいポイントです。

パーツごと探せるギャラリーサイト

Parts.

https://partsdesign.net/

こちらはページ全体ではなく、パーツに焦点を絞って検索できるサイト。普段はさらっと見逃してしまうフッターやパンくずリストも見比べることで色々な工夫が見えてきます。

KASOU

https://kasoudesign.com/
下層ページに絞り込んで検索ができるサイトです。「よくある質問だけ見たい」「Aboutページだけ見たい」という願いを叶えてくれるので便利です。また、Webデザインを学ぶというページでは、デザインに関するノウハウや豆知識に関する記事が読めるのでそちらも要チェックです◎