参考にしたいWebデザインギャラリーサイト5選

情報が大量に氾濫している昨今、Webサイトも星の数ほど存在します。
美しいデザイン、かっこいいデザイン、おしゃれなデザインを探したいと思っても、ただやみくもに検索しているだけではなかなか出会えないですよね。

私は制作者の目線で見ることがほとんどですが、良いデザインを見ると俄然やる気が出てきます。ひたすらストックして、後でじっくり見ながら対抗心と向上心をメラメラさせています…!
そんな私が常日頃お世話になっているギャラリーサイトの中から、5つだけ厳選してみました。

現代デザイン

現代デザイン

https://gendaidesign.com/

  • トップページ、中面ページを一緒に見ることができる
  • サイト内でブックマークしておく機能
  • ジャンル・テーマカラー・掲載時期で分類されている

トップページ、中面ページを一緒に見ることができるWebデザインギャラリーです。
技術的にもデザイン性にも優れたサイト集で、キーワードで検索できたり、サイト内でブックマークしておく機能があったり、サイトのジャンルやテーマカラーでも分類されているので探しやすいです。アーカイブで掲載時期でも分けられているので、Webデザインの時流で比較して見ると面白かったりします。

Web Design Clip

Web Design Clip

https://gendaidesign.com/

  • 日本国内・海外・スマホ&レスポンシブ別で掲載
  • ジャンル別、カラー別、レイアウトで分類されている

制作者のインスピレーションを刺激する、アイデアや技術に優れたWebデザインを紹介してくれているWebデザインギャラリーです。日本国内・海外・スマホ&レスポンシブの4コンテンツに分かれていたり、キーワード検索はもちろんのこと、ジャンル別、カラー別、レイアウトでも分類されています。

MUUUUU.ORG(ムーオルグ)

MUUUUU.ORG

https://muuuuu.org/

  • 業種別・デザイン種別・カラー別・サイト種別で検索が可能
  • オーソドックスでありながらデザイン面で優れたサイトを厳選

縦長のwebデザインギャラリー・サイトリンク集です。
画面左端のメニューを展開すると、業種別・デザイン種別・カラー別・サイト種別で検索が可能です。オーソドックスでありながらデザイン面で優れたサイトを厳選してくれています。現場レベルでWebデザイナーが情報設計の参考にしやすいサイトばかりなので、私も日々お世話になっております。

bookma!(ブックマ!)

bookma

https://bookma.org/

  • PCとスマホの両方のデザインを並べて掲載

感性を刺激するWebデザインギャラリーであるbookma!(ブックマ!)さん。
PCとスマホの両方のデザインを並べて掲載されています。PCモニタは横長であることがほとんどですが、スマホは縦長で見ることが多いですよね。特にトップページのファーストビューはデザイン面で考えることが多いので、見せ方や使い勝手など良いアイデアをいつも探し続けています。

AGT smartphone design gallery

AGT smartphone design gallery

https://agtsmartphonedesign.com/

  • スマホサイトに特化
  • サイト種別とカラー別で分類されている

スマホサイトに特化したWEBデザイン集です。
私はPCからデザインに入るタイプなので、PCでこんなふうにデザインしてみたものの、スマホではどう見せようかな…と思った時に参考にさせてもらっています。今はモバイルファーストですからね〜。スマホデザインも手のひらサイズでありながら日々いろんなデザインやアイデアが生まれています。

まとめ

今回は私のお気に入りのWebデザインリンク集をご紹介してみました。
クライアントワークにおいてよく求められるWebデザインは、落ち着いて見られるけどインパクトのあるものではないでしょうか。奇抜すぎても、平凡すぎてもダメですよね。

クライアントの業界・業種やマーケティング思考、そしてターゲットとなるユーザーを知ること、そこからデザイナーは感情に響くデザインを追求していきます。良いデザインはみんなに喜ばれますし、もしかしたら社会をもぐぐっと動かしていく力もあると思います。

デザインするって、楽しいですね〜

おまけ

駆け出しWebデザイナーの方々はこちらの記事もどうぞ
駆け出しWebデザイナーに伝えたい!Webサイトデザイン練習のポイント