デザイン制作時の参考にしたりインスピレーションがもらえる、主にwebデザイン向け国内外のデザインギャラリーを紹介します。
主にwebデザイン向けになりますが、一部デザイン全般で参考になるサイトもあります。
中には特定のテーマやパーツに絞ったデザインのみを紹介しているギャラリーもあるので、日頃デザインしていて「この雰囲気のデザインをいつも悩む」とか「この部分の引き出しを増やしたい」という人は、そういったサイトを日頃からチェックするのがおすすめです。

過去にもこういったデザインギャラリーをまとめて紹介したエントリーを書きましたが、クローズしたサイトが目立ってきたり見つけた当時とは収集しているデザインが異なるテーマになっているサイトなどもあったので、それらの編集・削除も兼ねつつすべてひとまとめにしました。

webデザイン - 国内

webデザイン - 海外

スマートフォン

モバイル表示時のwebデザインの他、アプリやアイコンのデザインに特化したギャラリーもあります。

UI

特定のページデザインを参考にしたり、見出し・ボタン・ナビなど細かいパーツデザインなどを参考にしたいときに便利なギャラリーです。

  • UI Garage
    UIのインスピレーションが欲しいときにおすすめのギャラリーです。
    プラットフォームやカテゴリでの絞り込み検索も可能なので、目的のデザインも見つけやすいと思います。
  • UICloud
    カテゴリー・エレメント・カラーから絞り込んで探すことができます。
  • lookup.design
    ワードやカテゴリーから絞り込んで探すことができます。
  • Interfaces
    切り替え動作が若干気にはなりますが、デスクトップ時の見栄えとモバイル時の見栄えの違いを確認できます。
  • NavNav+
    サイト名にナビとありますがナビに限らず様々なUIが収集されており、全体的にその見栄え・動きを実装できるチュートリアルやCodePenにリンクされているので、気になるものがあればそのままリンク先を参照して実装することもできると思います。
  • Parts.
    SaaSのサービスサイトやLPデザインからピックアップしたパーツデザインが収集されています。
  • SaaS Pages
    同じくSaaSからピックアップしたパーツデザインが収集されており、こちらは海外サイトのものです。
  • Good Web Design
    主にランディングページのデザインパーツが収集されています。
  • ブブンデザインアーカイブ
    国内のwebデザインを参照したパーツデザインが収集されています。
  • 見出しデザイン.com
    国内のwebデザインを参照した見出しデザインが収集されています。
  • Headers
    ヘッダーデザインが収集されており、「コーポレート」や「サービス」などで絞り込んで閲覧可能です。
  • MAIN VISUAL collection
    メインビジュアル・キービジュアル部分のデザインが収集されています。
  • WEBデザインのメインビジュアルまとめ
    同じくメインビジュアル・キービジュアル部分のデザインが収集されています。
  • HeaderLove
    ヘッダーとメインビジュアル部分のデザインが収集されており、いずれも海外のwebデザインになります。
  • フッターデザイン.com
    フッター部分のデザインが収集されています。
  • HOVERSTAT.ES
    ホバー時・クリック時・スクロール時など、特定アクションを行った際のアニメーションに注目したデザインが収集されています。
  • House of Buttons
    ボタンデザインのみが収集されています。
  • Websites with Ghost Buttons
    ゴーストボタンのデザインのみが収集されています。

UIデザインの参考ギャラリーは下記でもまとめており、いずれもここで紹介していないサイトになるので興味ある方はこちらも併せてチェックしてみてください。

バナー

バナーデザインを収集しているギャラリーで、いずれもサイズ・ジャンル・カラーなどで絞り込んで探すことができます。

ランディングページ

その他テーマ特化

シンプル・ミニマルなデザイン・縦長のサイト・レスポンシブwebデザインなど、ある特定のテーマのwebデザインのみを集めたようなギャラリーです。

  • Minimal Exhibit
    シンプル・ミニマルなwebデザインが収集されています。
  • Minimal Gallery
    同じくシンプル・ミニマルなwebデザインが収集されています。
  • One Page Love
    シングルページのwebデザインが収集されています。
  • MUUUUU.ORG
    クオリティが高い縦に長いサイトwebデザインを厳選して収集されています。
  • 縦長ページのデザイン 集めました
    同じく縦長なwebデザインが収集されています。
  • Media Queries
    レスポンシブwebデザインが収集されており、1サイトをデスクトップ・ラップトップ・タブレット・スマートフォンの各サイズで表示したキャプチャを用いて一覧化しているので見やすいです。
  • Responsive Web Design JP
    国内のレスポンシブwebデザインが収集されており、1サイト3パターンのキャプチャで一覧化しているので各サイズの違いが見やすいです。
  • 4db
    地域別にwebデザインが収集されており、都道府県や業種で検索できます。
  • 不動産デザインギャラリー
    国内の不動産業界のwebデザインを収集しているギャラリーで、テイストやコンテンツなどでカテゴライズもされています。
  • ウェブコレクション!
    ゲームやアニメに関連するwebデザインが収集されています。
  • Wireframe Showcase
    今までのようなデザインギャラリーとは違ってワイヤーフレームが収集されておりで、ワイヤーと実際に制作されたサイトを同時に確認できます。
  • Bootstrap Expo
    Bootstrapで作られたサイトのみ収集されています。
  • TabPatterns
    タブレットに特化したデザインが収集されています。
  • IOS Design Inspirations
    iOSに特化したUIデザインやアプリアイコンデザインが収集されています。
  • 2nds
    他のギャラリーサイトとは違って、TOPページからではなく第2階層から探すことができます。
  • 採用サイト集めました
    採用サイトのwebデザインが収集されています。
  • Folio Focus
    ポートフォリオが収集されています。
  • 日本全国フリーランスWebデザイナーHP集
    国内フリーランスのwebデザインが収集されています。
  • Creative Portfolios
    クリエイティブなポートフォリオデザインが収集されています。
  • 🌘 Dark Mode Design
    ダークモード専用 または ダークモードに切り替えできるwebデザインが収集されています。
  • Cart Craze
    いずれも海外のものになりますが、ECサイトに特化したデザインが収集されています。
  • CartFrenzy
    同じく海外のECサイトに特化したデザインが収集されています。

ロゴ

タイポグラフィ・フォント

  • Typewolf
    ギャラリーでは見栄えだけでなく使用されているフォント名やそれらをダウンロードできるページヘのリンクなども用意されています。
  • Fonts In Use
    こちらもデザインに使用されているフォントが記載されており、気になるものがあればギャラリー内でそのフォントが使われているその他のデザインを見ることもできます。
  • Typ.io
    フォント名だけでなく、フォントを配布しているサービスを条件に絞り込み検索などが可能です。
  • I Love Ligatures
    リガチャを用いているタイポグラフィデザインが収集されています。

その他のデザインギャラリー

以下はいずれもwebに限らずイラスト・プロダクト・パッケージ・ポスターなど様々なクリエイティブデザインが集められているサイトです。
世界中の様々なデザイナーが日々作品を投稿しているので、これまで紹介してきたサイトとはまた違ったインスピレーションをもらえると思います。