デザイナーが推す、デザインの参考になるギャラリーサイト16選

デザインを作る際に、配色や構図に悩むことも多いでしょう。そんなときに参考になるのが、様々なデザインを集めたギャラリーサイトです。

この記事では、ferretのデザイナーが日頃参考にしているサイトを厳選して紹介します。

デザイナーの方はもちろん、デザイン業務を兼任しているマーケティング担当者の方も、ぜひアイデアの引き出しを増やすために活用ください。

目次

1. メルマガデザイン
2. バナーデザイン
3. Webサイト・LPデザイン
4. デザインが学べる書籍

▼ほんの一手間で変わる！資料のデザインを見やすく仕上げるコツ

【パワーポイント作成】伝わるデザインのコツ

ほんの一手間で驚くほど見やすく変わる！パワーポイントやGoogleスライドなど資料のデザインを見やすく仕上げるコツを解説します。

メルマガデザイン

MAIL LIBRARY

https://design-library.jp/mailmagazine/

MAIL LIBRARYは、日本国内のメルマガデザインをまとめたギャラリーサイトです。ファッション、コスメなどのメルマガが比較的多く、BtoC企業の方が参考になるデザインを探しやすいと思います。

絞り込み機能：カテゴリ、テイスト、カラー

Email-Gallery

https://email-gallery.com/

Email-Galleryは、海外のメルマガデザインが見られます。海外ならではの色使いやシンプルなレイアウトが特徴です。

絞り込み機能：カラム数、カラー、ビジネスタイプ

メルマガのギャラリーサイトは数が少ないので、サイト以外にもPinterestやGoogleの画像検索などを参考にしてみるのもおすすめです。

バナーデザイン

BANNER LIBRARY

https://design-library.jp/

BANNER LIBRARYは更新頻度が高く、トレンドを押さえたバナーデザインが見られます。各バナーについているハッシュタグからも検索できるので、絞り込みがしやすく便利です。

絞り込み機能：カテゴリ、テイスト、季節、形、色、SNSメディア

バナー広場

https://banner-hiroba.com/

バナー広場は更新頻度が高く、季節感のあるデザインも多数掲載されています。毎月ある連載のモチーフを考える際などに参考になります。

絞り込み機能：サイズ、カラー、業種、デザインテイスト、広告タイプ、要素

Bannner.com

https://bannnner.com/

Bannner.comは広告バナーの掲載が多く、バナーの中に「詳しくはこちら」「今すぐ注文」などのCTAボタンを含めているデザインが多数掲載されているため、広告バナーを作りたいときに参考になります。

絞り込み機能：カテゴリ、サイズ

インスタ広告集めました。

https://www.instagram.com/insta_adsquare/

インスタ広告集めました。では、その名の通りInstagramの広告をまとめて見られます。他社がどのような広告を出稿しているのか参考になります。

絞り込み機能：なし

SAMUNE

https://thumbnail-gallery.net/

SAMUNEは、YouTubeや記事などのサムネイルだけを集めたサイトです。人物を使った画像が多く、インタビュー記事の画像やセミナー画像を作る際などに参考になります。

絞り込み機能：カテゴリ、テイストカラー

Webサイト・LPデザイン

SANKOU!

https://sankoudesign.com/

SANKOU!は、LPやWebサイトのデザインが見られます。LPのファーストビューの見せ方はバナー作成時のヒントにもなります。

絞り込み機能：サイトの種類、サイトの特徴、業種、テイスト・あしらい、色・配色、ステキポイント、動き・ギミック、レイアウト

WebDesignClip

https://lp.webdesignclip.com/

WebDesignClipは、国内外のWebサイト、LPに加えて、スマホサイト・レスポンシブのサイトだけをまとめて見られます。

絞り込み機能：メインカラー、サブカラー、カテゴリ

bookma!

https://bookma.org/

bookma!は、WebサイトのPCとスマホのデザインを同時に確認できるのが特徴です。PCとスマホでガラリと印象を変えているサイトも多く、レスポンシブデザインを作る際の参考になります。

絞り込み機能：なし

MUUUUU ORG

https://muuuuu.org/

MUUUUU ORGは、縦長のWebサイトのデザインを集めています。ECサイトやコーポレートサイトなど、サイトの種類で選べるのも便利です。

絞り込み機能：業界、デザインテイスト、サイトタイプ、カラー

デザインのこと

https://designnokoto.com/

デザインのことは、「デザインをざっと見る」のボタンから、各サイトに遷移せずにデザインを確認できるのが便利です。普段見られないような、ユニークなサイトが見つかります。

絞り込み機能：サイズ、カラー、トーン、カテゴリ

URAGAWA

https://uragawa.work/

URAGAWAは、各Webサイトの制作会社が見られるのが特徴です。制作会社を探している担当者の方にも、参考になるサイトだと思います。

絞り込み機能：業界、サイトタイプ、特徴、カラー

Parts.

https://partsdesign.net/

Parts.は、ヘッダー、メインビジュアル、CTA、フッターなど、Webサイト制作のパーツごとに探せるのが便利です。LP作成や、目を引くCTA、悩み訴求のアイデアを探す際に利用しています。

絞り込み機能：セクション・パーツ、ファンクション

ちょうどいい

https://choooodoii.com/

ちょうどいいは、「ちょうどいいポイント」として各デザインのよいところを解説しているのが特徴です。デザイン初心者の勉強にもなります。

絞り込み機能：カラー、業種、サイト種別、トーン、デザイン

マネるデザイン研究所

https://maneru-design-lab.net/

マネるデザイン研究所は、各デザインの「マネしたいポイント」「応用できそうな場面」「懸念点」を解説しています。なぜこのデザインがいいのかを言語化する際の勉強にもなります。

絞り込み機能：カテゴリ

デザインが学べる書籍

実際にデザインを作ったり、依頼したりする場合には「なぜこのデザインがよいのか」「どこを変えたいのか」などを言語化してやりとりする場面がでてきます。

その際に役立つ、おすすめの書籍を最後に紹介します。

クイズdeデザイン

クイズdeデザイン

「目立つのはどっち？」「綺麗なのはどっち？」「美味しそうなのはどっち？」といったクイズに対して、AとBのどちらのデザインがよいかを考えながら読み進める本です。
解説付きなので、クイズの正解と自分の回答を照らし合わせながらデザイン知識を学べます。

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

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

パッと見て伝わるバナーデザインを作るための工夫やテクニックが解説されています。デザインのBefore、Afterと改善ポイントが記載されているため、どこを変えると印象がどう変わるのか参考になります。

けっきょく、よはく。

けっきょく、よはく。

余白に注目したデザインレイアウトの本です。デザインのNG例、OK例でまとめてあり、余白の使い方、色使いのポイントなどがわかりやすく解説されています。

ぜひ、これらの書籍を通して「いいデザイン」とは何かを理解しながら、ギャラリーサイトで参考になるデザインのアイデアを探してみてください。

あわせて読みたい、デザイン関連記事

デザインのコツがわかる！オススメお役立ち資料5選

ferretで公開しているデザインに関する資料の中から、おすすめの資料をピックアップして紹介します。日々のマーケティング業務にお役立てください。

みんなが使えて導入しやすい！デザイン・動画・サイト制作の【簡単ツール特集】

専門職でなくても使いこなせるデザイン制作関連のツールを特集。弊社のマーケター・営業メンバーや総務・人事担当も実際に使えているツールを、1カテゴリにつき1つピックアップしてご紹介します。

成果が出ないサイトの原因はデザインかも？ デザイナーに聞く「ウェブアクセシビリティ」の重要性

多くのユーザーにとって使いやすく、コンバージョンにつながりやすいWebサイトを作るには、ウェブアクセシビリティへの配慮が重要です。ウェブアクセシビリティを改善するためのポイントについて、デザイナー間嶋沙知氏に伺いました。