Webデザインの参考になるギャラリーサイト30選【保存版】

ミライ

2021.04.08

こんにちは。ジャスの意味がわかるやつは大体友達、デザイナーのミライです。

突然ですが、ギャラリーサイトで今日掲載されたサイトを見て、学ぶことがあったり燃えることがあったりしませんか？

あなたが刺激と戦う心、学びを得るために、知りうる限りのギャラリーサイト26サイト押し売りします。

（このサイト載ってない……って感じた方はぜひそのサイト教えてください！僕にも刺激をください！）

多すぎ！って思った方安心してください。目次と、僕の評価軸を駆使すれば快適にこの記事を見れるはず……。

（それでも読むのめんどっちいという方は、「ミライが毎日見ているサイト」をまとめたセクションがあるので、目次から飛んでそこを見ていただければ）

あなたの日々の時間に、刺激と戦う心と学びを与えられますように。

デザインの引き出しを増やすには？

デザインの引き出しを増やすには、インプットのほかに、自分のアウトプットに対して誰かからフィードバックをもらうという方法もあります。周りに相談できる人がいなければ「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました！

【2021】Webデザインスクールおすすめ9選！未経験からWebデザイナーを目指すあなたへ

Ten Tanaka

2021.10.05

Webデザインのギャラリーサイトまとめ、はじまるよ。

閲覧していての評価軸は、

更新頻度

見やすさ

検索しやすさ

に絞っています。

ちなみに、時間があればですが、ただのサイトウォッチャーにならないために拡張機能でサイトを解剖しながら見るとすごく楽しいです。

僕のつたない記事でデザイナー向けですがよろしければ見てみてください。

前置きめちゃんこ長くなってすみません……。ではではご覧ください。
・
・
・

毎日の相棒になってくれるやつ

更新率が高いものをまとめました。

MUUUUU.ORG

https://muuuuu.org/

更新頻度　　　:　★★★★☆
見やすさ　　　:　★★★★★
検索しやすさ　:　★★★☆☆

ポイント

とにかく見やすい
他サイトにないカテゴライズ
ここ見れば何かあるだろうという安心感がある

: ずーっとそばにいて、業界の潮流を教えてくれているような、頼りになるサイトです。
僕が参考サイトを探すときは必ず見るギャラリーのひとつです。専門学校のときからお世話になってて、勝手に勉強させてもらい育てていただきました。ありがとうございます。

81-web.com

https://81-web.com/

更新頻度　　　:　★★★★★
見やすさ　　　:　★★★★★
検索しやすさ　:　★★★☆☆

ポイント

サムネイル（ファーストビュー）重視
SNS上で盛り上がっているサイトがわかる
いいなと思ったサイトをまとめられる

: 平日1日1サイト、コンスタントに上がります。
サムネイルをホバーするまでは、見えている情報が最低限のものなので、情報よりも見た目で見たい！流し見でざっと見たい！という方にぴったりです。
favorite機能（サムネイル右下の「+」ボタンで保存）を使って、必要なサイトをまとめていくことができます。

I/O 3000

https://io3000.com/

更新頻度　　　:　★★★★★︎
見やすさ　　　:　★★★★☆
検索しやすさ　:　★★★★★

ポイント

ほかのサイトでは見ないようなサイトもよく掲載される
表現的にイケてるサイトがよく掲載される

: このサイトはテキスト検索ができるので非常に便利です。
また掲載されているものも、見栄えや設計が良いものが多いので「ここ見れば大丈夫！」という安心感がすごいです。

Web Design Clip

https://www.webdesignclip.com/

更新頻度　　　:　★★★★☆
見やすさ　　　:　★★★☆☆
検索しやすさ　:　★★★★★

ポイント

日本サイトが多い印象
検索で「レイアウト」「採用サイト特集」とユニークなものがある

: レイアウトから検索したい！日本サイトで参考を探している！という方にオススメなギャラリーです。
詳細ページでは、類似サイトが提示されるので、探し物中の方に優しいサイトになっています。
サイドバーには、SPサイトのまとめWeb Design Clip [s]、LPのまとめWeb Design Clip [L]へのリンクがあるのでカバー範囲も広いと感じます。