【2021年】Webデザインの参考にできるギャラリーサイト集

Webデザインをする時に、他のサイトを参考にする人は多いのではないでしょうか。
今回の記事では、Webデザインの参考にできるギャラリーサイトを10個紹介します。
それぞれの特徴についても解説しておりますので、ぜひチェックしてみてください。

SANKOU!

SANKOU!

Webサイト、ECサイト、コーポレートサイト、LPなど多くのページをまとめたサイトです。
更新頻度が高く、掲載サイトも多いため参考にしたいサイトがきっと見つかります。

このサイトの特徴

  • 更新頻度が高い
  • 職種や色、目的に合ったサイトを探せる
  • にぎやか、スタイリッシュなどデザインのニュアンスで探せる
参考 SANKOU!を見てみるSANKOU!

MUUUUU.ORG

MUUUUU.ORG

縦長で、デザインが優れたサイトを厳選して掲載されているWebサイトです。
情報設計の参考にしやすく、現場で働くWEBデザイナーが参考にしやすいのがポイントです。

このサイトの特徴

  • デザインの系統に分けて探せる
  • 現場で参考にできるデザインが多い
参考 MUUUUU.ORGを見てみるMUUUUU.ORG

bookma!

bookma!

パッと目を引くようなデザインのサイトがまとめられています。
コーポレートサイトやブランディングサイトが多めです。
検索は文字入力のみですが、PC版とスマホ版のデザインを一目で見れるが特徴です。

このサイトの特徴

  • PC版とスマホ版の両方を見れる
  • コーポレートサイトやブランディングサイトが多め
参考 bookma!を見てみるbookma!

現代デザイン

現代デザイン

おしゃれなデザインのサイトが多くまとめられています。
気に入ったサイトをブックマークでまとめられる、リンク先に遷移しなくてもサイトのディティールを確認できるといった点が特徴です。

このサイトの特徴

  • 気に入ったサイトをブックマークでまとめられる
  • 業種や色でサイトを探せる
  • リンク先に遷移しなくてもサイトのディティールを確認できる
参考 現代デザインを見てみる現代デザイン

LPアーカイブ

LPアーカイブ

日本のLP(ランディングページ)がまとめれられたサイトです。
更新頻度が高く、検索しやすいため参考にしたいLPがすぐに見つかります。

このサイトの特徴

  • LPに特化している
  • 検索しやすい
  • 掲載数が非常に多い
参考 LPアーカイブを見てみるLPアーカイブ

WPデザインギャラリー

WPデザインギャラリー

WordPressで作られたサイトをまとめているギャラリーサイトです。
サムネイルにカーソルを合わせると解説が表示されるなど、ユニークな作りになっています。

このサイトの特徴

  • WordPressに特化したサイト
  • 日本だけでなく海外のページを多く掲載されている
  • 流し見でもポイントをチェックできる
参考 WPデザインギャラリーを見てみるWPデザインギャラリー

Responsive Web Design JP

Responsive Web Design JP

優れたレスポンシブデザインのサイトをまとめたギャラリーサイトです。
日本だけでなく海外のページも多く紹介しています。

このサイトの特徴

  • レスポンシブデザインのサイトが見つかる
  • スマホ、タブレット、PCの表示が一覧で見れる
参考 Responsive Web Design JPを見てみるResponsive Web Design JP

Siiimple

Siiimple

シンプルかつミニマリズムなサイトを紹介しているギャラリーサイトです。
画像と文字のみなどシンプルなサイトをいかにしてオシャレにするのか、参考になるサイトです。

このサイトの特徴

  • シンプルなサイトの例が見つかる
  • カテゴリーに分けられており検索しやすい
参考 Siiimpleを見てみるSiiimple

straightline bookmark

straightline bookmark

国内外の優れたWebサイトを2万以上も収録しているギャラリーサイトです。
検索もしやすく、気に入ったサイトはブックマークでまとめることができます。

このサイトの特徴

  • 掲載数が圧倒的
  • タグで絞込検索が可能
参考 straightline bookmarkを見てみるstraightline bookmark

One Page Love

One Page Love

海外のシングルページのWebデザインがまとめられています。
掲載数が多く、各ページには注目すべき機能やページ全体が見れるスクリーンショットもまとめてあります。

このサイトの特徴

  • シングルページに特化したサイト
  • 基本的に英語でまとめられている
参考 One Page Loveを見てみるOne Page Love

まとめ:デザインの参考にしよう

それぞれのギャラリーサイトには、特徴があり紹介しているデザインも違います。
特徴を理解して、デザインの参考にしましょう。

また、当サイトでは2020年からIllustratorやPremiere Proなど、Adobeソフト関連の使い方に関する記事を投稿しております。
画像加工や動画編集に関する情報や知識に興味のある方は、ぜひチェックしてみてください。