サイト制作に役立つ！ホームページデザインのギャラリーサイト11選

「ホームページのデザインを考えるために、他のWebサイトのデザインを参考にしたい」と思う方は多いのではないでしょうか。 そんなときは、多くの優れたデザインをまとめて見れる「ギャラリーサイト」を閲覧するのが便利です。この記事では、代表的なギャラリーサイトを11個ご紹介します。 なお、重要度を客観化するために既存のギャラリーサイトを紹介したサイト6個を調査し、出現頻度をスコアリングしました。出現頻度の高い順に掲載しているので、この記事を読めば効率よく良質なギャラリーサイトを探せます。 ※出現頻度が同数の場合は、アルファベット順に掲載しています。日本語名については、ローマ字表記で判断しています。

ギャラリーサイトを使用する際に着目すべき3つのポイント

具体的なギャラリーサイトの比較に入る前に、使用する際に着目すべきポイントを3つ説明します。

ポイント1：更新頻度の高いサイトを参考にする

ホームページのデザインのトレンドは、常に変化しています。更新頻度の高いギャラリーサイトには、最新のデザインが反映されるので、できれば更新頻度の高いサイトのデザインを参考にしましょう。

ポイント2：同じ業種のサイトデザインを参考にする

業種ごとにでサイトのデザインは異なります。自社と同じまたは、関連のある業種のサイトデザインを参考にしましょう。

ポイント3：配色・画像の配置・文字のフォントに着目する

会社や商品のイメージの中は、配色・画像の配置・文字のフォントによって左右されます。 ギャラリーサイトの中に自分がイメージするデザインのサイトがあったら、配色、画像の配置、文字フォントに着目しましょう。

ホームページのデザインの参考にしたいギャラリーサイト12選

サイト名	特徴	こんな人におすすめ
WebDesignClip	検索機能が充実している	細かい絞り込みを用いて狙ったデザインを探したい方。
AWWWARDS	人気投票で掲載サイトを決めている	客観的にハイクオリティと評価されたデザインを知りたい方。
81-web.com	日本の高品質サイトを集めている。	日本国内のサイトデザインをお探しの方。
I/O 3000	シャッフル機能で思いもよらないデザインに出会える。	シャッフル機能で思いもよらないデザインを見つけたい方。
MUUUUU.ORG	縦に長いサイトを集めている。	縦に長いサイトのデザインを探している方。
バナーデザインアーカイブ	バナーデザインが一覧で表示される	バナー広告デザインのアイデア不足でお悩みの方
ブブンデザインアーカイブ	Webサイトの一部パーツをアーカイブしている	Webサイトの制作時間を短縮したい方
bookma! V3	閲覧数順に表示できる	人気の高いデザインを効率良く探したい方。
見出しデザイン.com	色々な見出し部分がカテゴリ別に表示できる	Webサイトの見出しデザインでお悩みの方
S5-Style	OR検索、AND検索ができる。	OR検索、AND検索を使用してデザインを調べたい方。
straightline bookmark	.プログラム言語で検索可能	プログラム言語で検索したい方。

1. 検索機能が充実し、カテゴリー・タグごとの一覧も見ることができる「WebDesignClip」

WebDesignClip

概要

WebDesignClipは1,400以上のサイトデザインを集めたリンク集です。

特徴

• キーワード検索ができる
• Main Color、Sub Color、レイアウトタイプによる絞り込み検索が可能。
• 「Web・情報サービス」や「アパレル・ファッション」など40近い業種に分けて検索できる。

こんな人にオススメ

細かい絞り込みを用いてデザインを探したい方

2.人気投票で掲載サイトを決める「AWWWARDS」

AWWWARDS

概要

AWWWARDSは投稿された海外サイトを投票によって順位付けし、その人気順に紹介しているリンク集です。人気順は日ごと、週ごと、月ごと、年ごとがあります。

特徴

• 人気順でサイトを探せる。客観的な評価に基づいたハイクオリティのデザインを参考にできる。
• カテゴリーやタイプでもソート可能。

こんな人にオススメ

客観的にハイクオリティと評価された人気のデザインを知りたい方。

3.日本の高品質サイトを集めた「81-web.com」

81-web.com

概要

81-web.comは日本国内のデザインのクオリティが高いホームページを集めたリンク集です。

特徴

• 国内サイトを収集。
• 「アート・デザイン」など19種のCategoryと、14種のColorから検索可能。
• タグからも一覧表示が可能。

こんな人にオススメ

日本国内のサイトデザインをお探しの方。

4. シャッフル機能で思いもよらないデザインに出会える「I/O 3000」

I/O 3000

概要

I/O 3000は国内外のデザインサイトを集めたサイトです。カテゴリー、タグ、色、アーカイブで検索ができます。カテゴリーは「ファッション」「飲料・食品・グルメ」「旅行・観光・宿泊」など、色は16種類から選べます。

特徴

シャッフル機能ではランダムにデザインが表示されます。自分が思いもよらないデザインを発見できるかもしれません。

こんな人にオススメ

シャッフル機能で思いもよらないデザインを見つけたい方。

5.縦に長いサイトを集めた「MUUUUU.ORG」

MUUUUU.ORG

概要

MUUUUU.ORGは縦に長いサイトのデザインを収集したデザインギャラリーです。

特徴

• 縦に長いサイトを収集。
• クオリティの高い順に表示。
• INDUSTRY（業種）、DESIGN（かわいい系など）、TYPE（ブランディングサイトなど）、COLORによって分類されています。
• 分類の種類が多いのも特徴です。

こんな人にオススメ

縦に長いサイトのデザインを探している方。

6.たくさんのバナーデザインが一覧表示できる「バナーデザインアーカイブ」

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

概要

バナーデザインアーカイブはインターネット上に存在する様々なバナーを収集しているサイトです。

特徴

• 複数のバナーデザインを一覧表示できる
• サイズ・色・業種・キーワードで検索できる
• 同じサイズの バナーをランダムで表示できる

こんな人にオススメ

バナーデザインのアイデア不足でお悩みの方

7.Webデザイナーの方の悩み解決と制作時間短縮を目的に作られた「ブブンデザインアーカイブ」

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

概要

ブブンデザインアーカイブはデザイン性に優れたWebサイトのパーツをアーカイブしたWebデザインの見本集です。

特徴

• ロゴ・フォーム・アイコンなど、たくさんの「ブブン」が集められている。
• フォトショップやイラレーターにドラッグ＆ドロップし、ご自身で制作されたWebデザインと重ねて見れる。
• イメージに合うサイドメニューが思いつかないというWebデザイナーの方の悩みを解決し、少しでも制作時間を短縮できるのを目的としている。

こんな人にオススメ

Web制作時間を短縮したい方

8.閲覧数順に表示できる「bookma! V3」

bookma! V3

概要

デザインクオリティの高い国内外のサイトを集めたリンク集です。

特徴

• 閲覧数順に表示できる点が特徴的。
• 料金やサービス内容を大きく表示した、訴求力の強いデザインが多め。
• リージョン、カラー、バックグラウンドカラー、テイスト、カテゴリーで絞り込み表示できる。

こんな人にオススメ

人気の高いサイトを効率良く探したい方。

9.色々な見出し部分がカテゴリ別に掲載された「見出しデザイン.com」

見出しデザイン.com

概要

見出しデザイン.comは色々なWebサイトの見出し部分を集めたデザインギャラリーサイトです。

特徴

グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線などでカテゴリ分けされている。

こんな人にオススメ

Webサイトの見出しデザインでお悩みの方

10.OR検索、AND検索ができる「S5-Style」

S5-Style

概要

S5-Styleは国内外の6000サイト以上を集めたリンク集です。

特徴

以下の項目でOR検索およびAND検索できる。

• Service（業種）
• Creative（和風、ピクセルアートなど）
• Color
• Technic（CSS、Javascriptなど）
• Type（リクルート、ニューイヤーサイト）
• また、会員登録不要でお気に入り登録できる。

こんな人にオススメ

OR検索、AND検索を使用してデザインを調べたい方。

11.プログラム言語で検索可能な「straightline bookmark」

straightline bookmark

概要

straightline bookmarkは約8000のサイトデザインを収集したリンク集です。会員登録するとブックマーク、お気に入り機能を使用でき、自分だけのリンク集を作成できます。

特徴

• お気に入り機能を活用できる。
• プログラム言語で検索が可能な点が特徴。
• Colors、genres（ジャンル）、others、patternsで検索可能
• Colorsには12種類の色が用意されています。
• Genres（ジャンル）はcorporateやproduct、handwritingなど15種類から選べます。
• Othersはjapanese、english、other-languageの言語のほか、flash、css、javascript、html5などのプログラムから選択が可能です。

こんな人にオススメ

プログラム言語で検索したい方。お気に入り機能を使いたい方。

まとめ

ホームページ作成で参考にできるデザインリンク集を11サイト紹介しました。検索機能に力を入れているものや、縦に長いサイトを中心に集めているものなど様々なデザインギャラリーがあります。 人気のあるデザインを探したい方には「AWWWARD」「bookma! V3」をお勧めします。検索機能にすぐれたサイトを探している方は「WebDesignClip」「straightline bookmark」「S5-Style」を、バナー・ロゴなど、部分的なデザインを見たい方には「バナーデザインアーカイブ」「ブブンデザインアーカイブ」を、日本の高品質サイトを見たい方には「81-web.com」をお勧めします。 みなさまのニーズにあったデザインギャラリーを見つけて、魅力的なホームページを作成してください。

おまけ：出現頻度が低かったサイト一覧

• イケサイ
• siteInspire
• CSS mania
• High Floater
• WordPress Gallery
• Minimal Exhibit
• BEST WEB GALLERY
• Siiimple
• MOBILE PATTERNS
• iPhoneデザインボックス

参考にしたサイト

現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | 株式会社LIG 【2017年度版】デザイナーがよくみるWebデザインリンク集まとめ | 株式会社LYZON Webデザイン勉強で参考にしたいまとめサイト・記事23選 | TechAcademyマガジン 参考にしたい！デザインが秀逸なWebサイト集42選 ココだけ欲しい！Webデザインのパーツをまとめたギャラリーサイト37選｜ferret [フェレット] 女性向けWebデザインを集めたまとめサイト10選！ | WEBサイト制作・コンサルなら石川県金沢市のアイスタイル i-Style