Webデザインの参考になるギャラリーサイト・参考サイトまとめ

Webサイトをデザインする時、同じような業種や色使い、レイアウトのサイトを参考にすることは多いです。

素敵なサイトをたくさん紹介しているギャラリーサイトをブックマークしておくと、Webデザイン制作に役立ちます。

今回は、Webデザインの参考になるギャラリーサイトをまとめました。

Webデザインのセンスを磨くには、イケてるサイトをいっぱい見ることも大切です。

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

ジャンル別で紹介していきます。

国内外のギャラリーサイト、LPに特化したギャラリーサイト、パナーなどパーツのデザインを集めたギャラリーサイトをまとめました。

国内のギャラリーサイト

まずは国内のギャラリーサイトの紹介です。

海外のサイトはおしゃれですが、フォントなどの違いもあるので、できれば国内のサイトを参考にしたいものです。

日本語で作られているため、国内のギャラリーサイトの方が探しやすいです。

I/O 3000

I/O 3000 | Webデザインギャラリー

I/O 3000は、Webデザインに関わる人のための Webデザインギャラリーサイトです。
国内外を問わず、Web制作の参考となるサイトをセレクトしています。

https://io3000.com/about/

頻繁に更新されており、私がよく利用しているギャラリーサイトです。

カテゴリー別、タグ別、カラー別にWEBサイトを見つけることができます。

MUUUU.ORG

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG

後発ならではの見やすさ、使いやすさ、載って嬉しいギャラリーサイトを目指して運営している、非営利目的のWEBデザインポータルサイトです。
情報設計の参考にしやすく、現場レベルでWEBデザイナーが参考にし易いであろう、
縦に長くオーソドックスなレイアウトでかつ、非常にデザインが優れたサイトを厳選して掲載しております。

https://muuuuu.org/about

こちらも豊富なサイトが紹介されているので、よくチェックしています。

特にカテゴリー別になっているのが便利です。

Responsive Web Design JP

Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト

このサイトは、日本国内の秀逸なレスポンシブWebデザインのサイトを集めたリンク集です。

https://responsive-jp.com/about

日本国内のレスポンシブ対応のサイトを紹介したギャラリーサイトです。

スマホサイズ、タブレットサイズ、PCサイズでサイトが一覧表示されています。

S5-Style

ハイクオリティなWebサイトを探すなら Webデザインギャラリー | S5-Style

業種別、デザイン別、カラー別、使用されている技術別、タイプ別で探せる便利なポートフォリオサイトです。

OR検索、AND検索の両方に対応しています。

また、無駄なページ遷移がなくリンク先に飛びやすいのも地味にありがたいです。

81-web.com

日本のWebデザイン・Webサイトギャラリー&リンク集:81-web.com Japanese Web Design Gallery

当サイトは、Webサイト制作に役立つ優れたデザインのサイトを集めた ギャラリー&リンク集です。
サイトドメインの「81-web.com」は、日本の国際電話番号「81」に由来し、日本国内のサイトのみピックアップし、掲載しております。

https://81-web.com/about/

現在も高頻度で更新されている、ありがたいギャラリーサイトです。

海外サイト

海外には秀逸なデザインでレイアウトも独創的なサイトがたくさんあります。

動きもユニークなものも多くて本当に勉強になります。

AWWWARDS

Awwwards – Website Awards – Best Web Design Trends

The awards that recognize the talent and effort of the best web designers, developers and agencies in the world.

https://www.awwwards.com/about-us/

ノミネートされたサイトに投票ができ、受賞サイトを決めるというコンセプトのサイトです。

世界最高峰のクリエイティビティに触れることができます。

Land-book

Land-book – website design inspiration gallery

At Land-book, you’ll find a great variety of different types of websites. No matter what project you’re working on, there’s always something that might inspire and encourage you to do even better stuff. 🙂

https://land-book.com/about_us

ページの種類に分けられたカテゴリーがあり、例えばブログページやAbout usのようなページのデザインを参考にしたいときに使えるギャラリーサイトです。

lapa

5531 Landing Page Design Inspiration – Lapa Ninja

Lapa Ninja was created to help designers find inspiration, learn, and improve their design skills. Content is selected from some of the best designs on the web, and updated daily.

https://www.lapa.ninja/

カテゴリーが充実しているので、目的のサイトを見つけやすくて便利です。

キャプチャ画像が縦長で見やすいのもポイントです。

目的別ギャラリーサイト

特定のジャンルに特化したギャラリーサイトもあります。

LPやバナーデザイン、パーツデザインを掲載しているギャラリーサイトを紹介します。

案件によってはかなり参考にできます。

LP(ランディングページ)

LPに特化したギャラリーサイトです。

デザインだけではなく、成約に導くまでのライティング・クロージングも参考になります。

LP ARCHIVE

LPの最新デザインまとめ参考サイト|LP アーカイブ

LPアーカイブとは、アドワーズ・オーバーチュア等のリスティング広告やアドネットワークなどの広告をクリックした際に表示されるランディングページ(以降LP)や、他社で使用されているクオリティが高く見やすいLPばかりを集めたポータルサイトです。

https://rdlp.jp/lp-archive/about

膨大な数のランディングページが掲載されているギャラリーサイトです。

カテゴリー別になっているので、業種で探したい方には便利です。

Web Design Clip [L]

Web Design Clip [L] LP・ランディングページのクリップ集

Web Design Clipは、Webデザイン制作において、Webデザイナー・開発の方々のインスピレーションを刺激するような洗練されたWebサイトや、アイデア・技術に優れたWebデザインをクリップしています。

https://lp.webdesignclip.com/about/

パーツデザイン

ここまではサイト全体を参考にできるギャラリーサイトを紹介してきましたが、パーツを参考にしたい場合もあります。

ここでは、参考になりそうなパーツを探すのに役立つサイトを紹介します。

Parts.

Parts. – パーツ別Webデザイン集

当WebサイトはSaaSのサービスサイトやLPを中心としたデザインの参考サイトです。

CTA、メインビジュアル、フッターなど、パーツやセクションごとのデザインを部分ごとに一覧にしました。
キャッチコピーや構成、デザインの参考にどうぞ。

https://partsdesign.net/about

パーツ別でデザインを探せるギャラリーサイトです。

パーツのキャプチャを一覧で見れるので、デザインの参考にしやすい便利なサイトです。

Modulesss…

Modulesss… | Webデザインの「パーツ」を集めたギャラリーサイト

当サイト(Modulesss… | Webデザインの「パーツ」を集めたギャラリーサイト)は、Webサイトの図表や見出しなどの「パーツ」を集めたギャラリーサイトです。
日本国内のWebデザイナーのデザイン制作の参考になるように「国内」の「高クオリティー」なパーツのみ掲載するよう心掛けています。

https://modulesss.com/about

上で紹介したParts.にはないカテゴリーもあるので、合わせてブックマークしておくと便利でしょう。

バナーデザイン

BANNER LIBRARY

BANNER LIBRARY | デザインの参考に!おしゃれなバナーだけを集めたギャラリーサイト

BANNER LIBRARY(バナーライブラリー)は、バナーデザインを集めたギャラリーサイトです。
アプリ・SNSで配信されているバナー、ECサイトの特集バナー、ブランドサイトのキャンペーンバナーなど
多岐に渡るバナーの中から、クオリティの高いバナーをデザイナー目線で厳選し紹介しています。

https://design-library.jp/about

細かいカテゴリー分けがされており、検索フォームから絞り込み検索もできます。

サイト自体のデザインも素敵ですね。

バナーアーカイブ

バナー最新デザイン参考サイト|バナーアーカイブ(無料)

バナーアーカイブとは、広告(GDN・YDN)や、いろいろなサイトで使用されている、クオリティが高く見やすいバナーばかりを集めたポータルサイトです。バナーをデザイン制作する際にデザイナーの方が、「カラー」「カテゴリ」「雰囲気」などから検索でき、参考にしてもらう為に更新しております。

https://rdbnr.jp/banner-archive/about/

絞り込み検索が便利なバナーのギャラリーサイトです。

サイズ、カラー、カテゴリー、イメージ、登録日、キーワードで絞り込めます。

ギャラリーサイトの使い方

WEBデザインをする上で、同業種や同じ配色、雰囲気の近いWEBサイトを参考にすることは多くあります。

パーツのデザインに困ったら参考にすることもあります。

そのためにも、ギャラリーサイトを色々ブックマークしておくのがおすすめです。

ギャラリーサイトは普段から眺めておくだけでも、良い刺激になります。

また、気に入ったサイトをトレースすればデザインの勉強にもなります。

まとめ

これだけあれば、参考になりそうなサイトが色々見つかると思います。ギャラリーサイトを運営している企業や運営者には感謝しかありませんね。

イケてるギャラリーサイトは眺めているだけでも楽しいです。

他にも良さそうなサイトがあれば追加していこうと思います。

この記事は自分でも利用したいです。


他にもこんな記事があります。