Webデザインの参考になる、国内のギャラリーサイトまとめ(39サイト)

ある日ふと、「Webデザインギャラリーってめっちゃあるな」ってことに気付きました。
なので、∞番煎じですが自分なりにまとめてみました。
※過去1年以内に更新がないサイトは除外しました。

いってみよー!

現代デザイン

現代デザイン

オススメのWebデザインまとめサイト。このサイトのいいところは一覧で下層ページも見れるところ。
じっくりデザインを見たいときに良いです。

Web Design Clip

Web Design Clip

このサイトのすごいところは「Japan」「World」「Landing Page」「Smartphone」の4種類のギャラリーがあるところ。
大量のデザインを摂取できます。

SANKOU!

SANKOU!

フィルター分けが優秀でピンポイントでデザインを探せます。そして右側のスマホアイコンをクリックするとスマホデザイン表示に切り替わるためとても便利。カテゴリーも細かい。SP版ページや、モバイルファーストのカテゴリもあります。

ちょうどいいWebデザインギャラリー

ちょうどいいWebデザインギャラリー

サムネイルだけでなく、「ちょうどいいポイント」を掲載しているギャラリーです。自分では気づきにくいサイトの良さを教えてもらえてありがたいです。

I/O 3000

メニューから選択できる「シャッフルモード」で無限にデザインが見れます。

I/O 3000

あと右下にある葉っぱ?ボタンを押すとtiktokみたいに無限にデザインを切り替えられて楽しい。一覧で見るより1個1個の印象が違います。

左下のラベルをクリックすると開始されます。

左下のラベルをクリックすると開始します。

1GUU

1GUU

サムネイルでサイトの動きまで確認できます。
アニメーションを実装したいときの参考にいいです。
pinterestアカウントもあるのでストックもしやすいです。

MUUUUU.ORG

MUUUUU.ORG

THE・王道のギャラリーサイト。参考にしやすいデザインから最先端のデザインまであります。すごい技術が使われてるサイト見るとわくわくする!

Stock

Stock

Webデザインアイデアレシピの著者である小林さんが運営しているギャラリーサイト。「現場で参考になる日本の優れたWebデザイン」と謳われている通り、実務で参考になるサイトがたくさん掲載されてます。

AAA11Y(Accessible Website Gallery)

AAA11Y(Accessible Website Gallery)

ウェブアクセシビリティに配慮したサイトを集めたギャラリー。このサイトのすごいところは、アクセシビリティの基準A~AAAでフィルターがかけられるところ。
アクセシビリティが担保されたサイトって探すの大変なので、一覧で見れるのはとっても助かります。

bookma!

bookma!

PC&SPの2種類の表示が見れます。ファーストビューの比較ができて勉強になります。
カテゴリなどの分類はカラーしかないようですが、シンプルな分没入感があってデザインを楽しめます。

マネるデザイン研究所

マネるデザイン研究所

マネるデザイン研究所はデザインのポイントや応用場面、懸念点をまとめています。「いいな」と思ったサイトのどこが良いのかを具体的に提示してくれていてとても勉強になります。

URAGAWA

URAGAWA

他のウェブデザインのまとめサイトと違ってそのサイトを作ったのが誰かまで分かります。
制作会社を辿って実績を眺めるとかなり勉強になって良き。

デザインのこと

デザインのこと

雰囲気が大好きなギャラリーサイト。
フルページのキャプチャを見れる「デザインをさっと見る」機能が便利。
ナチュラルテイストのデザインで、見ててとても癒されます。

AGT

AGT

国内外のiPhone向けサイトデザインギャラリー。
詳細ページでメニューと下層ページを見れるのが嬉しい。

GOOD WEB DESIGN

GOOD WEB DESIGN

WebデザイナーのためのWebデザインギャラリー」と謳われている通り、ハイクオリティのサイトがたくさんそろっています。
また、Pinterestへの登録ボタンが設置されてて気になったサイトのサムネをボタンひとつで登録できるところもありがたい。

81-web.com

81-web.netトップページ

こちらも昔からあるギャラリーサイト。日本国内のサイトを集めています。サイト名の「81」は日本の国際電話番号「81」に由来しているとか。
カテゴリ豊富なところが助かる~

S5-Style

S5-Style

10年以上前から続いているギャラリーサイト
Webデザイン勉強したての頃にとてもお世話になり、現在でも事あるごとに見に行っています。

STUDIO Showcase

STUDIO Showcase

ノーコードツールSTUDIOで作成されたサイトを集めたギャラリー。「最近のノーコードツールってここまでできるんだ?!」という驚きがあります。STUDIOってデザインの組み方がFigmaと似てるところがあって抵抗なく触れて好き!

BAKUup

BAKUup

ロゴとトップに戻るボタンのバクがかわいい(ソースコードにも居てさらにかわいい)
ワンクリックでPC/SP表示ができるので比較しやすいです。

CMS Design

CMS Design

WordPressだけでなくShopifyやcontentfulなどCMSでカテゴリ分けされているギャラリーサイト。日本語サイトのみを厳選して掲載されているそうです。

Brilliant Design Collect

Brilliant Design Collect

Brilliant Design Collectは国内外の「機能的で美しいWebサイト」Webデザインを集めたギャラリーサイト。
ブランディングが確立されたデザインをたくさん摂取できます。

sps collection

sps collection

スマホデザインを集めたギャラリーサイト。
スマホのファーストビューの参考に良いです。スマホデザインってわりとテンプレ化しがちなので勉強になります。

ウェブサイトリンク集(ドコドア)

ウェブサイトリンク集(ドコドア)

制作会社「ドコドア」さんが作成しているウェブサイトリンク集。
他のギャラリーサイトと比べてコーポレートサイト向けのデザインが多く、実務で役立つ印象です。

Responsive Web Design JP

Responsive Web Design JP

スマホ・タブレット・PC表示が確認できるギャラリーサイト。
WordPressやjQueryなどの使用技術で絞れるのもありがたい。

Wow! Works

Wow! Works

シンス株式会社さんが運営しているギャラリーサイト。
オーソドックスから最新技術を用いたサイトまで、洗練されたサイトが集まっています。

BRIK GALLERY

BRIK GALLERY

Webサイトの制作会社が分かるため、深堀することが出来て楽しいです。
制作会社一覧ページから追えるのも良いですね…!

ウェブコレ

ウェブコレ

詳細ページの「このホームページのここがすき!」で管理者視点の好きなポイントを書かれており勉強になります。

Web Design Garden

Web Design Garden

「機能・要素」の検索項目は、コーディング視点のカテゴリがそろってて大変参考になります。

matome(まとめ)

matome(まとめ)

マーケティング専門家が、マーケティング視点からウェブサイトを掲載しています。デザインだけでなくコンテンツにも重点を置いたサイト探しができます。

イケサイ

イケサイ

イケサイは18年以上前から続いている老舗のギャラリーサイト。現在でも更新が続いているのが本当にすごい…!

Japan Web Design Gallery

Japan Web Design Gallery

こちらも10年以上前からあるギャラリーサイト。学生時代にお世話になりました。

まだまだたくさんあるよ

探せば探すほどギャラリーサイトはあります・・!自分に合ったサイトをブックマークして巡回するのが良いですね。

特化型ギャラリー

umeboshi

女性向けデザインに特化したWebデザインギャラリーサイト。女性向けのデザインは需要があるので助かります。あと見てて幸せな気持ちになれる。

WP-Search

WP-Search

WP-Searchは、WordPress(ワードプレス)サイトのテーマ/プラグイン/サーバーなどを調べることができるツールです。

LP Archive

ランディングページをたくさん集めたギャラリーサイト。
LPの参考サイトで検索したらまずここにたどりつくくらい有名なサイトです。

LP advance

LP advance

LP Archiveに次いで、こちらもLPに特化したギャラリーサイト。
カテゴリー検索の「MVから探す」で、人物の有無などを選択できるので参考にしやすいです。

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

LP advance

こちらもLPギャラリーの老舗ともいえるサイト。
14年以上前からあるサイトらしいです。すごい…!

Mag Collection

Mag Collection

ファッションサイトに特化したギャラリー。トレンドの傾向が分かって面白いです。

不動産デザインギャラリー

不動産デザインギャラリー

国内の不動産業界のWebデザインをがそろったギャラリーサイト。最終更新は2021年ですが特化型で珍しいのでご紹介しました。

自分でストックしたいなら…pinterest

pinterestトップ

PinterestはWebデザインパーツというよりあらゆるものをごった煮って感じです。

Web上にある画像やPinterest上にある画像をpinして自分のボードに集めることができる画像主体のSNSサービスです。
眺めているだけでも楽しいので暇つぶしにも良いです。

ボード、よかったらフォローしてね!

※Pinterestは著作権の心配がよく話題になります・・。公式見解では「Pinterest が著作権所有者ではありません。必要な場合は、あなたが著作権所有者から画像を利用する許可を得る必要があります。」とあるので、もしpinterestに画像をアップロードするときは規約等を読んでからが良いですね。

以上!

想像以上に多くて途中で挫折しそうになりましたがなんとかまとめられました!

各パーツのデザインを見たい方はこちら!↓