WEBデザインの参考になるギャラリーサイト18選!

WEBデザインの参考になるギャラリーサイト18選!

こんにちは!デザイナーの波塚です。GWは思いっきり遊んで、思いっきり学んでを念頭に過ごしたいと思っています。
外に出て実際にデザインに触れたり、自宅でひらすらデザインをみてストックするのも楽しいです。
そこで、今回は私が日頃からよく見るWEBデザインのギャラリーサイト、厳選18サイトご紹介します。

※このブログ記事は2017年2月7日にアップした内容に加筆修正した上で、2018年5月4日に再度アップいたしました。

WEBデザインの参考になるギャラリーサイト13選!

目次

  • 1.WebDesignClip
  • 2.魅せるWEBデザイン
  • 3.MUUUUU.ORG
  • 4.Responsive Web Design JP
  • 5.WEBデザインの見本帳
  • 6.bookma! v3
  • 7.イケサイ
  • 8.Choicely
  • 9.I/O 3000
  • 10.Good Design Web
  • 11.straightline bookmark
  • 12.81-web.com
  • 13.4db
  • 14.S5-Style
  • 15.ズロック
  • 16.イラストブックマーク|IllustBookmark
  • 17.thinkthing
  • 18.sps collection
  • まとめ

 

1.WebDesignClip

Web_Design_Clip___Webデザインクリップ

http://www.webdesignclip.com/

・WEBサイト
・スマホサイト
・LPサイト
・海外サイト
・WEB制作に役立つ情報サイト
の5つページがあり、それぞれ目的に合わせて見ることができます。すごい。

ここがポイント!

レイアウト別でサイトを検索できるところが面白い!
スマホサイト・LPサイトをまとめているサイトは意外に少ないので、とても重宝します。
海外のWEBサイト、制作に役立つ情報サイトなど活用の幅が広いのでいい刺激になる。

2.魅せるWEBデザイン

魅せるWEBデザイン
http://www.web-package.net/

制作会社のコーポレートサイトのみを集めたギャラリーサイトです。
それぞれの制作会社の特色が様々で面白いです。

ここがポイント!

他制作会社がどんなサービスをしているかみるととてもいい刺激になります。
センスのある制作会社の制作実績も参考になります。

3.MUUUUU.ORG

MUUUUU.ORG

http://muuuuu.org/

縦に長い高クオリティなWEBサイトを集めているサイトです。
WEBサイト自体のデザインもシンプルで洗練されていて、とても見やすく使いやすいです。

ここがポイント!

色味はもちろんサイトの内容やデザインテイストなど、非常に多くのカテゴリーからWEBサイトを検索して表示できます。
業種別、ある程度イメージが決まっているときにとても便利です!
カテゴリーが非常に豊富で使いやすいです。

4.Responsive Web Design JP

Responsive_Web_Design_JP___日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト

http://responsive-jp.com/

レスポンシブなWEBサイトのギャラリーサイト。一目で分割されたレスポンシブデザインをみれるのが特徴です。

ここがポイント!

一目でスマホ、タブレット、PCのWEBデザインのファーストビューが見れます。
豊富なカテゴリーに加え、使用している技術(WordPress、CSS3、Bootstrapなどなど)からサイトを検索するところが珍しく、一番の特徴です。
スマホ対応するときに使われている技術がわかるのは面白いですね。

5.WEBデザインの見本帳

WEBデザインの見本帳|WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に_

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

豊富なカテゴリーがあり、ランキングではWEBサイト内でよく見られているWEBサイトを閲覧できます。
たくさんのサイトが集まっているまさに見本帳なサイト。

ここがポイント!

豊富なカテゴリとは別に、「印象から探す」というものがあり、WEBサイトから受ける印象(カッコいい・ポップ・さわやかなどなど)でサイトを検索できます。
サムネイルが小さめなので一度にたくさんのWEBサイトが表示されるところも良いです。

6.bookma! v3

bookma! v3

http://bookma.org/

サインインすることでお気に入りのサイトをブックマークすることができます。真ん中のゴリラが印象的なサイトです。こちらもテイスト・色などで絞り込んで閲覧ができます。

ここがポイント!

投稿型WEBギャラリーサイトなので、ユーザーがWEBサイトを投稿し、管理者が審査した上での掲載になっています。
投稿型なのでサイトの更新率が高いのが特徴です。拡張機能からサイトを投稿することもできます。

7.イケサイ

イケサイ

http://www.ikesai.com/

その名の通り日本のイケてるサイトを集めたギャラリーサイト。色・ジャンルなどでサイトを絞り込めます。

ここがポイント!

ビジネスや商品のキャンペーンサイトが多めです。サイトの更新率も高め。

8.Choicely

Choicely

http://www.choicely.jp/

WEBデザインだけでなくWordPressテーマやWEBサービスなど様々なものが集まったサイト。良い刺激を受けそうな情報が詰まっています。ギャラリーサイトが見たい場合は右上メニューのWebデザインをクリック!

ここがポイント!

・WordPressテーマ
・WEBサービスやツール
・企業サイトのデザイン
などからサイト一覧をみることができる。WordPressテーマの掲載数が多い。

9.I/O 3000

81-web_com【Webデザイン_リンク集】

http://io3000.com/

絞り込んでWEBデザインを探すことができるのですが、シャッフルして表示する機能が面白いです。
ジャンルを絞らずいろいろなデザインを見たいときに重宝します。

ここがポイント!

ファッションやアートに関するサイトが多めです。カテゴリも豊富です。
WEBサイト訪問時は新着順にサムネイルが表示されますが、メニューの「Shuffle」をクリックすると、掲載サイトのサムネイルがすべてシャッフルされて表示されます。面白いです!

10.Good Design Web

Good Design WEB

http://gooddesignweb.com/

クオリティの高いサイトが集まっています。フラットなデザインでとても見やすいギャラリーサイトになっています。

ここがポイント!

サムネイルが多きめなので見た目の印象やインパクトでWEBデザインを選びやすいです。
また、サムネイルの「More」をクリックすると、WEBサイトが画像で保存されたページに飛ぶので削除済みのサイトでも画像としてみることができます。
キャンペーンサイトなどは削除されていることが多くて残念と思うことが多いので、これは助かります。

11.straightline bookmark

straightline bookmark

http://bm.straightline.jp/

とにかくクールでおしゃれなサイトが集まっているサイト、変わったデザインのサイトも多く集められています。ログインすることでお気に入りのサイトをブックマークできます。

ここがポイント!

ダーク系のカッコイイサイトが多め。スタイリッシュなサイトの参考にオススメです。

12.81-web.com

81-web_com【Webデザイン_リンク集】

http://81-web.com/

国内のみの秀逸なWEBデザインが集まっているサイトです。サイトがシンプルで直感的に閲覧できます。

ここがポイント!

ここがポイント!
サムネイル右下のパソコンマークをクリックすると、画像で保存されたWEBサイトが表示されます。
また、+をクリックするとWEBサイトをお気に入り登録できます。アカウント登録無しでお気に入り登録が可能なので、とても便利!

13.4db

4db___地域別Webデザインリンク集

http://4db.cc/

スッキリしたサイトのデザインが個人的に気に入っているサイトです。表示幅も広いのでたくさんのサイトを一度に見れます。サイトと同じくスッキリとしたサイトが多く集まっています。

ここがポイント!

スッキリしたサイトのデザインで見やすい。
カテゴリーなく、地域で検索できる機能がついているので、WEBサイトの地域でブランディングするときに参考になりそうです。

14.S5-Style

【S5-Style】Webデザインのリンク集・ポータルサイト

http://bm.s5-style.com/

サイトがスタイリッシュでおしゃれなサイト。お気に入り機能や設定でサイトの背景なども変更可能なので、自分好みにカスタマイズできるところが面白いです。

ここがポイント!

サイト登録数が多く、サービス・クリエイティブ・カラー・技術・サイトのタイプとカテゴリーが非常に豊富で使いやすさ抜群。また、サイトのタイプと色などで組み合わせて絞り込みができるので重宝します。

15.ズロック

ズロック|Webデザインのリンク集

http://www.zzrock.net/

豊富なカテゴリ、サムネイルの大小が選択できるのが特徴です。

ここがポイント!

サムネイルの大小が変更できるので、サイトをとにかくたくさん見たいとき、ビジュアル重視でみたいときなど場面によって見方を変えられるのが使いやすいです。

16.イラストブックマーク|IllustBookmark

Webデザイン参考サイト、イラストブックマーク_IllustBookmark

http://www.illustbookmark.info/

イラストを使ったサイトを集めているギャラリーサイトです。

ここがポイント!

イラストを使ったサイトはユニークなものが多いので見ていて楽しいです。
フラットデザインやカラフルなサイトの参考にもなりそうです。

17.thinkthing

スマートフォン_スマホ_デザインまとめサイト___thinkthing

http://thinkthing.net/

ユーザー登録をして、スマホサイトを投稿するユーザー参加型のギャラリーサイト。
また、それぞれ投稿されたサイトに「いいね!」をすることができます。

ここがポイント!

ユーザー参加型なので、より広い視野でスマホサイトを閲覧することができます。
反面、サイトのクオリティにはバラつきがあるかもしれないことも頭に入れておくといいと思います。

18.sps collection

スマートフォンサイトのデザインリンク集_sps_collection

http://spscollection.com/
スマホのサイトデザインを集めたサイト。とてもシンプルなレイアウトでストレスなくたくさんのスマホサイトを閲覧することができます。

ここがポイント!

カテゴリが豊富、ブックマーク機能もついており、使いやすさ抜群でスマホサイトを閲覧したいときには鉄板のギャラリーサイトです。

まとめ

どのサイトもシンプルでそれぞれカテゴリーや色、印象でピックアップできたりと探しているデザインが見つけやすいです。デザインの参考だけでなく「こんな商品(サービス)があったんだ!」という発見もあったりして面白いです。
きっと新しいインスピレーションや刺激があると思うので是非ご覧になってください。

  • シェア
  • twitter
The following two tabs change content below.
波塚浩平

波塚浩平

デザイナー&コーダー株式会社インファクト
デザイナーの波塚です。昔からものづくりが好きで、なんでも自分でつくりたくなってしまうことが多いです。好きな言葉は「若いときに流さなかった汗は、老いてから涙となって返ってくる」です。後で後悔しないよう、今を全力で突き進みます!
  • twitter
  • このエントリーをはてなブックマークに追加
  • Pocket
PAGE TOP
LINE it!