デザイナーのスキルアップ

【Webデザイナー必見!】参考になるWebデザインのギャラリーサイトまとめ 20選【海外・国内】

【Webデザイナー必見!】参考になるWebデザインのギャラリーサイトまとめ 20選【海外・国内】

こんにちは!毎日Webサイトをたくさん見て、参考になりそうなWebサイトをまじまじと分析してるずぼらなオッターです。

今回は僕が日々Webデザイナーとして参考にしているWebデザインのギャラリーサイトをまとめました。

日本国内だけではなく海外のサイトもたくさん参考にしているのでWebデザインを探している方にはおすすめの記事です。

にゃん助

Webデザイナーになってもほかのサイトを見ることって結構あるの?

ずぼらなオッター

もちろんだよ!僕の場合は毎日ほかのサイトをたくさん見るようにしているよ!Webデザインの業界は日々トレンドが変わっていくのでその変化を逃さないためにも色々なサイトを見ることが大切だよ。

この記事が役立つ人
  • Webデザインのデザインで行き詰まっている人
  • 参考にしたいWebデザインをまとめてみたい人
  • 海外のWebデザインギャラリーサイトを探している人
WEBデザイナーとグラフィックデザイナーの違いとは?〜それぞれの将来性について〜
WEBデザイナーとグラフィックデザイナーの違いとは?〜それぞれの将来性について〜元グラフィックデザイナー、現役WEBデザイナーのずぼらなオッターです。実際にグラフィックデザイナー、WEBデザイナーを経験している僕が実感したそれぞれの将来性についてまとめました。参考になれば嬉しいです。...

毎日見て参考にしてるWebデザインギャラリー

SANKOU!

https://sankoudesign.com/

SANKOU!はWebデザイナーならまず見たことない人はいないくらい人気で見てる人が多いWebデザインギャラリーサイトです。更新頻度も高く日本のWebサイトが多く、参考にしやすい実用的なWebサイトが多いです。

参考になるレベル:★★★★☆
更新頻度:★★★★☆
検索しやすさ:★★★☆☆

  • 更新頻度が高い
  • お気に入り登録できる
  • 日本のサイトがメイン

I/O 3000

https://io3000.com/

I/O 3000はUIがすっきりしていて使いやすいWebデザインギャラリーサイトです。しかし、検索機能が使えなくて少し探しづらいので毎日新しいのをチェックするには良いです。

紹介するWebサイトの中でもダントツで更新頻度が高いです。

参考になるレベル:★★★★☆
更新頻度:★★★★★
検索しやすさ:★☆☆☆☆

  • ほぼ毎日更新
  • UIがすっきりしてる
  • 目的のWebサイトは見つけにくい

MUUUUU.ORG

https://muuuuu.org/

MUUUUU.ORGは縦長のLPデザインを中心に紹介しているWebデザインギャラリーサイトで、LPをこれから作るっていうときにはかなり頼りになるWebサイトです。

商品ページなどを作る際はよくMUUUUU.ORGを参考にしています。

参考になるレベル:★★★☆☆
更新頻度:★★★☆☆
検索しやすさ:★★★☆☆

  • 紹介してるWebサイトのクオリティが高め
  • シンプル系やインパクト系など幅広い
  • カテゴリ分けが細かくて探しやすい

URAGAWA

https://uragawa.work/

URAGAWAはWebデザインの紹介だけでなくパッと見て制作会社までわかるWebデザインギャラリーサイトです。Webデザインの制作会社を探しているときにも役立ちますし、転職先、就職先を選ぶときにも参考になるんではないでしょうか。

参考になるレベル:★★★★☆
更新頻度:★★☆☆☆
検索しやすさ:★☆☆☆☆

  • デザイン制作会社もわかる
  • Webデザインのクオリティが高い
  • LPよりもWebサイトが中心

cms design

https://cmsdesign.jp/

cms designの最大の特徴はCMS(コンテンツマネジメントシステム)で構築されたWebサイトだけを集めたWebデザインギャラリーサイトであるという点です。

CMSを使ったWebサイトを参考したい場合はcms designが一番おすすめです。

参考になるレベル:★★☆☆☆
更新頻度:★★☆☆☆
検索しやすさ:★★☆☆☆

  • CMSを使ったWebサイトのみ集めている
  • カテゴリ分けができてるので比較的探しやすい
  • UIがわかりやすい

マネるデザイン研究所

https://maneru-design-lab.net/

マネるデザイン研究所は参考になるWebサイトをただ掲載しているだけじゃなく参考になりそう(真似できそう)なポイントも書かれていてWebデザインを勉強中のデザイナーにもとてもおすすめのWebデザインギャラリーサイトです。

参考になるレベル:★★★★☆
更新頻度:★★☆☆☆
検索しやすさ:★★★★☆

  • ポイントも抑えられていて見やすい
  • カテゴリが検索しやすい
  • Webデザイナーを目指している人にもおすすめ

81-web.com

https://81-web.com/

81-web.comは毎日1サイトは更新されるWebデザインギャラリーサイトで、日本の大企業から小さな会社まで様々なWebデザインがアップされています。

FV(ファーストビュー)がきれいに収まっているのでネットサーフィンもしやすいWebデザインです。

参考になるレベル:★★★☆☆
更新頻度:★★★★★
検索しやすさ:★★★☆☆

  • カーソルをあわせるとカテゴリなど見える
  • しっかり作り込まれたWebサイトが多い
  • 更新頻度が高い

Web Design Clip

https://webdesignclip.com/

Web Design Clipは日本国内だけでなく、海外のWebサイトも検索できるようになっていて世界中のWebデザインを見ることができます。

スマートフォンサイトもカテゴリ分けされていて探しやすいです。

参考になるレベル:★★★☆☆
更新頻度:★★★★☆
検索しやすさ:★★★★★

  • 海外サイトも検索できる
  • スマートフォンやLPのカテゴリ分けが嬉しい
  • カテゴリ分けの幅が広い

bookma!

https://bookma.org/

bookma!は毎日平均して5サイト以上更新されるというかなり更新頻度の高いWebデザインギャラリーサイトです。

また、PCサイトとスマホサイトのレスポンシブで両方表示されていてとてもWebデザインを一覧にしたときにわかりやすいので参考サイトとしてかなりWebデザイナーにおすすめです。

参考になるレベル:★★★★★
更新頻度:★★★★★
検索しやすさ:★★★☆☆

  • 更新頻度がダントツで高い
  • スマホもPCも同時に見れる
  • 幅広いWebデザインカテゴリ

straightline bookmark

http://bm.straightline.jp/

straightline bookmarkではスタイリッシュなWebサイトを中心に紹介されていて、見た目がかっこいいWebサイトが多いです。

実用的なWebサイトというよりは見た目重視のWebサイトが多く紹介されています。

参考になるレベル:★★★★☆
更新頻度:★★★☆☆
検索しやすさ:★★☆☆☆

  • かっこいいWebサイトが多い
  • 更新頻度はまちまち
  • いいねの数とかも見れる

海外のWebデザインギャラリー

AWWWARDS

https://www.awwwards.com/

AWWWARDSは海外のWebデザインギャラリーサイトの中でも使いやすいUIで日本語の対応も一応しています。

海外のWebサイトのデザインは日本ではまだ見られないような作りのサイトもあるのでとても勉強になります。

参考になるレベル:★★★★☆
更新頻度:★★★★★
検索しやすさ:★★★★☆

  • キーワード検索できる
  • 海外の最新のWebデザインを見れる
  • 更新は毎日される

siteInspire-Web Design Inspiration

https://www.siteinspire.com/

siteInspire-Web Design Inspirationは運営しているのがイギリスの会社で、海外の幅広いWebデザインサイトを探すことができます。

アカウントを持つことで自分の好きなようにお気に入りのサイトをカテゴリ分けで管理することもできます。

参考になるレベル:★★★★☆
更新頻度:★★☆☆☆
検索しやすさ:★★★☆☆

  • ハイセンスな海外のサイトが集まっている
  • アカウントを作ると管理しやすい
  • ダイナミックなデザインが多い

The FWA

https://thefwa.com/awards/

The FWAは更新日順でツリー状になったWebデザインが特徴的なWebデザインギャラリーサイトです。英語圏のWebサイトだけではなく韓国などのアジア圏のWebサイトも紹介されています。

参考になるレベル:★★★★☆
更新頻度:★★★★★
検索しやすさ:★★★☆☆

  • 毎日更新だから楽しく参考になる
  • 韓国などのサイトもある
  • スタイリッシュなWebデザインが多い

HTML Inspiration

http://www.htmlinspiration.com/

HTML Inspirationはいいね数やランキングも見ることができるのでどういうWebサイト、Webデザインが人気なのか、注目されているのかがひと目でわかりやすいサイトです。

参考になるレベル:★★★★☆
更新頻度:★☆☆☆☆
検索しやすさ:★★★☆☆

  • 7日間などでランキングを見れる
  • いいね数がすぐわかる
  • スタイリッシュなサイトが多い

CSS Design Awards

https://www.cssdesignawards.com/

CSS Design AwardsはUIやUXの観点でも評価されているかどうかがわかるWebデザインギャラリーサイトです。なぜこのデザインが評価されているのか、まで書かれているため説得力のあるWebデザインを探すことができます。

参考になるレベル:★★★★☆
更新頻度:★★★☆☆
検索しやすさ:★★★☆☆

  • UI/UX観点で探せる
  • デザインが良いだけじゃなくUIも良いサイトが多い
  • すっきりしていて探しやすいサイト

Admire The Web

https://www.admiretheweb.com/

Admire The Webはファッション系などのおしゃれなWebデザイン中心に紹介されているWebデザインギャラリーです。

スタイリッシュなサイトを探しているならおすすめの海外のWebデザインギャラリーサイトです。

参考になるレベル:★★★☆☆
更新頻度:★☆☆☆☆
検索しやすさ:★★★☆☆

  • シンプルで見やすいサイト
  • ファッション系のサイトが多い
  • おしゃれなデザインが多い

unmatchedstyle

https://unmatchedstyle.com/

unmatchedstyleはカテゴリ分けが細かくされていて、Blogのデザインなども探すことができます。

参考になるレベル:★★★☆☆
更新頻度:★★☆☆☆
検索しやすさ:★★★☆☆

  • カテゴリ分けが細かい
  • ブログデザインも探せる
  • 目的のサイトが見つかりやすい

designs hack

https://designshack.net/

色で探すこともできる上に印刷物やロゴマークのデザインも探すことができる海外のWebデザインギャラリーサイトです。プロダクトデザインも紹介されているのでインスピレーションのために役立つサイトです。

参考になるレベル:★★★★☆
更新頻度:★★☆☆☆
検索しやすさ:★★★☆☆

  • Webデザインのほかも検索できる
  • 色で検索できる
  • アプリなどのUIも探すことができる

Lapa Ninja

https://www.lapa.ninja/

Lapa Ninjaは実践しやすいWebサイトが多く、トレンドを取り入れたいときに参考になるWebサイトです。

デザインの使い方が日本のWebサイトにはまだないような使い方があったりするので最新のWebデザインを作るときに参考になります。

参考になるレベル:★★★★☆
更新頻度:★★★★☆
検索しやすさ:★★★★☆

  • 実践で参考しやすいサイトが多い
  • 更新頻度も高い
  • 最新のトレンドを取り入れたWebサイトが多い

Land-book

https://land-book.com/

Land-bookはとても更新頻度が高く1日に数個アップされているので毎日チェックしていて損しない海外のWebデザインギャラリーサイトです。

LP(ランディングページ)のほかにもポートフォリオサイトもあるので転職を考えているWebデザイナーにもおすすめです。

参考になるレベル:★★★★★
更新頻度:★★★★★
検索しやすさ:★★★★★

  • いいね数を見れる
  • 更新頻度がかなり高い
  • ポートフォリオサイトも見れる

まとめ

日本のWebデザインギャラリーサイトももちろんおすすめですが、個人的には海外サイトのほうがトレンドをいち早く取り入れているイメージがあるので海外サイトのほうがおすすめです。

日本ではまだ取り入れられていないWebデザインも多いので参考になりますよ。

そのほか僕の場合は、スマホなどでPinterest(ピンタレスト)で毎日デザインに触れてセンスを磨いています!

みなさんもこの他に良いサイトがあればコメントで教えていただけると嬉しいです。

ずぼらなオッターのつぶやき
お問い合わせ

    必須 お名前

    必須 メールアドレス

    任意 題名

    任意 メッセージ本文