特定のジャンルに特化したデザインギャラリーやショーケースのまとめ

特定のジャンルに特化したデザインギャラリーやショーケースのまとめ

引き続きデザインの参考になるギャラリーなどを整理兼ねてシェアします。縦長のサイトのみを集めたギャラリーや各パーツデザインのみを集めたギャラリー、素敵なヘッダー・フッターデザインのみを集めたまとめエントリーなど、特定のジャンルに特化したギャラリーやデザインショーケースをまとめたエントリーのまとめです。

2014年2月7日 追記
9. ランディング」に「美容・化粧品(コスメ)ランディングページギャラリー」を追記しました。
2014年2月13日 追記
1. ジャンル特化」に「Bootstrap Expo」を追記しました。
2. EC」に「Rakuu(ラクー)」を追記しました。
2014年4月25日 追記
4. UI・UX・パーツデザイン」に「WEBデザインのメインビジュアルまとめ」と「MAIN VISUAL collection」を追記しました。
7. ロゴ」に「週間ロゴデザイン」を追記しました。
2014年7月23日 追記
1. ジャンル特化」に「TabPatterns」を追記しました。
4. UI・UX・パーツデザイン」に「Call to Idea」を追記しました。
8. バナー」に「参考にしたいバナーまとめ」を追記しました。
2015年1月14日 追記
1. ジャンル特化」に「FourZeroFour」を追記しました。
4. UI・UX・パーツデザイン」に「Header Love」と「Hover States」と「Websites with Ghost Buttons」を追記しました。
2015年5月21日 追記
4. UI・UX・パーツデザイン」に「Use Your Interface」を追記しました。
8. バナー」に「BANNER LINKS」を追記しました。
11. スマートフォン・アプリ」に「sps collection」と「thinkthing」を追記しました。
2015年10月17日 追記
9. ランディング」に「LAPA」と「Landingfolio」を追記しました

特に何も定まっていない時は一般的なWebデザインギャラリーを見ることが多いですが、このパーツやUIはどんな感じにしようかという感じで具体的に参考にしたい部分がある場合には、こういったギャラリーやエントリーは非常に便利です。
整理したかったのもあって自分が知っているものやブクマしてたものは全部紹介しているので、もし「このギャラリーのが良いよ!」とか「このエントリー知らないなんて!」みたいなのあれば是非共有してください。

特定のジャンルに特化したデザインギャラリーやショーケースのまとめ 目次

  1. ジャンル特化
  2. EC
  3. ポートフォリオ
  4. UI・UX・パーツデザイン
  5. フォント・タイポグラフィ
  6. ファビコン
  7. ロゴ
  8. バナー
  9. ランディング
  10. ヘッダー・フッター
  11. スマートフォン・アプリ
  12. WordPress
  13. 名刺

1. ジャンル特化

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

siiimple

siiimple

シンプル・ミニマルなWebデザインを集めたギャラリーサイト。

Minimal Sites

Minimal Sites

同じくシンプル・ミニマルなWebデザインを集めたギャラリーサイト。

MinimalExhibit

MinimalExhibit

同じくシンプル・ミニマルなWebデザインを集めたギャラリーサイト。

Flat UI Design

Flat UI Design

フラットデザインのみを集めたギャラリーサイト。

SITEFOLIO

SITEFOLIO

実績から制作会社を探せるという、少し変わったタイプのギャラリーサイト。

IllustBookmark

IllustBookmark

イラストが使用されているWebデザインを集めたギャラリーサイト。

BandD bookmark

BandD bookmark

プロアマ問わずバンドのWebデザインを集めたギャラリーサイト。

WEB作成のプロが魅せるWEBデザイン

WEB作成のプロが魅せるWEBデザイン

Web制作会社のWebデザインを集めたギャラリーサイト。

One Page Love

One Page Love

シングルページのWebデザインを集めたギャラリーサイト。

MUUUUU.ORG

MUUUUU.ORG

クオリティが高い縦に長いサイトWebデザインを厳選して集めているギャラリーサイト。

縦長ページのデザイン 集めました

縦長ページのデザイン 集めました

同じく縦長なWebデザインを集めているギャラリーサイト。

Media Queries

Media Queries

レスポンシブWebデザインを集めたギャラリーサイト。
PC・タブレット・スマートフォンの感じで1サイト4パターンのキャプチャで一覧化しているので見やすいです。

Responsive Web Design JP

Responsive Web Design JP

同じくレスポンシブWebデザインを集めたギャラリーサイトですが、こちらは日本国内限定で集めているものです。
こちらも1サイト3パターンのキャプチャで一覧化しているので見やすいです。

4db

4db

地域別Webデザインのみを集めたギャラリーサイトで、都道府県や業種で検索できます。

Real Estate Design Gallery

Real Estate Design Gallery

不動産のWebデザインを集めたギャラリーサイト。

モバイルデザインアーカイブ

モバイルデザインアーカイブ

モバイルサイトのWebデザインを集めたギャラリーサイト。

ウェブコレクション!

ウェブコレクション!

生活に役立つ・ゲーム・アニメ・サイトを集めたリンク集で、ゲームやアニメのWebデザインが沢山まとめられています。

45 Japanese Animation & Video Game Website Layouts – DesignM.ag

45 Japanese Animation & Video Game Website Layouts - DesignM.ag

DesignM.ag」という海外ブログのエントリーなんですが、日本のアニメやゲームのWebデザインをまとめています。
ファイナルファンタジー・ドラゴンクエスト・初音ミク・どうぶつの森など、ジャンルも様々で全45サイト紹介されています。

404 not found

404 not found

404ページのWebデザインを集めたギャラリーサイト。

FourZeroFour

FourZeroFour

404design

404design

同じく404ページのWebデザインを集めたギャラリーサイトで、こちらは国内のサイトも多くあります。
全然更新してないから正直悩みましたが、他の404ページのギャラリーがどれも閉鎖してしまっていたので一応メモ…。

Wireframe Showcase

Wireframe Showcase

今までのようなデザインギャラリーではないですが、こちらはワイヤーフレームを集めたギャラリーサイトで、ワイヤーフレームと実際に制作されたサイトを同時に確認できます。

jquer.in

jquer.in

同じくデザイン系ではないですが、こちらはjQueryプラグインをひたすら集めているというギャラリーです。

jQuery Style

jQuery Style

同じくjQuery関連のギャラリーですが、こちらはプラグインだけでなくjQueryが使用されている素敵なWebデザインも紹介されています。

Blite design

Blite design

白や黒のカラーデザインのみを集めたデザインギャラリーサイト。

Bootstrap Expo

Bootstrap Expo

Bootstrapで作られたサイトのみを集めたギャラリーサイト。

TabPatterns

TabPatterns

タブレットに特化したデザインギャラリー。

目次へ

2. EC

ショップ全体やカート周りなど、ECをテーマにしたギャラリーやエントリーです。
楽天とかの場合はいろいろ制限あったりそもそもカート周りいじるのとか無理なのであまり参考にならないかもですが、EC-CUBEとか自社で構築しているものであれば見せ方など非常に参考になるかと思います。

※全然関係ないんですけど、楽天やYahoo!ショッピングといった大手モールのデザインギャラリーあったりするのかと思ったんですがないんですね。
メモしてた中でそれっぽいのがひとつだけあったんですが、見辛いしよくカテゴリー分けとかもよくわからないので紹介するのはやめました…。

2014年2月13日に、楽天ショップ専用のギャラリー「Rakuu(ラクー)」を見つけたので追記しました。

Cart Craze

Cart Craze

海外のものですが、ECサイトのWebデザインを集めたギャラリーサイト。

Ecommerce Web Design

Ecommerce Web Design

こちらも同じく海外のECサイトのWebデザインを集めたギャラリーサイト。

以下も同じく海外のものですが、EC関連のデザインをまとめているエントリー。

Rakuu(ラクー)

Rakuu(ラクー)

楽天ショップのデザインのみを集めたギャラリーサイトで、カテゴリー分けもわかりやすくされており、GOLDのみに絞って検索する機能がついています。
正直楽天絡みの作業はほとんどやらないんですけど、個人的にありそうでないなーとずっと思っていたタイプのギャラリーなので、更新を密かに応援したいです。

目次へ

3. ポートフォリオ

Folio Focus

Folio Focus

ポートフォリオを集めたギャラリーサイト。

Freelancer Website Collection

Freelancer Website Collection

国内のフリーランスで活動している方々のWebデザインを集めたギャラリーサイト。

日本全国フリーランスWebデザイナーHP集

日本全国フリーランスWebデザイナーHP集

同じく国内のフリーランスのWebデザインを集めたギャラリーサイト。

目次へ

4. UI・UX・パーツデザイン

Webデザインの細かい部分を参考にしたい時に便利なギャラリーやエントリーです。

Call to Idea

Little Big Details

Little Big Details

Little Big Details

優れたUIやUXデザインを集めています。

PatternTap

PatternTap

様々なパーツが集められているギャラリーサイトで、デバイスやスタイルといったソートも可能です。

UICloud

UICloud

同じく様々なパーツが集められているギャラリーサイトで、カテゴリーページもわかりやすく見やすいです。

Ui Parade

Ui Parade

Use Your Interface

Use Your Interface

MephoBox

MephoBox

こちらもパーツが集められているギャラリーサイトですが、ヘッダーや404デザインなどもあります。

Elements of Design

Elements of Design

こちらのギャラリーサイトでもパーツデザインだけでなく、フッターやギャラリーページといったようなデザインも集められており、中にはWelcome EmailやCode Desigなどの他ではあまり見かけないものもあります。

CSSbake

CSSbake

Patternry

Patternry

Iine!

Iine!

気に入ったデザインパーツをスクリーンショットで並べていくギャラリーサイト。

ブブンデザインアーカイブ

ブブンデザインアーカイブ

同じく様々なパーツが集められているギャラリーサイトで、こちらは国内のデザインのみです。

パーツデザインポケット

パーツデザインポケット

同じく様々なパーツが集められているギャラリーサイト。

見出しデザイン.com

見出しデザイン.com

サイト名からわかるように、見出しデザインのみを集めたギャラリーサイト。

Croppy(クロッピィ)

Croppy(クロッピィ)

こちらはギャラリーではなくパーツ別スクラップブックサービスなんですが、様々な人が気になったデザインをアップしているので、他では見たことないようなパーツも数多くあります。

House of Buttons

House of Buttons

ボタンデザインのみを集めているギャラリーサイト。

Websites with Ghost Buttons

Websites with Ghost Buttons

ゴーストボタンのみを集めているギャラリーサイト。

WEBデザインのメインビジュアルまとめ

WEBデザインのメインビジュアルまとめ

メインビジュアルやキービジュアル部分のデザインを集めているギャラリーサイト。

MAIN VISUAL collection

MAIN VISUAL collection

こちらも同じくメインビジュアルやキービジュアル部分のデザインを集めているギャラリーサイト。

Header Love

Header Love

海外のヘッダーデザインを集めているギャラリーサイトで、格好良いものが多数あります。

Hover States

Hover States

hover時のアニメーション等が素敵なサイトを集めているギャラリー。
ちょっと面白い動きをサイトにつけたい時とかに眺めてると、インスピレーションもらえそうです。

以下はいずれもボタンデザインをまとめているエントリーです。

以下はテーブル関連のデザインをまとめているエントリーです。

以下はナビゲーション関連のデザインをまとめているエントリーです。

目次へ

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

Webfonts Corner

Webfonts Corner

Webフォントを使用しているデザインを集めたギャラリーサイトで、サムネイルにマウスオンすると使用されているフォントが表示されます。

Web Fonts Gallery

Web Fonts Gallery

こちらもWebフォントを使用しているデザインを集めたギャラリーサイトで、使用されているフォントも記載されています。

Beautiful web type

Beautiful web type

ギャラリーではないですが、美しいGoogle web fontを紹介しているサイト。

Typography Served

Typography Served

タイポグラフィを集めたギャラリーサイト。

Typewolf

Typewolf

I Love Ligatures

I Love Ligatures

リガチャを用いたタイポグラフィを集めたギャラリーサイト。

目次へ

6. ファビコン

ファビコンギャラリー.com

ファビコンギャラリー.com

Favicon Generator

Favicon Generator

The Favicon Gallery

The Favicon Gallery

目次へ

7. ロゴ

Logopond

Logopond

Logospire

Logospire

Logo Faves | Logo Inspiration Gallery

Logo Faves | Logo Inspiration Gallery

LogoMoose

LogoMoose

ロゴストック

ロゴストック

Logolog-ロゴログ

Logolog-ロゴログ

週間ロゴデザイン

週間ロゴデザイン

GLaim

GLaim

こちらは他のロゴデザインギャラリーと違い、ゲームロゴだけをまとめているギャラリー。

Logo Of The Day

Logo Of The Day

logogallery

logogallery

Logos on Creattica

Logos on Creattica

Logoed

Logoed

Logosauce

Logosauce

Logofi

Logofi

LogoGala

LogoGala

The Logo Mix

The Logo Mix

以下はネガティブスペースを上手く使用しているロゴデザインをまとめているエントリーです。

目次へ

8. バナー

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

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

バナーデザインギャラリー | Banner Design Gallery

バナーデザインギャラリー | Banner Design Gallery

レトロバナー

レトロバナー

バナーデザイン・サンプルデータベース

バナーデザイン・サンプルデータベース

BANNER LINKS

BANNER LINKS

Web Banner Gallery

Web Banner Gallery

上の5つとは違い、こちらは海外のバナーデザインギャラリー。

以下エントリーでも、国内のバナーデザインをまとめて紹介しています。

目次へ

9. ランディング

Land-book

Land-book

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

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

ランディングページデザインリンク集

ランディングページデザインリンク集

LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE

LANDINGPAGE_DESIGN BOOKMARK_SMARTPHONE

こちらは他のギャラリーとは違い、スマートフォンのランディングページを集めたデザインギャラリー。

美容・化粧品(コスメ)ランディングページギャラリー

美容・化粧品(コスメ)ランディングページギャラリー

美容・化粧品・コスメ関連のランディングページを集めたデザインギャラリー。

LAPA

LAPA

Landingfolio

Landingfolio

目次へ

10. ヘッダー・フッター

こちらはほとんどがデザインをまとめたエントリーになります。
少し前のもあるので現在はデザイン変更されてしまっているサイトも幾つかあるんですが、リニューアル後も変わらず素敵なデザインのサイトが多いです。

50+ Outstanding Header Designs for Inspiration – Bloom Web Design

50+ Outstanding Header Designs for Inspiration - Bloom Web Design

ヘッダーデザインが美しいサイトをまとめているエントリー。

フッターデザイン.com

フッターデザイン.com

フッターデザインを集めたギャラリーサイトで、国内サイト中心となっています。

以下は国内のフッターデザインをまとめているエントリー。

以下は海外のフッターデザインをまとめているエントリー。

目次へ

11. スマートフォン・アプリ

サイトデザイン・UI・アイコンなど、スマートフォン関連のデザインギャラリーです。
スマートフォンのデザインギャラリーについては以前にもまとめており、下記で紹介していないサイトも多数あるので、興味ある方はこちらもご覧ください。

iPhoneデザインボックス

iPhoneデザインボックス

優れたiPhoneサイトデザインを集めたギャラリーサイトで、個人的に国内サイトでは一番よく参考にさせてもらってます。

AGT smartphone design gallery

AGT smartphone design gallery

個人的に国内サイトではよく参考にさせてもらっている、スマートフォンサイトのデザインギャラリー。
こちらはそれぞれのサムネイルにマウスオンすると、サイト全体が見えるようにスライドされます。

sps collection

sps collection

thinkthing

thinkthing

iOSpirations

iOSpirations

APPアイコン・UI・ランディングなど、iOS関連のデザインを集めたギャラリーサイト。

lovely ui

lovely ui

Pttrns

Pttrns

iconDrop

iconDrop

iOSアプリのデザインギャラリーで、見やすいだけでなくカラー・タグ・タイプ・カテゴリーとカテゴリー分けもしっかりされているので、目的のデザインを探すのも簡単にできます。

APP icons

APP icons

iOS Icon Gallery

iOS Icon Gallery

Android Patterns

Android Patterns

こちらはPttrnsの中からAndroid関連のみをまとめたデザインギャラリー。

目次へ

12. WordPress

WordPressを使用しているサイトを集めているギャラリーです。
デザインもそうですが、WordPressでどのようなサイトが制作可能なのかという面でも参考になります。

WPデザインギャラリー

WPデザインギャラリー

WordClip

WordClip

WordPress Gallery

WordPress Gallery

WP Inspiration Gallery

WP Inspiration Gallery

Themeshaker.com

Themeshaker.com

こちらはギャラリーではなく、WordPressのテーマ検索できるサイトです。

目次へ

13. 名刺

NameCard.jp

NameCard.jp

日本の美しい名刺を集めているギャラリーサイト。
カラー・形・テイストなどのカテゴリー分けもされています。

Business Card Design Inspiration

Business Card Design Inspiration

Business Card Design

Business Card Design

目次へ

以上、特定のジャンルに特化したデザインギャラリーやショーケースのまとめでした。
今回はちょっと変わったようなギャラリーやある特定のパーツに焦点を当てたエントリーなどばかりですが、よくある一般的なWebデザインギャラリーに関しては先日まとめているので興味ある方はご覧ください。
国内外合わせて全50サイト紹介しています。

Back to Top

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。