とにかくTシャツ買え。
とにかくTシャツ買え。

Webデザインの参考になるかっこいいギャラリーサイトまとめ28選!

ゴウ

こんにちは、LIGの社長、ゴウです。

みなさんはWebサイトをつくるときに参考にしているサイトはありますか?

今回、LIGメンバー(主にデザイナーとディレクター)にアンケートを取り、制作する際に普段参考にしているサイトを集めてみました。毎日仕事で使っている彼らのチョイスなので、かなり実践的で参考になるカッコイイサイトが集まったと思います。

全部で31個。それではいってみましょう!

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

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

【こちらもおすすめ】
「スマホサイトのデザイン時に参考になるWebサイトのギャラリーまとめ」
Webデザインの参考になるギャラリーサイト30選【保存版】



日本のまとめサイト13選

MUUUUU.ORG

MUUUUU.ORGのギャラリーサイトのトップページ画像

カテゴリも産業別やデザイン別、色別などと豊富なので、検索もしやすい仕様になっています。

straightline bookmark

straightline bookmarkのギャラリーサイトのトップページ画像

ユーザ登録をすると、「my bookmarks」「my favorits」とサイト内で保存することができるのが便利です。

I/O 3000

I/O 3000のギャラリーサイトのトップページ画像

サイトデザインがとてもシンプルなので、ギャラリーが見やすい! 頻繁に更新されているので、ブックマークに追加して定期的にチェックすることをおすすめします。

bookma!

bookma!ギャラリーサイトのトップページ画像

PC版とスマホ版のサイトが並んで表示されます。配色で検索できるので、使い勝手が良いです。また、サイトを投稿することもできるので、お気に入りのサイトや自身で作ったものを掲載することもできます。

81-web.com

81-web.comのギャラリーサイトのトップページ画像

Webデザインのギャラリーにはめずらしい、日本のサイトに限定したサイトです。細かいところまでデザインされているサイトが豊富に載っています。

S5-Style

S5-Styleのギャラリーサイトのトップページ画像

マウスオーバーしたときの動きが可愛らしい。サイト表示の方法をタイトル/タグで選べて、タグ表示にすると一見しただけでサイトの情報を収集することができます。



.SG_BOOKMARK

.SG_BOOKMARKのギャラリーサイトのトップページ画像

スマートでシンプルなデザインのギャラリーサイト。洗練されたデザインだけでなく、使いやすいインターフェイスなど、さまざまな視点で「よくできている」サイトが掲載されています。

ズロック

ズロックのギャラリーサイトのトップページ画像

サイトのキャプチャが小さく、1ページで比較的多くのサイトを見ることができます。大量のサイトの中から参考になるものを探したいときは、おすすめです。

WPデザインギャラリー

WPデザインギャラリーのギャラリーサイトのトップページ画像

WordPressを仕様したサイトのみを取り扱っているギャラリーサイト。サイトのキャプチャにマウスオンすると、運営者による「サイトの解説」を読むことができます。

WebDesignClip

WebDesignClipのギャラリーサイトのトップページ画像

ユーザ登録をしなくても、お気に入りのサイトを「MyClip」として保存しておくことができます。「LAUNCH」でリンクへ飛ぶことができ、「DETAIL」ではサイトの概要が記載されています。

イケサイ

イケサイのギャラリーサイトのトップページ画像

毎日2〜3サイト追加されていくので、ストック量が多いです。トップページではWebデザインが一覧で表示されていてギャラリーとなっているのですが、求人情報やWeb制作会社の検索などもできます。

週刊ウェブデザイン

週刊ウェブデザインのギャラリーサイトのトップページ画像

毎週20サイト以上追加されているギャラリーサイト。クオリティの高いものを集めているというよりは、とにかく量が多いという印象です。

Good Design Web

http://gooddesignweb.com/

フラットなデザインで、キャプチャも大きく見やすいです。

運営している方がデザインに詳しくないそうですが、デザインの知識がなくても直感的に「いいデザイン」だと感じられるサイトを知りたいときに活用できます。

海外のまとめサイト7選

THE FWA

THE FWAのギャラリーサイトのトップページ画像

サイト内だけで、ギャラリーサイトの画面がいくつか見ることができ、リンクへ飛ばなくても十分Webデザインを参考にすることができます。



AWWWARDS

AWWWARDSのギャラリーサイトのトップページ画像

ギャラリーのユーザが投票することで、掲載されているサイトの評価が決まるのが特徴的。投票するにも、「デザイン」「ユーザビリティ」「クリエイティビティ」などに評価をつけるので、個人的な好みではなく客観的な意見で評価されそうです。

site inspire

site inspireのギャラリーサイトのトップページ画像

気になったサイトがあれば「Stype」や「Subject」など詳しい情報を見ることができます。くわえて、ギャラリーサイト内にある似ているWebサイトを出してくれるのも親切です。

CSS mania

CSS maniaのギャラリーサイトのトップページ画像

ユーザ登録することで、サイト内にお気に入りを「☆」で保存することができます。また、サイトを掲載したい場合は10$でできるよう。海外の方にサイトへ訪れてほしい方は、利用してみるのもいいかもしれません。

WordPress Gallery

WordPress Galleryのギャラリーサイトのトップページ画像

WordPressのテーマに特化したギャラリーサイト。オリジナルのWPテーマを作成して販売している方は、掲載することで売上に繋がるかもしれません。

Minimal Exhibit

Minimal Exhibitのギャラリーサイトのトップページ画像

フラットなデザインのギャラリーサイト。コメントを残したり、他のユーザが残したコメントを閲覧することもできます。

Siiimple

Siiimpleのギャラリーサイトのトップページ画像
https://siiimple.com/

ミニマリストのCSSギャラリー。デザインの中に余計なものはなく、ギャラリーされているサイトはどれもシンプルで「最低限のもの」のみで構成されています。

モバイル・LP・パーツデザインのまとめサイト8選

MOBILE PATTERNS

MOBILE PATTERNSのギャラリーサイトのトップページ画像

スマホのさまざまなページのデザインが掲載されているギャラリーサイト。アプリのUI/UXを考えるときに役立ちそう。



iPhoneデザインボックス

iPhoneデザインボックスのギャラリーサイトのトップページ画像

こちらは、iPhoneから見たときのスマホサイトが優れているものを集めたもの。カテゴリも豊富で、日本だけでなく海外のスマホサイトも掲載されているので、スマホサイトを制作するときにおすすめ。

ランディングページ集めました。

ランディングページ集めました。のギャラリーサイトのトップページ画像

タイトルの通り、LPに特化したギャラリーサイト。LPを制作する人の参考になるだけでなく、依頼する人にとってもイメージを伝える際などで参考になります。

LANDINGPAGE BOOKMARK

LANDINGPAGE BOOKMARKのギャラリーサイトのトップページ画像

こちらもLPまとめ。特徴的なのは、商品によってカテゴリ別になっているところ。LPのテンプレのようなものが多くまとまっています。

見出しデザイン.com

見出しデザイン.comのギャラリーサイトのトップページ画像

さまざまなWebサイトで使われている見出しのデザインのみをまとめたギャラリーサイト。簡単なカテゴリでも分けられています。

Elements of Design

Elements of Designのギャラリーサイトのトップページ画像

こちらもWebサイトのさまざまなパーツを集めたギャラリーサイト。トップページでは更新順になっているので、カテゴリを選んで見ることをおすすめします。

バナーデザインアーカイブ

バナーデザインアーカイブのギャラリーサイトのトップページ画像

バナーに特化したギャラリーサイト。サイズ/色/業種などから検索をすることができ、スクロールしていくとどんどん読み込んでいきます。

レトロバナー

レトロバナーのギャラリーサイトのトップページ画像

こちらもバナーに特化したもの。サイズ/色/業種などだけでなく、フリーワードでも検索することができて便利です。また、枠の中におさまって表示されるので、サイズのバラバラなバナーが一覧になっていて見やすい!




さいごに

いやはや、本当にいろいろなまとめサイトがありますね。みなさんの制作時のご参考になれば幸いです。

Web制作のご相談・料金のお見積りはこちらから

【株式会社LIGについて】

わたしたちは年間150を超えるWebサイトをリリースしている、東京上野のWeb制作会社です。デザインの賞を受賞した制作実績も! Webサイト制作のご相談はこちらより、お気軽にお問い合わせください。

  
ちなみに、最近LIGで働く現役Webデザイナーに普段どんなサイトを見ているか、どういう使い方をしているのかを聞いてみました。YouTubeに動画であがっているのでそちらもぜひ!

M o n g o