WEBデザイナー募集中

BLOG

デザインWeb

Webデザインで参考にしたいギャラリーサイト25選【2021年版】

webデザインギャラリーサイト集

どうもWebデザイナーの久米川です!
最近、いろんな人から「くめちゃんはどんなサイトを見ながら普段インプットしてるの?」とよく言われます。ということで今回はぼくが普段みているおすすめのWebデザインのギャラリーサイトや有名で参考にしているひとが多いギャラリーサイトを一挙に紹介したいと思います!それではいってみましょう!

毎日見ているWebデザイン参考サイト

straightline bookmark

straightline bookmark

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 9478

ぼくが一番見る機会の多いお気に入りのギャラリーサイトです!掲載されているサイトのクオリティが高いだけでなく、サムネイルの大きさを変えることができたり、カラーや業種、言語、レイアウトなどのタグで見たいサイトを絞り込めるなど、使いやすさという点もお気に入りです。

MUUUUU.ORG

MUUUUU.ORG

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 4,212

コーポレートサイトのようなカッチリしたデザインのサイトから、トレンドを意識した最先端のサイトまで幅広いWebサイトが掲載されているギャラリーサイトです。検索機能では「レトロ」や「パララックス(視差効果)」など、デザイナーが探したくなるようなキーワードを選択することができるのもこのサイトの特徴です。

S5-Style

S5-Style

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 8087

実に8000以上のサイトが掲載されている大規模なギャラリーサイトですが、サムネイルが大きくて見やすく、使いやすさが追求されてます。検索の絞り込み方は業種・雰囲気・カラー・Web技術・サイトの種類と多岐にわたるので、本当に自分が見たいサイトに出会える可能性が高いです。

1GUU

1GUU

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 不明

このサイトは他のギャラリーサイトとは違い、個性的で奇抜なWebサイトが数多く掲載されています。また、サムネイルに動きがついているのでアニメーションを探すのにも適しています。今までにないような、まったく新しいサイトを作りたい時によく参考にしています。

Web Design Clip

Web Design Clip

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 3,276

更新頻度が高く、色やカテゴリー別でサイトを探すことができるギャラリーサイトです。特徴的なのはLP(ランディングページ)とスマートフォンのデザインまで検索できること。探したいデザインがすぐに見つかる便利で素敵なサイトです。

個人的にはあまり見ないけどいいサイトが載っているギャラリーサイト

個人的に見る機会は少ないですが、いろんなデザイナーが参考にしているギャラリーサイトもご紹介します。

現代デザイン

現代デザイン

・更新頻度 : ★★
・使いやすさ : ★★
・掲載数 : 6000以上

ギャラリーサイトでは珍しく、下層ページのデザインまでサムネイルで掲載されているサイトです。見やすさや使いやすさに優れたサイトが掲載されている傾向があります。

I/O 3000

I/O 3000

・更新頻度 : ★★★
・使いやすさ : ★★
・掲載数 : 不明

このギャラリーサイトの特徴は、色やジャンルなど関係なくランダムで検索できるシャッフル機能がついていること。思わぬサイトとの出会いが期待できるという意味で参考になる部分は多いかと思います。

81

81

・更新頻度 : ★★★
・使いやすさ : ★★
・掲載数 : 不明

国内のサイトのみ掲載されているのが特徴のギャラリーサイト。更新頻度は高く、クオリティも高いサイトが数多く掲載されています。

bookma!

bookma!

・更新頻度 : ★★
・使いやすさ : ★★
・掲載数 : 不明

クマのアイコンでお馴染みのギャラリーサイトです。PC版のサムネイルとスマートフォン版のサムネイルを両方見えるのが大きな特徴。更新頻度はあまり高くないようですが、デザイナーに人気のサイトです。

Good Web Design

Good Web Design

・更新頻度 : ★★★
・使いやすさ : ★
・掲載数 : 3743件

1日2サイトが新たに掲載される日もあるほど更新頻度がとても高いギャラリーサイトです。掲載されているサイトのクオリティも高いので、日々いろんなサイトに目を通したい人にはとてもおおすすめです。

マネるデザイン研究所

マネるデザイン研究所

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 不明

そのサイトで真似できるポイントや、応用できるポイントなど、どうやって参考にすればいいかまで教えてくれるギャラリーサイトの中では異色の存在です。一人ではなかなか気付けない視点に気が付けるのでかなりおすすめです。

Stock

Stock

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 不明

最近リリースされた新しいギャラリーサイトです。掲載数はまだ少ないですが、クオリティの高い国内サイトが多く、レイアウトも見やすくて使いやすいので今後もチェックしていきたいサイトの一つです。

海外でおすすめのギャラリーサイト

siteinspire

siteinspire

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 8000件以上

数多くのサイトが掲載されているので「とにかくたくさんのサイトに目を通したい!」 という人にはおすすめです。検索機能も充実しているので、好みのサイトをすぐに見つけることができます。

siiimple

siiimple

・更新頻度 : ★
・使いやすさ : ★★
・掲載数 : 不明

海外のシンプルなデザインのサイトが多く掲載されているギャラリーサイトです。ミニマルなサイトやレイアウトの参考を探している方にとてもオススメです。

land-book

land-book

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 300以上

海外のハイセンスなサイトが掲載されているギャラリーサイトです。カテゴリ、タグ、フリーワードと目的別でデザインを探すことができるので使いやすさもバッチリ。中でもLPが多いのでLPの参考を探したい時におすすめです。

スマホ用参考ギャラリーサイト3選

次はスマートフォンのデザインで参考になるギャラリーサイトをご紹介します。今やWeb制作において欠かせないスマホデザインなので、このギャラリーサイトはぜひチェックしておきたいところです。

AGT smartphone design gallery

AGT smartphone design gallery

・更新頻度 : ★★
・使いやすさ : ★★★
・掲載数 : 不明

サムネイルにマウスカーソルをあてるとサムネイル内でサイトがスクロールされます。クリックしなくても参考のサイトを見ることができるとても便利なサイトです。

sps collection

sps collection

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 不明

ぼくが知るスマートフォン型のギャラリーサイトの中では珍しく、アーカイブ機能があったり、サイトの色やサイトのジャンルごとに検索できるのがこのサイトの特徴です。

RDW JP

RDW JP

・更新頻度 : ★★★
・使いやすさ : ★★★
・掲載数 : 不明

ギャラリーサイトの中ではとても珍しく、スマートフォン、タブレット、PCと3つのデバイスのデザインのサムネイルを見ることができます。レスポンシブデザインを学びたい人には特に参考になりそうなサイトです。

アワード系のギャラリーサイト

世界にはハイクオリティかつクリエイティブなデザインのサイトを表彰する『世界3大アワード』と呼ばれるアワードがあり、アワードの結果を掲載するサイトがそれぞれあります。その3つのサイトはもはや説明不要です。Webデザインを極めたい人、Webデザインを勉強したい人は必ず見た方がいいです。

Awwwards

Awwwards

cssdesign

cssdesign

The FWA

The FWA

他にもこんなギャラリーサイトが…

パーツごとに参考を探せる -Parts.-

パーツごとに参考を探せる -Parts.-

「このパーツ、どうやってデザインしよう?」と迷った時におすすめのサイトです。Webサイトのコンテンツごとに参考を探すことができるのでとても参考になります。採用サイトのような奇抜なデザインをするサイトというよりもカチっとしたデザインのLPやコーポレートサイトをつくる際に重宝するギャラリーサイトです。

WebGL専門のギャラリーサイト -WebGL総本山-

WebGL専門のギャラリーサイト -WebGL総本山-

Webglを使用したサイトだけを集めたギャラリーサイトです。他のサイトでは見られないハイクオリティなアニメーションが見れるので、デザインの参考はもちろんアニメーションの参考にもなります。動きのあるサイトを探したいという人にはもってこいのサイトです!

LPを探したい時はこれ! -LP Archive-

LPを探したい時はこれ! -LP Archive-

圧倒的な掲載数を誇るLP専用のギャラリーサイトです。ジャンルや色などを絞り込んで探すことができるので、LPのデザインを探す際に重宝したいサイトです。

アニメーションの参考には最適 -codrops-

アニメーションの参考には最適 -codrops-

世界のフロントエンジニアが作った、みたことがないようなクリエイティブなwebアニメーションが多く掲載されています。近年、webサイトとアニメーションは切っても切れない関係になっているので、webデザインを作る際にこちらのサイトでアニメーションを参考にするのもいいと思います。

最後に

いかがでしたか?

Webデザインの上達にはインプットが欠かせません。今回紹介したギャラリーサイトをコツコツ見て、分析を重ねることで、デザインの引き出しはドンドン増えていきます。積極的にインプットして、いっしょにデザインレベルを上げていきましょう!

最後までありがとうございました!以前にギャラリーサイトとは別で参考になる単体のサイトをまとめた記事を書いたので、よければそちらもチェックしてみてください。ではまた!

この記事を書いた人

久米ちゃん@ブラックなデザイナー
Twitterを見る

トゥモローゲート株式会社 意匠制作部 リーダー。 WEBデザイナー兼アートディレクター。15歳からデザインを学びはじめた自他ともに認めるデザインオタク。企画、構成、コーディング 、ディレクションも手掛ける。大手デザイン会社から2020年にトゥモローゲートに入社。

久米ちゃん@ブラックなデザイナーが書いたその他の記事