今回は、Webサイトギャラリーサイトをひたすらまとめました。
普段WFの作成やWebデザインの参考事例を探すためギャラリーサイトを見たりしているのですが、以外と種類が多いです。社内でも人によってよく使うサイトが違うみたいだったので、今後の自分で活用するためにも数多あるギャラリーサイトを46選まとめました!
Web制作に従事する方に広く活用いただけたらと!
こまかな説明は割愛してます。気になるサイトがあったらぜひチェックしてみてください!
目次
国内ギャラリーサイト
1.イケサイ
広告多めですが、更新頻度高いので、日々なんとなく見るにはおすすめです。
2.ズロック
http://www.zzrock.net/
サムネイルを小さくできるので、一覧性が高くざっと探しやすいです。
3.週刊ウェブデザイン
http://www.dailywebdesign.com/
更新頻度高めです。TOP一覧が少し見づらいです。
4.ウェブ・ファインダー
http://w-finder.com/
そもそもこのサイトがおしゃれ。パネル状に並ぶサムネイルも見やすいです。
5.ARTNOC.COM
http://art-noc.com/
評価付きなので、デザインの良し悪しを判断しやすいです。まとめ記事も参考になります。
6.bookma! v3
http://bookma.org/
ワンカラム表示で見るのが、楽しいです。
7.Good Design Web
http://gooddesignweb.com/
ページが少し重いですが、おしゃれサイトばっかりチョイスされています。
8.I/O 3000
シンプルで使いやすいです。細かなタグから探せるのも便利です。
9.IllustBookmark
http://www.illustbookmark.info/
イラストが使われているサイト専門のギャラリーサイトです。案件によっては非常に重宝します。
10.MUUUUU.ORG
http://muuuuu.org/
カテゴリが充実しているので、イメージしているWebサイトが探しやすいです。よく使います。
11.S5-Style
http://bm.s5-style.com/
このWebサイト自体がおしゃれです。背景を変えたり少しカスタマイズできるのも楽しいです。よく使います。
12. .SG_BOOKMARK
http://bookmark.dot-sg.com/
海外サイト含めかっこいいWebサイトが多いです。ブランディング用サイトの参考になりますね。
13.SANKOU!
バナーのデザインも併せて探せるが便利です。
14.straightline bookmark
http://bm.straightline.jp/
ユーザーがどれだけお気に入りしてるかを一覧から見られるのが便利です。サムネイルサイズを変更できるのもgood。
15.Tau Magazine
http://www.tau-magazine.com/
コーポレート系のサイトも多く掲載されているので、案件によっては非常に重宝します。
16.WebDesignClip
各事例の詳細ページでは、デザインテイストの近いサイトが表示されます。検討しているサイトの方向性がある程度決まっている場合は便利です。
17.Webデザインサンプル
http://webdesignsample.net/
コーポレートサイトを多く掲載しているサイトです。案件によっては非常に重宝します。
18.WEBデザインの見本帳
http://www.web-mihon.com/
クリック数に応じたランキングが見られるので、デザインが注目されているサイトを見つけることができます。
19.web selection
http://web-selection.com/
最近のWebサイトは掲載されていないようです。
20.WPデザインギャラリー
http://wpgallery.kachibito.net/
WordPressを使用した国内外のWebサイトが掲載されています。WordPressでの構築を検討している際はぜひ参考したいです。
21.81-web.com
http://81-web.com/
サムネイルにオンマウスした際の挙動がいい感じです。そこから、タグやカテゴリ検索できるのも便利です。
海外ギャラリーサイト
22.Awwwards
http://www.awwwards.com/
海外の数あるWebサイトの中から、ユーザーの投票で掲載順位を決めてます。デザインや設計など、どの視点で評価されているのかもわかります。
23.BEST WEB GALLERY
http://bestwebgallery.com/
おしゃれなサイトばかりです。WordPressのテーマも掲載されてます。
24.CSS Awards
https://www.cssdesignawards.com
こちらもawwwardsと同じくユーザー投票を活用したギャラリーサイトです。
25.CSS mania
http://www.cssmania.com/
ユーザー投票系のギャラリーサイトに比べると、一般的なコーポレートサイトも多く掲載されてます。
26.Minimal Exhibit
http://minimalexhibit.com/
サイトタイトル通り、ミニマルデザインのWebサイトを多く掲載しています。シンプルなデザインの参考になります。
27.site inspire
http://www.siteinspire.com/
各国の制作会社別に実績を見ることもできます。制作会社のサイトを見るのも面白いですね。
28.Sites we like
http://www.designmadeingermany.de/sites-we-like/
ドイツのギャラリーサイトです。このサイト自体がとてもシンプルで見やすいです。
29.The Best Designs
https://www.thebestdesigns.com
ギャラリーから制作会社を探すこともできるサイトです。このサイトをはじめ海外のギャラリーサイトは、制作会社のプロモーションツールとしても活用さているようですね。
30.THE FWA
http://www.thefwa.com/site/the-carp-and-the-seagull
UIが独特なので、参考デザインの検索しにくいです。ただこのサイトをうろうろするだけでも楽しいです。
スマホ特化ギャラリーサイト
31.AGT
http://agtsmartphonedesign.com/
サムネイルにオンマウスするとスクロールされるので、直接サイトへ飛ばなくてもざっとデザインを見ることができて便利です。
32.iconDrop
http://icondrop.net/
スマホのアイコン専門のギャラリーサイトです。アプリのアイコンの参考になります。
33.inspiredUI
http://inspired-ui.com/
下層ページのサムネイルも掲載されています。ただ、検索性は低いです。
34.iPhoneデザインボックス
http://design.web-hon.com/
詳細ページでは、レコメンド表示が充実しているので、そこから探すのも便利です。
35.MOBILE PATTERNS
http://www.mobile-patterns.com/
ページの内容ごとにギャラリーをソートできます。例えばカレンダーページと絞れば、さまざまなWebサイト(アプリ)のカレンダーページのデザインだけ見ることができます。Webサイトよりアプリ向けの参考なりそうです。
36.pttrns
こちらの同じく、ページ内容ごとに探すことができます。
37.Responsive Web Design JP
http://responsive-jp.com/
上記キャプチャからわかるように、スマホ・タブレット・PCそれぞれの表示内容が一目でわかります。
38.sps collection
ほぼ毎日更新されているWebサイトです。コーポレートサイトの事例も多く参考になります。
39.Web Design Clip [S]
サムネイルにオンマウスするとQRコードが表示されるので、PCで探して、持ってるスマホで確認するといったことができます。
LP特化ギャラリーサイト
40.ランディングページ集めました。
http://lp-web.com/
名前の通り、ランディングページ(以下LP)のみのギャラリーサイトです。
41.LANDINGPAGE BOOKMARK
http://www.landingpage-link.jp/
タグが細かいので、商材別に探せるのが便利です。
42.LPアーカイブ
とにかく掲載されているWebサイトの数がとんでもなく多いです。LPに関する記事も掲載されているので、LP案件であればとりあえずこのサイトを見ると参考になります。
43.Web Design Clip [L]
http://lp.webdesignclip.com/
webdesignclipの姉妹サイトで、LP専門のギャラリーサイトです。女性向け商材のLPが多いです。
バナー特化ギャラリーサイト
44.Banner Matome
http://bannermatome.com/
300×250サイズのバナー専門のギャラリーサイトです。掲載数も多いので、何かしら参考になるものが見つかるかと思います。
45.バナーデザインアーカイブ
http://banner.keizine.net/
様々なサイズのバナーを探すことができます。自分の作るバナーサイズに合わせて探せます。
46.Retorobanner
http://retrobanner.net/
様々なサイズのバナーを探すことができます。さらにバナーで使用されている色も見ることができるので、色味を参考にしたい場合に便利です。