【Webデザインの参考に】ギャラリーサイトまとめ41選

こんにちはプランナーの三村です。
今回は、Webサイトギャラリーサイトをひたすらまとめました。
普段WFの作成やWebデザインの参考事例を探すためギャラリーサイトを見たりしているのですが、以外と種類が多いです。社内でも人によってよく使うサイトが違うみたいだったので、今後の自分で活用するためにも数多あるギャラリーサイトを41選まとめました！
Web制作に従事する方に広く活用いただけたらと！
こまかな説明は割愛してます。気になるサイトがあったらぜひチェックしてみてください！

目次

・国内ギャラリーサイト
・海外ギャラリーサイト
・スマホ特化ギャラリーサイト
・LP特化ギャラリーサイト
・バナー特化ギャラリーサイト

国内ギャラリーサイト

1.イケサイ

https://www.ikesai.com/
広告多めですが、更新頻度高いので、日々なんとなく見るにはおすすめです。

2.ズロック

http://www.zzrock.net/
サムネイルを小さくできるので、一覧性が高くざっと探しやすいです。

3.ウェブ・ファインダー

http://w-finder.com/
そもそもこのサイトがおしゃれ。パネル状に並ぶサムネイルも見やすいです。

4.ARTNOC.COM

http://art-noc.com/
評価付きなので、デザインの良し悪しを判断しやすいです。まとめ記事も参考になります。

5.bookma! v3

http://bookma.org/
ワンカラム表示で見るのが、楽しいです。

6.Good Design Web

http://gooddesignweb.com/
ページが少し重いですが、おしゃれサイトばっかりチョイスされています。

7.I/O 3000

https://io3000.com/
シンプルで使いやすいです。細かなタグから探せるのも便利です。

8.IllustBookmark

http://www.illustbookmark.info/
イラストが使われているサイト専門のギャラリーサイトです。案件によっては非常に重宝します。

9.MUUUUU.ORG

http://muuuuu.org/
カテゴリが充実しているので、イメージしているWebサイトが探しやすいです。よく使います。

10.S5-Style

http://bm.s5-style.com/
このWebサイト自体がおしゃれです。背景を変えたり少しカスタマイズできるのも楽しいです。よく使います。

11. .SG_BOOKMARK

http://bookmark.dot-sg.com/
海外サイト含めかっこいいWebサイトが多いです。ブランディング用サイトの参考になりますね。

12.SANKOU!

https://sankoudesign.com/
バナーのデザインも併せて探せるが便利です。

13.Tau Magazine

http://www.tau-magazine.com/
コーポレート系のサイトも多く掲載されているので、案件によっては非常に重宝します。

14.WebDesignClip

https://www.webdesignclip.com/
各事例の詳細ページでは、デザインテイストの近いサイトが表示されます。検討しているサイトの方向性がある程度決まっている場合は便利です。

15.Webデザインサンプル

http://webdesignsample.net/
コーポレートサイトを多く掲載しているサイトです。案件によっては非常に重宝します。

16.WEBデザインの見本帳

http://www.web-mihon.com/
クリック数に応じたランキングが見られるので、デザインが注目されているサイトを見つけることができます。

17.web selection

http://web-selection.com/
最近のWebサイトは掲載されていないようです。

18.WPデザインギャラリー

http://wpgallery.kachibito.net/
WordPressを使用した国内外のWebサイトが掲載されています。WordPressでの構築を検討している際はぜひ参考したいです。

19.81-web.com

http://81-web.com/
サムネイルにオンマウスした際の挙動がいい感じです。そこから、タグやカテゴリ検索できるのも便利です。

海外ギャラリーサイト

20.Awwwards

http://www.awwwards.com/
海外の数あるWebサイトの中から、ユーザーの投票で掲載順位を決めてます。デザインや設計など、どの視点で評価されているのかもわかります。

21.BEST WEB GALLERY

http://bestwebgallery.com/
おしゃれなサイトばかりです。WordPressのテーマも掲載されてます。

22.CSS mania

http://www.cssmania.com/
ユーザー投票系のギャラリーサイトに比べると、一般的なコーポレートサイトも多く掲載されてます。

23.Minimal Exhibit

http://minimalexhibit.com/
サイトタイトル通り、ミニマルデザインのWebサイトを多く掲載しています。シンプルなデザインの参考になります。

24.site inspire

http://www.siteinspire.com/
各国の制作会社別に実績を見ることもできます。制作会社のサイトを見るのも面白いですね。

25.Sites we like

http://www.designmadeingermany.de/sites-we-like/
ドイツのギャラリーサイトです。このサイト自体がとてもシンプルで見やすいです。

26.The Best Designs

https://www.thebestdesigns.com/
ギャラリーから制作会社を探すこともできるサイトです。このサイトをはじめ海外のギャラリーサイトは、制作会社のプロモーションツールとしても活用さているようですね。

27.THE FWA

http://www.thefwa.com/site/the-carp-and-the-seagull
UIが独特なので、参考デザインの検索しにくいです。ただこのサイトをうろうろするだけでも楽しいです。

スマホ特化ギャラリーサイト

28.AGT

http://agtsmartphonedesign.com/
サムネイルにオンマウスするとスクロールされるので、直接サイトへ飛ばなくてもざっとデザインを見ることができて便利です。

29.iconDrop

http://icondrop.net/
スマホのアイコン専門のギャラリーサイトです。アプリのアイコンの参考になります。

30.inspiredUI

http://inspired-ui.com/
下層ページのサムネイルも掲載されています。ただ、検索性は低いです。

31.iPhoneデザインボックス

http://design.web-hon.com/
詳細ページでは、レコメンド表示が充実しているので、そこから探すのも便利です。

32.MOBILE PATTERNS

http://www.mobile-patterns.com/
ページの内容ごとにギャラリーをソートできます。例えばカレンダーページと絞れば、さまざまなWebサイト（アプリ）のカレンダーページのデザインだけ見ることができます。Webサイトよりアプリ向けの参考なりそうです。

33.pttrns

https://www.pttrns.com/
こちらの同じく、ページ内容ごとに探すことができます。

34.Responsive Web Design JP

http://responsive-jp.com/
上記キャプチャからわかるように、スマホ・タブレット・PCそれぞれの表示内容が一目でわかります。

35.sps collection

https://spscollection.com/
ほぼ毎日更新されているWebサイトです。コーポレートサイトの事例も多く参考になります。

36.Web Design Clip [S]

https://sp.webdesignclip.com/
サムネイルにオンマウスするとQRコードが表示されるので、PCで探して、持ってるスマホで確認するといったことができます。

LP特化ギャラリーサイト

37.ランディングページ集めました。

http://lp-web.com/
名前の通り、ランディングページ（以下LP）のみのギャラリーサイトです。

38.Web Design Clip [L]

http://lp.webdesignclip.com/
webdesignclipの姉妹サイトで、LP専門のギャラリーサイトです。女性向け商材のLPが多いです。

バナー特化ギャラリーサイト

39.Banner Matome

http://bannermatome.com/
300×250サイズのバナー専門のギャラリーサイトです。掲載数も多いので、何かしら参考になるものが見つかるかと思います。

40.バナーデザインアーカイブ

http://banner.keizine.net/
様々なサイズのバナーを探すことができます。自分の作るバナーサイズに合わせて探せます。

41.Retorobanner

http://retrobanner.net/
様々なサイズのバナーを探すことができます。さらにバナーで使用されている色も見ることができるので、色味を参考にしたい場合に便利です。

まとめ

いかがだったでしょうか。
各ギャラリーサイトごとに、ピックアップされているWebデザインに傾向があったりするので、自分が探しているイメージに合わせて使い分けられると便利です。各ギャラリーサイトのUIやデザインもチェックしつつお気に入りのサイトを探してみてください。