デザイン制作時の参考にしたりインスピレーションがもらえる、主にwebデザイン向け国内外のデザインギャラリーを紹介します。
主にwebデザイン向けになりますが、一部デザイン全般で参考になるサイトもあります。
中には特定のテーマやパーツに絞ったデザインのみを紹介しているギャラリーもあるので、日頃デザインしていて「この雰囲気のデザインをいつも悩む」とか「この部分の引き出しを増やしたい」という人は、そういったサイトを日頃からチェックするのがおすすめです。
過去にもこういったデザインギャラリーをまとめて紹介したエントリーを書きましたが、クローズしたサイトが目立ってきたり見つけた当時とは収集しているデザインが異なるテーマになっているサイトなどもあったので、それらの編集・削除も兼ねつつすべてひとまとめにしました。
webデザイン - 国内
webデザイン - 海外
スマートフォン
モバイル表示時のwebデザインの他、アプリやアイコンのデザインに特化したギャラリーもあります。
- iPhoneデザインアーカイブ
- iPhoneデザインボックス
- スマートフォンサイト集めました。
- SANKOU! sp
- AGT smartphone design gallery
一覧ページの各イメージはホバーでサイトイメージがスクロールされるようになっているので、わざわざ詳細ページに飛んだり該当サイトに飛ばないでもサイトの雰囲気やファーストビュー以外の部分を見ることができます。 - consim. β
同じアプリのデザインがiOSとAndroidでどのように違うかを比較して閲覧できます。 - sps collection
- Mobile Patterns
- iconDrop
iOSのアイコンデザインギャラリー。 - iOS Icon Gallery
同じくiOSのアイコンデザインギャラリー。
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デザインの参考ギャラリーは下記でもまとめており、いずれもここで紹介していないサイトになるので興味ある方はこちらも併せてチェックしてみてください。
バナー
バナーデザインを収集しているギャラリーで、いずれもサイズ・ジャンル・カラーなどで絞り込んで探すことができます。
ランディングページ
- ランディングページ(LP)集めました。
- ランディングページデザインリンク集
- LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE
こちらは上のギャラリーとは違い、スマートフォン向けのランディングページを集めたデザインギャラリー。 - 美容・化粧品(コスメ)ランディングページギャラリー
美容・化粧品(コスメ)関連のランディングページを集めたデザインギャラリー。 - Land-book
- Lapa Ninja
- Landingfolio
その他テーマ特化
シンプル・ミニマルなデザイン・縦長のサイト・レスポンシブ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サイトに特化したデザインが収集されています。
ロゴ
- ロゴストック
- 週刊ロゴデザイン
- GLaim
ゲームのデザインロゴが収集されています。 - Logopond
- Logospire
- Logo Faves
- LogoMoose
- Logo Of The Day
- LogoGallery.net
- Logoed
- LogoGala
- The Logo Mix
タイポグラフィ・フォント
- Typewolf
ギャラリーでは見栄えだけでなく使用されているフォント名やそれらをダウンロードできるページヘのリンクなども用意されています。 - Fonts In Use
こちらもデザインに使用されているフォントが記載されており、気になるものがあればギャラリー内でそのフォントが使われているその他のデザインを見ることもできます。 - Typ.io
フォント名だけでなく、フォントを配布しているサービスを条件に絞り込み検索などが可能です。 - I Love Ligatures
リガチャを用いているタイポグラフィデザインが収集されています。
その他のデザインギャラリー
以下はいずれもwebに限らずイラスト・プロダクト・パッケージ・ポスターなど様々なクリエイティブデザインが集められているサイトです。
世界中の様々なデザイナーが日々作品を投稿しているので、これまで紹介してきたサイトとはまた違ったインスピレーションをもらえると思います。