webデザインの参考に | ステキギャラリーサイトまとめ

本と空と僕の画像

デザインを考える時、参考にするものはたくさんある。
例えば机の近くの曇りガラスの窓を開けて、ぼんやりと歩いてる人たちを見ていたら、白い犬を連れたおじいちゃんと目が合った。
なんてことも時にひらめきにつながるのである。でもwebデザインの最初の参考はやっぱりwebデザインだからまとめた

webデザインの参考になるようなサイトを探そうとするとき、インターネット上には情報がたくさんありすぎて、なかなかしんどいです。
そんなときのために、ステキなデザインのwebサイトを探しやすくまとめたwebサイト(まとめサイト、ギャラリーサイト)があります。

がしかし、そのギャラリーサイト自体も数が結構あるので、個人的なお気に入りをまとめました。
もちろんギャラリーサイトのまとめ記事も探せばたくさんあります。
いろいろみてみて、お気に入りのギャラリーサイトを探すのに役立てていただければ幸い。

※この記事では、以下の条件に当てはまるものを優先的にまとめています。

  • 日本のサイトをまとめたもの。
  • 色やカテゴリーで分けて探せるもの。
  • 個人的に好きなもの、よく使うもの。

では

WEBデザインの見本帳

http://www.web-mihon.com/

掲載数も多く、検索のしやすいサイト。色、ジャンル、キーワードに加え、意外と重宝するのが印象から探す。です。
サイトさんの基準に少し慣れが必要だけど、例えば「かわいい・ポップ」なサイトをまとめてみたい時とかに便利。サイトもかわいい

Tau Magazine

Tau Magazine

http://www.tau-magazine.com/

こちらのサイトも、メニューの「Taste」からオシャレ系、カワイイ系等の印象検索ができます。
ファーストビューで見られるサムネイルの大きさと表示数のバランスが絶妙。サイトもスッキリシンプルつまりとても見やすい。

I/O 3000

I/O 3000

http://io3000.com/

サイト自体がおしゃれでそれだけで少しテンションのあがるサイト。広告の表示が全くないのも、こだわりを感じます。
カテゴリ、タグ、色で検索が可能。サムネイルが大きいので、リンク先に行かなくても結構刺激されます。ひー

週刊ウェブデザイン

週刊ウェブデザイン

http://www.dailywebdesign.com/

サムネイルの表示数が多い!カテゴリ検索ができる。毎週20サイト更新中。
そして「週刊ロゴデザイン」のページでは、日本のwebサイトのロゴまとめている貴重なサイト。

MUUUUU_CHANG Web DESIGN Showcase

MUUUUU_CHANG Web DESIGN Showcase

http://muuuuu.org/

クオリティが高い縦に長いサイトをがむしゃらに集めているギャラリーサイト。
サムネイルにカーソルをおくと、スクロールして全体がみれる演出がニクい。サイト自体もステキ

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

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

http://lp-web.com/

タイトルの通り、ランディングページのギャラリーサイト。デザイン以外でも実用性が高いです。サムネイルは縦長でwebページ全体の雰囲気がわかります。ランディングページのリンク集はあまり無いので要チェック

積ゲーム|アニメ・ゲームのWebデザインギャラリー

積ゲーム|アニメ・ゲームのWebデザインギャラリー

http://design.tsumigame.com/

アニメ、ゲーム、映画のサイトに特化したギャラリーサイト。デザインの参考より、単純に見てて楽しいです。

web selection | ウェブセレクション

ウェブセレクション

http://web-selection.com/

文字やサムネイルは少し小さいけど、カテゴリ選択すると1ページに全件表示してくれるのが便利なときがある。

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

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

http://bubundesignarchive.jp/

フッターやナビゲーションなど、パーツのデザインに特化した貴重なサイト。ただ、Twitterのバナーのところはガイドラインを参照して参考にした方がいいかも。

週刊ロゴデザイン

週刊ロゴデザイン

http://www.dailywebdesign.com/logo/

週刊ウェブデザインの中のページの一つで、ロゴデザインのギャラリーサイト。カテゴリ分けはなく、1ページにロゴがずらーっと並んでいる。
毎日更新予定!?

バナーデザイン専門ギャラリーサイト | レトロバナー

http://retrobanner.net/

バナーデザイン紹介サイト。大量のバナーデザインに圧倒されます。

見出しデザイン.com

http://midashi-design.com/

見出しだけのデザインを集めた、なかなかマニアックなサイト。グラデーション、角丸など、11種のカテゴリで絞り込める。
リンク集に、ファビコンギャラリー.comや、フッターデザイン.comとかもあります。

Logolog-ロゴログ

Logolog-ロゴログ

http://www.logolog.info/

アニマル、クールなどタグから探せるロゴデザインのギャラリーサイト。カテゴリ分けもできる。

あまり見ることないけど、ケイタイサイトのギャラリーサイトは数が少ないのでまとめておきます。

iPhoneデザインボックス

iPhoneデザインボックス

http://design.web-hon.com/

シンプルなスマホサイトのギャラリーサイトです。カテゴリで絞り込めます。

iPhoneサイトデザイン集のiPhoneデザインアーカイブ

iPhoneサイトデザイン集のiPhoneデザインアーカイブ

http://iphonedesignarchive.jp/

ブブンデザインアーカイブの姉妹サイト。
iPhoneサイトまとめです。でっかいiPhone

モバイルサイトデザイン集のモバイルデザインアーカイブ

モバイルサイトデザイン集のモバイルデザインアーカイブ

http://mobiledesignarchive.jp/

これまたブブンデザインアーカイブの姉妹サイト。
携帯サイトのまとめ。

以上になります。これらのサイトを見ても行き詰まってしまうときは、思い切って外にとびだしてみるのも手かも。では、よいデザインライフを。