Webデザインのサンプルに最適！ギャラリーサイト30選をジャンル別に紹介

Webデザインに関わっているなかで、ときには「デザインのアイディアが浮かばない…！」と悩んでしまうこともあるでしょう。
そんなときには、さまざまなWebデザインを見てみるのが効果的です。

とはいえギャラリーサイトはいくつもあるため、どこで見ればよいのかと迷ってしまう方も多いでしょう。
そこでこの記事では、以下の4つのタイプ別におすすめのギャラリーサイトをご紹介していきます。

業務や勉強に活かせるWeb制作のアイディアが欲しい方は、ぜひ最後まで読み進めてくださいね。

【Webデザインのサンプル】国内ギャラリーサイト15選

まずは、おすすめの国内ギャラリーサイト15選をご紹介していきます。

国内の厳選したギャラリーサイトを集めたので、ぜひ参考にしてください。
それでは順番に見ていきましょう！

1.SANKOU!

(出典：SANKOU!)

「SANKOU!」はデザイン性が高く、高品質なWebサイトがそろっているギャラリーサイトです。
更新頻度も高く、トレンドのデザインをいち早く知りたい方におすすめ。

また、

の3つのカテゴリー別に検索できるのも魅力的なポイントです。

2.イケサイ

(出典：イケサイ)

「イケサイ」は、高品質なデザインを幅広く見るのにおすすめなギャラリーサイト。
ほぼ毎日2つから4つのサイトが新しく追加されているため、更新頻度は高いといえます。

Webサイトのカテゴリーやカラー別に検索できるのも嬉しいポイントです。

3.MUUUUU.ORG

(出典：MUUUUU.ORG)

「MUUUUU.ORG」は、クオリティの高い縦長のサイトが集められているギャラリーサイト。
現場レベルで参考になるデザイン性の高いWebサイトが集結しており、とても参考になります。

カテゴリーでソートして表示できるのも嬉しいポイントです。
デザイン性の高いサイトの設計部分まですぐに知りたい方におすすめ。

4.ズロック

(出典：ズロック)

「ズロック」は、国内のデザイン性に優れたかっこいいWebサイトを集めたギャラリーサイト。

によって、検索できる点がとても便利です。

掲載されているサイトはどれも見栄えがよいものばかりなのも嬉しいポイント。

5.81- web.com

(出典：81- web.com）

「81-web.com」は、Webサイト制作に役立つデザイン性の高いサイトを集めたギャラリー&リンク集です。
サイトドメインの「81-web.com」は、日本の国際電話番号「81」に由来しています。

気に入ったWebサイトを「お気に入り機能」に登録できるのも嬉しいポイント。
また、実際にWebサイトを開かなくてもプレビュー表示ができるなど、操作性に優れています。
サイト自体もシンプルで見やすいのが特徴です。

6. Design-trigger

(出典： Design-trigger)

「Design-trigger」は、国内のWebデザインリンク集・Webデザインのギャラリーサイトです。

のカテゴリー別に検索できるためとても使いやすいのが特徴。

7.straightline bookmark

(出典：straightline bookmark)

「straightline bookmark」は、国内のデザイン性の高いWebサイトを集めたギャラリーサイト。

レイアウト別にも検索できるのが特徴です。
Webサイトの設計を中心に知りたい方におすすめ。

8.S5-Style

(出典：S5-Style)

「S5-Style」は、参考になるハイクオリティなWebサイトが集められたギャラリーサイト。

別にまとめられているため、検索も容易にできます。

他のギャラリーサイトにはあまりない「タイポグラフィー･文字のWebデザイン」のカテゴリーがあるのが特徴です。

9.Web Design Clip

(出典：Web Design Clip)

「Web Design Clip」は、トレンドをおさえたWebサイトが多いギャラリーサイト。
Web Design Clipのサイト自体もデザイン性が高く、見やすいのが特徴です。
カテゴリーやタグも細かく設定して検索できます。

デザインに迷ったらまず参考にしていただきたいギャラリーサイトです。

10.Good Design Web

(出典：Good Design Web)

「Good Design Web」は、国内外のクオリティが高いWebサイトを集めたギャラリーサイトです。

など多種多様な検索カテゴリーがあるのが特徴。

幅広いデザインを見たいときにおすすめなギャラリーサイトです。
他のギャラリーサイトにはないデザインも、Good Design Webなら見つけられるかもしれません。

11.週刊ウェブデザイン

(出典：週刊ウェブデザイン)

「週刊ウェブデザイン」は、バラエティ豊かなWebサイトを集めたギャラリーサイト。
毎週20サイト以上更新しているため、いつ見ても新しいWebサイトに出会えます。

Webデザインだけではく、写真素材やロゴデザインなども紹介しているのが特徴。
掲載されているWebサイトが多く、あらゆるタイプのデザインを学べます。

12.WEBデザインの見本帳

(出典：WEBデザインの見本帳)

「WEBデザインの見本帳」は、Webデザイナーのために作られたギャラリーサイト。
ハイクオリティなWebサイトが数多く集められています。

また、

など、細かくカテゴリー分けされているため操作性も抜群です。

サイトの便利な使いかたを丁寧に解説しているのも嬉しいポイント。

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

(出典：WPデザインギャラリー)

「WPデザインギャラリー」は、WordPressを使用したWebサイトを集めたギャラリーサイトです。
掲載されているWebサイトをクリックしなくても、そのサイトの特徴を見れるのが嬉しいポイント。

幅広く多くのデザインを見たいときにおすすめです。

14.ARTNOC.COM

(出典：ARTNOC.COM)

「ARTNOC.COM」は、クリエイティブなWebサイトが収集されたギャラリーサイト。

別に分類されているため、検索も簡単にできます。

業種やデザインスタイルなどが細かく分類しているのが特徴です。

15.bookma! v3

(出典：bookma! v3)

「bookma! v3」は、パソコンとスマホの両方を一気に見れるギャラリーサイト。
パソコンとスマホの表示が並べて掲載されているため、レスポンシブデザインを比較しながら確認できます。

レスポンスシブデザインを重視したいときにおすすめ。

---

「今の働き方に不満はあるけど、日々の業務が忙しくてゆっくり考える時間がない…」
そんな悩みを持つ方に向けて【DMM WEBCAMP】では無料のキャリア相談を実施しています。
ビデオ通話で相談をすることができるため、仕事で忙しい方でもスキマ時間に気軽にカウンセリングを受けることも可能です！
プロのキャリアカウンセラーと一緒に、今後のキャリアについて考えてみませんか？

【Webデザインのサンプル】海外ギャラリーサイト7選

国内のおすすめギャラリーサイトはいかがでしたか？
ここからは、海外のおすすめギャラリーサイトをご紹介していきます。

国内のギャラリーサイトとの違いも楽しみながらぜひご覧ください。
それではさっそく見ていきましょう！

1.CSS Design Awards

(出典：CSS Design Awards)

「CSS Design Awards」は、革新的なWebサイトを表彰する国際的なギャラリーサイト。

の3つの観点からWebサイトを評価し掲載しているのが特徴です。

2.AWWWARDS

(出典：AWWWARDS)

「AWWWARDS」は、クオリティの高いWebサイトを表彰しているギャラリーサイト。
AWWWARDSに掲載されているWebサイトを見れば、トレンドデザインがすぐにわかります。

多くの人を魅了するデザインが見たいときにおすすめです。

3.One Page Love

(出典：One Page Love)

「One Page Love」は、1ページのみで構成されたペラサイトをだけをまとめたギャラリーサイトです。

さまざまなカテゴリー別に検索できるため、数多くのデザインに触れられます。
ペライチサイトのデザイン構成を見たいときにおすすめです。

4.WeLoveWP

(出典：WeLoveWP)

「WeLoveWP」は、WordPressのデザインサイトを集めたギャラリーサイト。
WordPressで作成されたWebサイトがメインに掲載されているため、個人のブログやポートフォリオが中心です。

デザイン性が優れたサイトが多数掲載されているのが特徴。

5.Minimal Exhibit

(出典：Minimal Exhibit)

「Minimal Exhibit」は、名前の通りミニマル系のWebサイトを収集したギャラリーサイト。
無駄を省き、最小限の情報で作成された魅力的なWebサイトが多数掲載されています。

など、多種多様なタグでデザインを検索できるのが特徴です。

6.Folio Focus

(出典：Folio Focus)

「Folio Focus」は、ポートフォリオに特化したギャラリーサイトです。

イラスト、写真、グラフィックなどを使った、ハイクオリティなデザインが数多く見れます。
ポートフォリオを作るときにはぜひ参考にしてみてください。

7.site inspire

(出典：inspire)

「site inspire」は、デザイン性の高いWebサイトを数多く掲載しているギャラリーサイト。
掲載しているサイトの数はなんと7,800以上！

デザインのスタイルやタイプ別に個性豊かなデザインを見れるのが特徴です。

【Webデザインのサンプル】スマホ特化ギャラリーサイト3選

スマホの利用者が増えている現代では、スマホ向けのデザインの研究も必要不可欠です。
ここからは、スマホに特化したギャラリーサイトを3つご紹介するので、ぜひ参考にしてくださいね。

1.iPhoneデザインボックス

(出典：iPhoneデザインボックス 公式サイト)

「iPhoneデザインボックス」は、国内のスマホサイトがまとめられているギャラリーサイトです。
カラーやデザインのイメージ、業種などカテゴリー別に検索できます。

詳細ページにいけばスマホとパソコンの両方の画面が同時に確認できるのが特徴です。

2.Responsive Web Design JP

(出典：Responsive Web Design JP)

「Responsive Web Design JP」は、ハイクオリティなレスポンシブ対応のWebサイトを集めたギャラリーサイト。
技術やカラー、タイプ別に検索できます。

レスポンシブデザインに困ったときに、ぜひ活用してみてください。

3.AGT smartphone design gallery

(出典：AGT smartphone design gallery)

「AGT smartphone design gallery」は、スマホ、iPhone向けのハイクオリティなWebサイトを収集したギャラリーサイト。
サイトはシンプルで見やすく、検索もしやすいのが特徴です。

スマホ向けのデザインのアイディアが欲しいときにおすすめ！

---

「今の働き方に不満はあるけど、日々の業務が忙しくてゆっくり考える時間がない…」
そんな悩みを持つ方に向けて【DMM WEBCAMP】では無料のキャリア相談を実施しています。
ビデオ通話で相談をすることができるため、仕事で忙しい方でもスキマ時間に気軽にカウンセリングを受けることも可能です！
プロのキャリアカウンセラーと一緒に、今後のキャリアについて考えてみませんか？

【Webデザインのサンプル】特定のパーツ特化ギャラリーサイト5選

Web制作をしていると、バナーやフッターなどのパーツデザインに悩んでしまうときもありますよね。
そこでここからは、Webデザインの特定パーツに特化したギャラリーサイトをご紹介していきます。

1.iconDrop

(出典：iconDrop)

「iconDrop」は、iPhoneやiPadアプリ向けのアイコンをまとめたギャラリーサイト。
カラーやタグ、タイプなどに分類されているため検索も簡単です。

アプリ開発やリニューアルなど、アイコンを制作する際の参考にしてみてはいかがでしょうか。

2.見出しデザイン.com

(出典：見出しデザイン.com)

「見出しデザイン.com」は、Webサイトの見出しデザインに特化したギャラリーサイト。

などをカテゴリー別に検索できます。

アイディアの引き出しを増やすのにも最適です。

3.フッターデザイン.com

(出典：フッターデザイン.com)

「フッターデザイン.com」は名前の通り、フッターに特化したギャラリーサイトです。
イラスト、横並びメニュー、カラムメニューなどのカテゴリー別に分類されています。

フッターのデザインに悩んでときにはぜひ活用してみてください。

4.Banner Matome

(出典：Banner Matome)

「Banner Matome」は、さまざまなジャンルのバナーが掲載されているギャラリーサイト。

カラーや業種、表現別にバナーを探せます。
バナー作りのアイディアに困ったときはぜひ活用してみてください。

5.UI Movement

(出典：UI Movement)

「UI Movement」は、UIのアニメーションを収集したギャラリーサイト。

など、パーツごとにタグが設定されているため、探したいパーツのデザインもすぐに見つけられるでしょう。

まとめ：デザインのサンプルは目的に合わせて使い分けることが大切

今回は現場で使えるクオリティの高いギャラリーサイトをご紹介していきました。
あなたに合ったギャラリーサイトは見つかりましたか？

日頃からさまざまなWebサイトを観察していれば、自然とデザイナーとしてのスキルアップにも繋がります。
トレンドを理解したり、デザインの幅を広げるためにも、ぜひさまざまなギャラリーサイトをチェックしてみてください。