WEBデザインの参考になるギャラリーサイト18選!
こんにちは!デザイナーの波塚です。GWは思いっきり遊んで、思いっきり学んでを念頭に過ごしたいと思っています。
外に出て実際にデザインに触れたり、自宅でひらすらデザインをみてストックするのも楽しいです。
そこで、今回は私が日頃からよく見るWEBデザインのギャラリーサイト、厳選18サイトご紹介します。
※このブログ記事は2017年2月7日にアップした内容に加筆修正した上で、2018年5月4日に再度アップいたしました。
- 1. WEBデザインの参考になるギャラリーサイト13選!
- 1.1. 1.WebDesignClip
- 1.2. 2.魅せるWEBデザイン
- 1.3. 3.MUUUUU.ORG
- 1.4. 4.Responsive Web Design JP
- 1.5. 5.WEBデザインの見本帳
- 1.6. 6.bookma! v3
- 1.7. 7.イケサイ
- 1.8. 8.Choicely
- 1.9. 9.I/O 3000
- 1.10. 10.Good Design Web
- 1.11. 12.81-web.com
- 1.12. 13.4db
- 1.13. 14.S5-Style
- 1.14. 15.ズロック
- 1.15. 16.イラストブックマーク|IllustBookmark
- 1.16. 17.thinkthing
- 1.17. 18.sps collection
- 1.18. まとめ
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サイト
・スマホサイト
・LPサイト
・海外サイト
・WEB制作に役立つ情報サイト
の5つページがあり、それぞれ目的に合わせて見ることができます。すごい。
ここがポイント!
レイアウト別でサイトを検索できるところが面白い!
スマホサイト・LPサイトをまとめているサイトは意外に少ないので、とても重宝します。
海外のWEBサイト、制作に役立つ情報サイトなど活用の幅が広いのでいい刺激になる。
2.魅せるWEBデザイン
制作会社のコーポレートサイトのみを集めたギャラリーサイトです。
それぞれの制作会社の特色が様々で面白いです。
ここがポイント!
他制作会社がどんなサービスをしているかみるととてもいい刺激になります。
センスのある制作会社の制作実績も参考になります。
3.MUUUUU.ORG
縦に長い高クオリティなWEBサイトを集めているサイトです。
WEBサイト自体のデザインもシンプルで洗練されていて、とても見やすく使いやすいです。
ここがポイント!
色味はもちろんサイトの内容やデザインテイストなど、非常に多くのカテゴリーからWEBサイトを検索して表示できます。
業種別、ある程度イメージが決まっているときにとても便利です!
カテゴリーが非常に豊富で使いやすいです。
4.Responsive Web Design JP
レスポンシブなWEBサイトのギャラリーサイト。一目で分割されたレスポンシブデザインをみれるのが特徴です。
ここがポイント!
一目でスマホ、タブレット、PCのWEBデザインのファーストビューが見れます。
豊富なカテゴリーに加え、使用している技術(WordPress、CSS3、Bootstrapなどなど)からサイトを検索するところが珍しく、一番の特徴です。
スマホ対応するときに使われている技術がわかるのは面白いですね。
5.WEBデザインの見本帳
豊富なカテゴリーがあり、ランキングではWEBサイト内でよく見られているWEBサイトを閲覧できます。
たくさんのサイトが集まっているまさに見本帳なサイト。
ここがポイント!
豊富なカテゴリとは別に、「印象から探す」というものがあり、WEBサイトから受ける印象(カッコいい・ポップ・さわやかなどなど)でサイトを検索できます。
サムネイルが小さめなので一度にたくさんのWEBサイトが表示されるところも良いです。
6.bookma! v3
サインインすることでお気に入りのサイトをブックマークすることができます。真ん中のゴリラが印象的なサイトです。こちらもテイスト・色などで絞り込んで閲覧ができます。
ここがポイント!
投稿型WEBギャラリーサイトなので、ユーザーがWEBサイトを投稿し、管理者が審査した上での掲載になっています。
投稿型なのでサイトの更新率が高いのが特徴です。拡張機能からサイトを投稿することもできます。
7.イケサイ
その名の通り日本のイケてるサイトを集めたギャラリーサイト。色・ジャンルなどでサイトを絞り込めます。
ここがポイント!
ビジネスや商品のキャンペーンサイトが多めです。サイトの更新率も高め。
8.Choicely
WEBデザインだけでなくWordPressテーマやWEBサービスなど様々なものが集まったサイト。良い刺激を受けそうな情報が詰まっています。ギャラリーサイトが見たい場合は右上メニューのWebデザインをクリック!
ここがポイント!
・WordPressテーマ
・WEBサービスやツール
・企業サイトのデザイン
などからサイト一覧をみることができる。WordPressテーマの掲載数が多い。
9.I/O 3000
絞り込んでWEBデザインを探すことができるのですが、シャッフルして表示する機能が面白いです。
ジャンルを絞らずいろいろなデザインを見たいときに重宝します。
ここがポイント!
ファッションやアートに関するサイトが多めです。カテゴリも豊富です。
WEBサイト訪問時は新着順にサムネイルが表示されますが、メニューの「Shuffle」をクリックすると、掲載サイトのサムネイルがすべてシャッフルされて表示されます。面白いです!
10.Good Design Web
クオリティの高いサイトが集まっています。フラットなデザインでとても見やすいギャラリーサイトになっています。
ここがポイント!
サムネイルが多きめなので見た目の印象やインパクトでWEBデザインを選びやすいです。
また、サムネイルの「More」をクリックすると、WEBサイトが画像で保存されたページに飛ぶので削除済みのサイトでも画像としてみることができます。
キャンペーンサイトなどは削除されていることが多くて残念と思うことが多いので、これは助かります。
11.straightline bookmark
とにかくクールでおしゃれなサイトが集まっているサイト、変わったデザインのサイトも多く集められています。ログインすることでお気に入りのサイトをブックマークできます。
ここがポイント!
ダーク系のカッコイイサイトが多め。スタイリッシュなサイトの参考にオススメです。
12.81-web.com
国内のみの秀逸なWEBデザインが集まっているサイトです。サイトがシンプルで直感的に閲覧できます。
ここがポイント!
ここがポイント!
サムネイル右下のパソコンマークをクリックすると、画像で保存されたWEBサイトが表示されます。
また、+をクリックするとWEBサイトをお気に入り登録できます。アカウント登録無しでお気に入り登録が可能なので、とても便利!
13.4db
スッキリしたサイトのデザインが個人的に気に入っているサイトです。表示幅も広いのでたくさんのサイトを一度に見れます。サイトと同じくスッキリとしたサイトが多く集まっています。
ここがポイント!
スッキリしたサイトのデザインで見やすい。
カテゴリーなく、地域で検索できる機能がついているので、WEBサイトの地域でブランディングするときに参考になりそうです。
14.S5-Style
サイトがスタイリッシュでおしゃれなサイト。お気に入り機能や設定でサイトの背景なども変更可能なので、自分好みにカスタマイズできるところが面白いです。
ここがポイント!
サイト登録数が多く、サービス・クリエイティブ・カラー・技術・サイトのタイプとカテゴリーが非常に豊富で使いやすさ抜群。また、サイトのタイプと色などで組み合わせて絞り込みができるので重宝します。
15.ズロック
豊富なカテゴリ、サムネイルの大小が選択できるのが特徴です。
ここがポイント!
サムネイルの大小が変更できるので、サイトをとにかくたくさん見たいとき、ビジュアル重視でみたいときなど場面によって見方を変えられるのが使いやすいです。
16.イラストブックマーク|IllustBookmark
http://www.illustbookmark.info/
イラストを使ったサイトを集めているギャラリーサイトです。
ここがポイント!
イラストを使ったサイトはユニークなものが多いので見ていて楽しいです。
フラットデザインやカラフルなサイトの参考にもなりそうです。
17.thinkthing
ユーザー登録をして、スマホサイトを投稿するユーザー参加型のギャラリーサイト。
また、それぞれ投稿されたサイトに「いいね!」をすることができます。
ここがポイント!
ユーザー参加型なので、より広い視野でスマホサイトを閲覧することができます。
反面、サイトのクオリティにはバラつきがあるかもしれないことも頭に入れておくといいと思います。
18.sps collection
http://spscollection.com/
スマホのサイトデザインを集めたサイト。とてもシンプルなレイアウトでストレスなくたくさんのスマホサイトを閲覧することができます。
ここがポイント!
カテゴリが豊富、ブックマーク機能もついており、使いやすさ抜群でスマホサイトを閲覧したいときには鉄板のギャラリーサイトです。
まとめ
どのサイトもシンプルでそれぞれカテゴリーや色、印象でピックアップできたりと探しているデザインが見つけやすいです。デザインの参考だけでなく「こんな商品(サービス)があったんだ!」という発見もあったりして面白いです。
きっと新しいインスピレーションや刺激があると思うので是非ご覧になってください。
波塚浩平
最新記事 by 波塚浩平 (全て見る)
- 【2022年最新版】カラーパレットの作成方法|Coolors - 2022年3月16日
- Macのデフォルトアプリでpdfを結合する方法|Automator活用 - 2020年5月26日
- 簡単に美しいグラデーションを作れる便利サイト4選 - 2020年5月12日