ワンクリックに命がけのWEB・ホームページ制作会社「エムハンド」

インバウンドサイトを作るときに知っておきたいこと

プロのWEBデザイナーが厳選!WEBデザイン・ギャラリーサイト20

  • コンテンツ

ホームページの新規立ち上げやリニューアル時には、どんなイメージがいいだろう…と、いろいろなサイトを見ながら考えることが多いのではないでしょうか。見ているうちに、ヒントが浮かんでくる…などということも多いですよね。そんな時、便利に使えるのが、選ばれたホームページを集めたギャラリーサイトです。

でも、このギャラリーサイト自体もたくさんあって、どれを見ればいいのか…と、迷ってしまうのではないでしょうか。そこで、当社のデザイナーたちがおすすめのギャラリーサイトをまとめてみました。スマホサイトが探せるギャラリーも紹介していますよ。ぜひ、参考にしてみてください!

当社のデザイナーがおすすめするWEBデザインギャラリーサイト

img_01

MUUUUU.ORG(ムーオルグ)

http://muuuuu.org/

縦に長いサイトを集めています。掲載されているデザインの質が高く、様々な切り口から探しやすくなっているので、当社のデザイナーたちも参考によく見ているイチオシのギャラリーサイトです。業種別や、コーポレートサイト・ブランディングページなどのタイプ別、色別の他、かわいい・エレガント・オーソドックスなどのサイトの雰囲気でも探せるので、頭の中で描いているイメージに近いものを見つけやすいところもおすすめです。

img_02

WEB DESIGN GALLERY

http://design-gallery.biz/

流行のポップカルチャー寄りのデザインがたくさん掲載されています。若い層向けのサイトイメージを探したい時などにおすすめ。タグの分類が細かいので、気になるタグを辿っていくと、イメージを固めやすいかなと思います。直接該当サイトにリンクさせるだけではなく、それぞれのホームページに数行の説明がついているのも参考になります!

img_03

81-web.com

http://81-web.com/

シンプル&クールな、クオリティの高いサイトが多く掲載されており、使い勝手もいいサイトです。ちなみに、サイト名は日本の国際電話番号「81」に由来したもので、国内のサイトのみピックアップし、掲載していることを表しているそうです。

img_04

Web Design Clip

http://www.webdesignclip.com/

技術が光っているサイトや、アイディアが効いているサイトが多いギャラリー。サムネイルが大きくみやすいことや、レイアウト別に見られるのも便利です。各詳細ページには、そのホームページで扱っている商品やサービスなどの説明が添えられています。

img_04

現代デザイン

http://gendaidesign.com/

このギャラリーでも縦に長いサイトを多く集めています。一覧で、トップページだけでなく下層ページも1ページずつ紹介しているのが特徴です。

img_04

ズロック

http://www.zzrock.net/

オーソドックスなタイプから、先進的なものまで、国内外のクオリティの高いサイトを掲載しています。カテゴリや色で検索できます。サムネイルを大きく表示させることができるので見やすいです。

img_07

Design-trigger

http://alan-trigger.info/

シンプルでスッキリしていますが、どこか素朴な温かいサイトが多い感じがします。生活や暮らし系のサイトの参考を探す時はここがおすすめです!

img_08

TAU MAGAZINE

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

どちらかと言えば、スタンダードなものよりも手の込んだサイトが多く紹介されているような印象のギャラリーサイトです。

img_09

WEBデザインの見本帳

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

掲載されているホームページは、にぎやかで楽しいデザインが多目な印象。サムネイルから、「同じテーマのサイトを探す」という機能が付いており、似た雰囲気のサイト一覧を表示してくれます。

img_10

I/O 3000

http://io3000.com/

おしゃれなサイトがたくさん紹介されています。サムネイルが大きくて見やすく、カテゴリや色で検索できて使いやすいです。

img_11

S5-Style

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

ページの表示を自分で設定できます。また、気になったサイトをお気に入りに入れておけるので便利です。

img_12

ikesai.com

http://www.ikesai.com/

掲載数が多い総合的なギャラリーサイト。業種別、カラー別でホームページを探せます。

img_13

YSIG

http://www.ysig.jp/

カテゴリ、テイスト、色、レイアウトのタイプなどで探すことができます。ページの背景も白なので見やすいです。

img_14

bookma! v3

http://bookma.org/

画面左に折りたたまれたメニューを表示すると、カラー、テイスト、カテゴリなどの条件をチェックしていくことができます。細かく絞り込んで厳選できるので便利です。

img_15

ARTNOC.COM

http://www.art-noc.com/

優良なWEBデザインを業種別、レイアウト別、色別にデータベース化したリンク集です。「人気のWEBデザイン」というランキングがついているので、WEBデザインの知識がなくても、今のデザインのトレンドがつかめます。

スマホサイト関連のギャラリーサイト

img_16

iPhone Design Box

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

クオリティの高いサイトが多く、詳細ページではPCサイトとスマホサイトを見比べることができます。パソコン上で、何ページかスマホページのデザインも見ることができるので便利!ただ、ページが重く表示が遅いのが難点です。

img_17

AGT smartphone design gallery

http://agtsmartphonedesign.com/

リニューアル予定のためか、最近あまり更新されていない感じですが、スマホで接続しなくても、スマホサイトのデザインを上から下までPCで見ることができ、とても便利なサイトです。デザインのサムネイルにマウスをあわせるとページがスクロールするようになっているので、ページ全体のデザインが楽に見られます。

img_18

RWDJP

http://responsive-jp.com/

レスポンシブウェブデザインと言えば、やはりここではないでしょうか。PC、タブレット、スマホの各デザインが掲載されているので分かりやすいです。

その他特徴のあるギャラリー

img_19

INFOGRAPHIC.jp

http://infographic.jp/

インフォグラフィックを集めたサイト。クオリティが高くいものがたくさん集められていて、参考になることはもちろん、見ているだけでワクワクしてきそうなギャラリーです。

img_20

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

http://bubundesignarchive.jp/

ブブンは「部分」の意味で、その名の通り部分別にデザインが探せるサイトです。インフォグラフィックはもちろん、例えばタイトル、ナビゲーション、表などのパーツごとにデザインが探せるサイトです。

今回のまとめ

これだけたくさんのギャラリーサイトがあっても、掲載されているホームページはさまざま。ネット上には、それだけたくさんのホームページがあるということですよね。

いろいろなサイトを見ていると新しい発想のヒントが見つかることも多く、トレンドをつかむこともできます。同じカテゴリのサイトを比較したり、共通点をみつけたり…という使い方もおすすめです。もちろん、デザインだけでなく企画の参考としても、デザインギャラリーは重宝すると思います。今回のご紹介が、お気に入りのギャラリーサイトを見つけるためのお役に立てばうれしいです。

この記事に関連する記事

カテゴリー

アクセスランキング

月間

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  3. 3

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  4. 4

    今どきの幼稚園・保育園ホームページ研究。32サイトに見る傾向と課題とは?

  5. 5

    【WEBデザイン10選】コンバージョンUPにも!パララックスを効果的に使ったLPまとめ

  6. 6

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

  7. 7

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  8. 8

    【事例に学ぶ】話題の新興SNS、Instagramを集客に使うコツ

  9. 9

    今年はこうなる!2016年のWEBデザイン、5つのトレンドを大胆予想!

  10. 10

    「プッシュ通知はアプリのもの」は過去の話。簡単にできるブラウザでプッシュ通知する方法

総合

  1. 1

    いまさら聞けない!フリック、スワイプ…スマホ操作の基本用語まとめ

  2. 2

    【保存版】アツイ視線が集まる激戦区!女性向けWEBメディア50選

  3. 3

    【WEBデザイン10選】これぞ進化系!今どきのレスポンシブWEBデザインサイトまとめ

  4. 4

    初めてでもできる!iPhone動画編集アプリ【厳選4つ】

  5. 5

    【WEBデザイン10選】コンバージョンUPにも!パララックスを効果的に使ったLPまとめ

  6. 6

    【事例に学ぶ】話題の新興SNS、Instagramを集客に使うコツ

  7. 7

    【WEBデザイン10選】シンプルでわかりやすい「1カラム」サイトまとめ

  8. 8

    【WEBデザイン10選】背景に動画を大胆に使った日本のサイトまとめ

  9. 9

    今年はこうなる!2016年のWEBデザイン、5つのトレンドを大胆予想!

  10. 10

    【WEBデザイン10選】雑誌風デザインを上手く取り入れたWEBサイトまとめ

エムハンドブログ編集部

  • 編集長みつむね

    得意分野はWEBマーケティング/コンテンツ編集。「インバウンドブログ」立ち上げから編集に参加。

  • 伊藤 高啓

    SNS運営からWEB広告/マーケティング業界を経て、鳴り物入りでエムハンドブログ編集長に就任。

  • 新棚幹太

    雑誌出版社を経てフリー編集者に。東京生まれ、京都暮らし4年目のオールラウンドライター。

  • 島田

    某グルメ雑誌の編集長を経て、業界違いのWEBへ転身。独自の視点で個性的な記事を手がける。

  • ヨネクラ

    WEBメディアの立ち上げに参加したくエムハンドライティングチームに参加。早稲田大学出身。

  • キクチ

    京都大学卒業後、京都大学院工学研究科に進学。研究を続けながらライター業に従事。

  • 池田仮名

    週末Webプランナー。情報システムの発展によって変化していく人の心や共同体のありかたに興味。

最新記事

  • M-HAND 士業
  • M-HAND 歯科
  • Logonic
  • M-HAND TechnicalBlog

ワンクリックに命がけのホームページ制作会社「エムハンド」