Webデザインギャラリーサイトおすすめ30選

2023年5月1日

当ページのリンクには広告が含まれています。

今回は、Webデザインをするときに参考になるデザインを探すための「Webデザインギャラリーサイト」を30個ご紹介したいと思います。

この記事以外にも「おすすめギャラリーサイト◯選」のような紹介記事は沢山ありますが、海外サイトの紹介も多く、正直英語ができない私にとって海外のギャラリーサイトを紹介されても使い勝手が悪いんだが、、と思っていました。

なので今回は、ギャラリーサイトそのものが日本語表記で使いやすいギャラリーサイトだけに絞ってご紹介していきたいと思います！

大きく分けて、下記5つのカテゴリーごとにご紹介します。

Webデザインのギャラリーサイト
スマホデザイン・レスポンシブデザインのギャラリーサイト
LPのギャラリーサイト
WordPress・CMSで構築されたサイトのギャラリーサイト
パーツデザインのギャラリーサイト

お気に入りのギャラリーサイトを見つけてみてくださいね♩

それでは行ってみよ〜！

Webデザインのギャラリーサイト13選

最初にご紹介するのは、主にパソコンで見た時のデザインが参考になる、Webデザインのギャラリーサイトです。一番王道のギャラリーサイトなので2~3つほど気に入ったギャラリーサイトをブックマークしておくといいですね！

SANKOU!：Webデザイン制作の参考になる国内のステキなサイト集

SANKOU!

ギャラリーサイトの作りがシンプルで見やすいので使い勝手がいいです。「LP」や「コンテンツページ」も掲載されています。検索を絞る際の条件に「アクセス･遷移･日時で配色が変わる」「横スクロール」などの他のギャラリーサイトでは見られない項目もあるので、具体的に参考にしたいサイトが決まっている方はマッチした条件が見つかるかもしれません。STUDIO（ノーコード）で制作されたサイトも載っています。

I/O 3000：Webデザインに関わる人のためのWebデザインギャラリーサイト

I/O 3000

国内外問わず、Web制作の参考となるサイトをセレクトしているギャラリーサイト。「Categories」をクリックすると探したい業界のサイトで検索することができます。「Tags」をクリックすると「responsive」「pop」など色んな条件で検索できるようになっていますが、英語表記なので若干使いづらいかもです。

81-web.com：日本の優れたWebデザイン・Webサイトギャラリー＆リンク集

81-web.com

日本のサイトのみを載せているギャラリーサイト。他のギャラリーサイトと同じように各サイトのメインビジュアルがずらっと並んでいるのですが、このサイトの特徴は各メインビジュアルの下に表記されている「_pc _sp _detail _view site」の部分です。「_pc _sp」をクリックするとそれぞれパソコン・スマホのページが1枚の画像として表示されます。「_detail」はパソコンとスマホ、両方が画像が一度に表示されます。リンクに飛ぶのではなく、画像として一つのサイトを見ることで全体のデザインを俯瞰してみることができ、デザインする際の参考にしやすいと思います。

MUUUUU.ORG：クオリティが高い縦に長いサイトを厳選

MUUUUU.ORG

見た目もシンプルで使い勝手もとってもシンプル。気になったサイトがあればクリックしてすぐにそのサイトに飛ぶことができます◎ 検索項目も他のサイトと同じように業界、色、どういう系のデザインか、サイトの種類などで絞って探すことができます。情報設計を参考にしやすい国内外のサイトを集めているとのこと。

WebDesignClip：Webサイト制作の参考になる日本のWebデザインリンク集

WebDesignClip

このギャラリーサイトは「Japan」「World」「Landing Page」「smartphone」に分かれており、このサイト一つをブックマークしておけばLPのデザインをするときもレスポンシブデザインをするときも参考になること間違いなしです。検索も他のサイトと違いレイアウト別の検索ができるのもポイント。

KAWAII DB：可愛いWEBデザインリンク集

KAWAII DB

このサイトはとにかく女子が好きそうな「かわいい」デザインだけを集めたギャラリーサイト。1ページ丸々載せているのでわざわざリンク先に飛ばなくても参考になりそうなデザインを探すことができちゃいます。

イケサイ：WEBデザインに役立、ついけてるサイト

イケサイ

「いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイト」を載せているギャラリーサイト。更新頻度が高く常に新しいサイトを見つけることができるのですが、広告がたくさん貼られているので少し使いづらいかもです。

1guu.jp：千載一遇、その出合いをここから。優れたサイトのWebデザインリンク集

1guu.jp

個人的な感想ですが、他のギャラリーサイトより個性的なデザイン・動きのサイトを多く集めている印象があり、見ていて楽しいギャラリーサイトです。美術館に来た気分。

現代デザイン：デザイン性に優れたWebサイトのトップページ、中面ページを掲載

現代デザイン

サイトのメインビジュアルと中面ページが同時に見れるギャラリーサイト。気になったデザインのものがあればギャラリーサイト内でブックマークしてお気に入りのデザインだけを集めたページを作ることができます。

GOOD WEB DESIGN：Webデザイナー・コーダー・エンジニアの為の良質なWebデザインギャラリー

GOOD WEB DESIGN

絞れるジャンルがとても多く、例えば「コーダー・エンジニア・デベロッパー」で絞るとコーダーさんなどのポートフォリオサイトが出てきたり、「Javascript・WordPress・CSS・SEO・コーディング」で絞るとコーディング関連のサービスサイトなどが出てくる。

マネるデザイン研究所：どの点が参考にできるのか、その応用場面、そして懸念点をまとめています

マネるデザイン研究所

ただギャラリーサイトとして優れたデザインのサイトを載せているだけではなく、そのサイトのどの点が参考になるのか？などをまとめて切れている唯一のギャラリーサイト。

Stock：日本の優れたWebデザインを集めてみた

Stock

気になったサイトをクリックすると、セクションごとのサイトの画像やスマホ画面の時のデザインを一覧で見ることができるギャラリーサイトです。

S5-Style：ハイクオリティなWebサイトを探すなら

S5-Style

サイトだけではなく、Webデザイン関連の本もたくさん紹介されているギャラリーサイト。

スマホデザイン・レスポンシブデザインのギャラリーサイト7選

近年、パソコンがなくてもスマホから簡単にインターネットにアクセスできるようになりました。その関係でWebサイトもパソコンから見るのではなくスマホから見る人が増え、パソコンで見た時のデザインよりもスマホで見た時のデザインを気にするクライアントが増えておきます。そういった中でスマホデザイン・レスポンシブデザインの参考になるギャラリーサイトをいくつか知っておくことは非常に重要だと思いますので、ぜひ気になったギャラリーサイトはブックマークしておいてくださいね。