おすすめWebギャラリーサイト集を集めてみた

こんにちは:)
サイトのデザインやバナーを作成するときに参考にしたい…というときに私が拝見しているサイトをご紹介いたします。

これから紹介するサイトはデザインだけでなく、ボタンのホバー時の動きやスライドの切り替わり方なども学ぶことができるので、勉強にも暇つぶしにも見ていて楽しいサイトを集めました！(画像をクリックするとサイトに飛びます)

マネるデザイン研究所（推しサイト）

こちらは

①マネしたいポイント
②応用できそうな場面
③懸念点

の3つが載っているのが特徴です。

特に、自分では気づかなく応用できそうな場面、懸念点が見つかるのでとても勉強になります。
実際に他のサイト集で見ていたサイトでも、上記の3つの情報をプラスで見ていると、自分と他人が思ったことがどれくらい相違があるかが知ることができるのが他のサイト集と違ったところです。

右部のハンバーガーメニューからカテゴリごとに絞ることができ、サイトを開くとハンバーガーメニューではなく右部にカテゴリが表示されます。

他のサイト集と比べて載っている数は少ないです。今後増えることを期待しています。

Web Design Garden

参考にしたいカテゴリで絞ることができるだけでなく、機能、要素でも絞ることができるという点でとても良いなと思ったサイトです。下記の画像で分かるように幅広い要素で絞ることができます。フローや分かりやすいフォームで絞れるのは珍しい気がします。「印象・レイアウトから探す」「機能・要素から探す」の候補もとても多いので見ていて楽しいです。

可愛いWEBデザインリンク集

こちらは、オシャレで可愛い女性向けHPデザインギャラリーサイトです。

優しい色合い、可愛らしいデザインを制作したいときに参考になるかと思います。
上部に大きく「テイスト」「分野」「色」の三つのカテゴリ検索があるので、そこで絞ることができます。

掲載数が少ないので、選択するテイストによってヒットがすごく少ないことがあります。また、URL飛んで直接サイトを見たいとなったとき、キャプチャではなく画像下の「引用」か記載しているURLをコピペしないと見ることができません。

高頻度で更新がされているように見えないので、毎日更新しても新しい掲載があるとは期待できません。ページ最後の方はひと昔前のデザインが出てくるので、最新のデザインを見たいときはおすすめしません。

パーツ別Webデザイン集

サイト内の特定のパーツのみを絞ってみることができる少し変わったサイトです。
お知らせはお知らせ部分、フッターはフッター部分のみなどといった、サイトの一部分が一度で見ることができます。左にセクションが記載されているのでそこから切り替えができます。404デザインも見ることができるのが面白いです。

セクションによって数が多くないものがあるのか、同じセクション内でサイトの色や雰囲気ごとの検索が不可能です（MVはイラスト/動画/写真で分けることができます）

このサイトもパーツごとに分けて見ることができるサイトです。パーツごとにデザインの勉強ができるのは苦手意識がある部分を詳しく、その部分のみを集中して見ることができるのが良いですね。全体的にこちらのサイトの方が、掲載量は多く感じます。

現代デザイン

このサイトはファーストビューのみではなく、その下部ページのキャプチャや中ページが載っていて一度に2つを見ることができる、他とは少し違ったサイトです。下部のキャプチャが載っていることですぐに雰囲気がつかめるのでサイトを開かなくても確認できる点がとても良いです。

また、サイト名の通り、ひと昔前のデザインが一切なく、左のハンバーガーメニューから様々なジャンルのデザインを確認することができます。

BANNER LIBRARY

こちらはバナーのギャラリーサイトです。
同じギャラリーサイトということで、こちらは素敵なバナーが集まったサイトです。
バナーレイアウト、文字の配置などに悩んだときに参考にしています◎
カテゴリやテイスト検索の量が多く、どういうテイストで参考にしたいかが詳しく検索できるので欲しい情報が得やすいかと思います。
また、ブックマーク機能のような、各バナーの右下にハートマークがあり、上部の「Favorite」でお気に入りリストに追加されるので、いつでも気になったバナーをチェックすることができます！

まとめ

上記のほかにも素敵なギャラリーサイトはありますが、その中でも特徴があるサイトを掲載しました。新しいデザインの発見・サイトの動きのトレンドなどの勉強にご活用いただければ幸いです。以上です。