「ここでいい」を「ここがいい」へ。発注先探しなら比較ビズで

Webデザインの参考になるギャラリーサイト12選

公開日:2021年05月17日 最終更新日:2022年01月21日
Webデザインの参考になるギャラリーサイト12選

Webデザインにおいて「お洒落なデザインを参考にしたい」「新しいインスピレーションを得たい」といったときに、ギャラリーサイトは役立ちます。そんなギャラリーサイトですが、現在国内外で、多種多様なサイトが存在しています。ここでは、本当にオススメできるサイトのみを厳選して紹介。評価軸を明確にして厳選したので「なぜオススメなのか?」解説付きで読めます。現在ギャラリーサイトを探している方、もっと探しやすいサイトを探している方は参考になるかと思います。

厳選!Webデザインで参考にしたいギャラリーサイト12選

本当にオススメしたいギャラリーサイトを以下にまとめました。

サイト名 オススメ度 特徴
Design Corellction(デザコレ) ★★ 全てにデザイン解説がありデザイン初心者にオススメ
I/O 3000 ★★★ お洒落なデザインが多く、一覧をシャッフルできるのでアイデア探しに重宝
81-web.com ★★ サイト内でお気に入りのデザインを残せるので自分だけのアイデア帳ができる
MUUUUU.ORG ★★★ 動きのあるデザインなど、デザイン上級者が参考にしたいクオリティが高いサイトが多い
bookma! ★★ PCとスマホ画面を同時に確認できるのでスマホのデザインをサクッと確認したいときに重宝
WebDesignClip ★★★ クオリティが高いサイトが多くトレンドを知りたい人にオススメ、カテゴリも豊富でデザインを探しやすい
現代デザイン ★★★ 下層ページのデザインも一覧上で確認できるので、サイトに行かなくてもだいたいの雰囲気がわかる
1GUU ★★★ 一覧からアニメーションが確認できる。動きのあるデザインを考えている上級者にオススメ
Landingfolio 海外のLPが多く掲載されており、独特なデザインが多い
Siiimple ★★ 海外サイトのシンプルなデザインのみを取り扱っている、ミニマルなサイトを作成したいときに重宝
WebDesignClip ★★★ クオリティが高いサイトが多くトレンドを知りたい人にオススメ、カテゴリも豊富でデザインを探しやすい
The Best Designs サイトに移動しなくても下層ページのデザインを見れるのが強み、海外サイトで少し使いにくい

次に、上記で挙げた12サイトを「使いやすさ」と「個性」の2軸で評価してみます。評価軸の「使いやすさ」は、以下の点を見ます。

  • 掲載数の多さ
  • 更新頻度
  • 検索のしやすさ(カテゴリの豊富さ)

「個性」は以下の点で評価します。

  • レイアウト・デザインが独特
  • 掲載しているサイトが特徴的

上記に沿って評価すると、12サイトは、下図のように、4つに分類できます。

以降では、分類ごとの特徴を解説し、各ギャラリーサイトの詳細な解説をしていきたいと思います。

安定の王道サイト4選

「安定の王道サイト」に分類されるのは、とにかく使いやすいサイトです。

特に、以下の4サイトは、掲載されているデザインのクオリティが高く、掲載数も豊富な優れたサイトです。ギャラリーサイトといえば、コレと言う方も多く、ギャラリーサイトを紹介する記事には必ず登場する王道のサイトです。

MUUUUU.ORG

参照元:MUUUUU.ORG

  • とにかくクオリティが高いサイトが多い
  • カテゴリ分けが非常に細かい

縦に長く、圧倒的に高いクオリティのサイトを厳選しています。ここを見とけば間違いないと言われるほど、サイトの質が高いので、「とにかくお洒落なデザインを参考にしたい」方は重宝します。

企業情報

住所:東京都 新宿区新宿2-6-4 新宿通東洋ビル6F

I/O 3000

参照元:I/O 3000

  • シンプルでギャラリーが見やすい
  • 更新頻度が高く、イケてるサイトが多い

シンプルな設計で、各サイトのファーストビューがしっかり確認できて見やすいレイアウトになっています。頻繁にお洒落なサイトが上がるので定期的にチェックして、デザインのインスピレーション探しに使えます。

企業情報

住所:東京都 新宿区

81-web.com

参照元:81-web.com

  • 国内サイトのみ厳選
  • モバイルのデザインを簡単に確認できる

日本のイケてるサイトが厳選されています。ワンクリックでPC、スマホの全体デザインを確認できるので、気になるサイトのディティールをチェックできます。

企業情報

住所:東京都 新宿区

Web Design Clip

参照元:Web Design Clip

  • 国内外のお洒落なサイトを集めたギャラリーサイト
  • モバイルのデザインも豊富

国内外のお洒落なサイトが多く掲載されています。タブ切り替えで国内・国外を簡単に切り替えられます。更新頻度はあまり高くないものの、モバイルデザインが多数掲載されているので、日々の参考になるかと思います。

企業情報

住所:東京都 新宿区

特徴的なサイト3選

「特徴的なサイト」に分類されるのは、一般的なギャラリーサイトとは違い、一覧や詳細ページに独自の特徴があるサイトです。独自の特徴があるものの、カテゴリも豊富で、ギャラリーサイトとして使いやすいので、普段使いもできます。

デザコレ

参照元:デザコレ

  • 現役デザイナーによるデザインの解説が読める
  • カテゴリが豊富でデザインを探しやすい

他のギャラリーサイトと違い、デザコレにはサイトごとにデザインの解説文があります。各サイトの特徴や優れた点が記載されているので、デザイン初心者の方は参考になるかと思います。

企業情報

住所:東京都 新宿区

1GUU

参照元:1GUU

  • アニメーションをとりいれたサイトに特化したギャラリーサイト
  • 一覧でアニメーションの動きを確認できる

アニメーションなど、動きのあるサイトが多く掲載されています。最大の特徴は一覧から各サイトの動きを確認できる点で、デザイン上級者は日々のインスピレーション探しに重宝するでしょう。

企業情報

住所:東京都 新宿区

現代デザイン

参照元:現代デザイン

  • 一覧で下層ページが確認できる
  • お洒落でサイトが多いので参考になる

ギャラリーサイトは一覧上にファーストビューを表示するのが一般的ですが、現代デザインでは中面ページもファーストビューと一緒に表示しています。なのでサイト全体のイメージをサクッと確認できます。

企業情報

住所:東京都 新宿区

独特なデザインを探せるサイト2選

「海外の洗練されたデザインを探したい」といった、国内だけでなく海外のWebデザインも見たい方にオススメなのが、「独特なデザインを探せるサイト」に分類されたサイトです。

海外のサイトのみを扱っており、運営も日本ではないので、多少の使いにくさはありますが、新しいインスピレーションを得たい方にオススメです。

Landingfolio

参照元:Landingfolio

  • 海外のサービスLPやデザインツールのLPを参考にできる
  • 独特なレイアウトを見たい方にオススメ

海外のLPを集めたギャラリーサイトです。WebサービスやデザインツールのLPが多数掲載されており、海外特有の自由なレイアウトが多いです。日本サイトのLPを見つくした、新たなインスピレーションを得たい方にオススメです。

企業情報

住所:東京都 新宿区

Siiimple

参照元:Siiimple

  • シンプルかつスタイリッシュなデザインの海外サイトが多数掲載
  • 詳細ページでデザインの細部を確認できる

お洒落なシンプルデザインを探している方にオススメのサイトです。掲載されているのは海外サイトのみで、掲載数もあまり多くないですが、最先端のお洒落なデザインを参考にできます。

企業情報

住所:東京都 新宿区

他とは違う尖ったサイト2選

「他とは違う尖ったサイト」に分類されるのは、他のギャラリーサイトと比べて、レイアウトが特徴的なサイトです。スマホデザインをサクッと確認したいときやサイトの雰囲気をサクッと知りたいときに重宝しますが、検索機能やカテゴリ分けが弱く、使いやすさは他のサイトに比べ劣ります。

なので、普段使いは向いていませんが、用途ごとにスポットで利用するのにオススメなサイトです。

bookma!

参照元:bookma!

  • 一覧でPC、スマホ両画面のデザインを確認できる
  • お洒落なサイトが高頻度で更新される

ギャラリーサイトは一般的にPCの画面をキャプチャした一覧画面が多い中、bookma!はPCとスマホ両画面を一覧で確認できます。また、掲載されているサイトのデザインも高クオリティなので、インスピレーション探しに重宝します。

企業情報

住所:東京都 新宿区

まとめ

今回は、使いやすさと独自性でギャラリーサイトを定義分けして紹介。「普段使いできるサイトを探している」「癖のあるデザインが載っているサイトを探している」などギャラリーサイトを探す多様なニーズに応えられると幸いです。

中でも「安定の王道サイト」で取り上げた4サイトは、本記事のようなギャラリーサイトを紹介する記事で、必ずといっていいほど取り上げられており、多くの現役デザイナーも利用している良質なサイトなので一度チェックしてみてください。

他に、制作会社の実績ページもWebデザインの参考に最適です。ながく参考にしていると、その制作会社がよく使っている文字フォントや、ボタンデザインの癖などがわかり、デザインの幅も広がってオススメです。

ホームページ制作・デザインを一括見積もりで発注先を楽に探す
比較ビズへ掲載しませんか?

一括見積もりで発注先を探す