「ホームページのデザインを考えるために、他のWebサイトのデザインを参考にしたい」と思う方は多いのではないでしょうか。
そんなときは、多くの優れたデザインをまとめて見れる「ギャラリーサイト」を閲覧するのが便利です。この記事では、代表的なギャラリーサイトを14個ご紹介します。
参考：ホームページ作成で最初に考えるべき３つのポイントと作成方法の選び方
目次
- ギャラリーサイトを使用する際に着目すべき3つのポイント
- ホームページのデザインの参考にしたいギャラリーサイト12選
- デザインの種類が豊富で、流行を追える「SANKOU!」
- 検索機能が充実し、カテゴリー・タグごとの一覧も見ることができる「WebDesignClip」
- 人気投票で掲載サイトを決める「AWWWARDS」
- 日本の高品質サイトを集めた「81-web.com」
- シャッフル機能で思いもよらないデザインに出会える「I/O 3000」
- 縦に長いサイトを集めた「MUUUUU.ORG」
- たくさんのバナーデザインが一覧表示できる「バナーデザインアーカイブ」
- Webデザイナーの方の悩み解決と制作時間短縮を目的に作られた「ブブンデザインアーカイブ」
- 閲覧数順に表示できる「bookma! V3」
- 色々な見出し部分がカテゴリ別に掲載された「見出しデザイン.com」
- OR検索、AND検索ができる「S5-Style」
- プログラム言語で検索可能な「straightline bookmark」
- デザイン性が高いホームページを中心に掲載している「現代デザイン」
- WordPressを使用したサイトが集められた「WPデザインギャラリー」
- その他おすすめのギャラリーサイト
- ホームページのデザインに関するよくあるご質問
- まとめ
ギャラリーサイトを使用する際に着目すべき3つのポイント
具体的なギャラリーサイトの比較に入る前に、使用する際に着目すべきポイントを3つ説明します。
参考：ホームページの作り方｜トップページの３つの役割と12の極意
ポイント1：更新頻度の高いサイトを参考にする
ホームページのデザインのトレンドは、常に変化しています。更新頻度の高いギャラリーサイトには、最新のデザインが反映されるので、できれば更新頻度の高いサイトのデザインを参考にしましょう。
ポイント2：同じ業種のサイトデザインを参考にする
業種ごとにでサイトのデザインは異なります。自社と同じまたは、関連のある業種のサイトデザインを参考にしましょう。
ポイント3：配色・画像の配置・文字のフォントに着目する
会社や商品のイメージの中は、配色・画像の配置・文字のフォントによって左右されます。
ギャラリーサイトの中に自分がイメージするデザインのサイトがあったら、配色、画像の配置、文字フォントに着目しましょう。
ホームページのデザインの参考にしたいギャラリーサイト12選
| サイト名 | 特徴 | こんな人におすすめ |
| SANKOU! | デザインの種類が豊富で、流行を追える | 最新のデザインを見たい方。 |
| WebDesignClip | 検索機能が充実している | 細かい絞り込みを用いて狙ったデザインを探したい方。 |
| AWWWARDS | 人気投票で掲載サイトを決めている | 客観的にハイクオリティと評価されたデザインを知りたい方。 |
| 81-web.com | 日本の高品質サイトを集めている。 | 日本国内のサイトデザインをお探しの方。 |
| I/O 3000 | シャッフル機能で思いもよらないデザインに出会える。 | シャッフル機能で思いもよらないデザインを見つけたい方。 |
| MUUUUU.ORG | 縦に長いサイトを集めている。 | 縦に長いサイトのデザインを探している方。 | バナーデザインアーカイブ | バナーデザインが一覧で表示される | バナー広告デザインのアイデア不足でお悩みの方 |
| ブブンデザインアーカイブ | Webサイトの一部パーツをアーカイブしている | Webサイトの制作時間を短縮したい方 |
| bookma! V3 | 閲覧数順に表示できる | 人気の高いデザインを効率良く探したい方。 |
| 見出しデザイン.com | 色々な見出し部分がカテゴリ別に表示できる | Webサイトの見出しデザインでお悩みの方 |
| S5-Style | OR検索、AND検索ができる。 | OR検索、AND検索を使用してデザインを調べたい方。 |
| straightline bookmark | .プログラム言語で検索可能 | プログラム言語で検索したい方。 |
| 現代デザイン | デザイン性が高いホームページを中心に掲載している | デザイン性が高いホームページだけ見たい方。 |
| WPデザインギャラリー | WordPressを使用したサイトを掲載 | WordPressでホームページ制作をしたい方。 |
デザインの種類が豊富で、流行を追える「SANKOU!」
概要
SANKOU！は国内のホームページのデザインが集められたギャラリーサイトです。ホームページだけではなく、ランディングページやコンテンツペ－ジ、バナー、ボタンなどのデザインも掲載されています。
特徴
- 国内サイトを収集
- 更新頻度が高い
- 「スタイリッシュ・洗練・モダン」や「情報量が多い」など、細かい雰囲気の絞込検索ができる
こんな人にオススメ
最新のデザインを見たい方。
検索機能が充実し、カテゴリー・タグごとの一覧も見ることができる「WebDesignClip」
概要
WebDesignClipは1,400以上のサイトデザインを集めたリンク集です。
特徴
- キーワード検索ができる
- Main Color、Sub Color、レイアウトタイプによる絞り込み検索が可能。
- 「Web・情報サービス」や「アパレル・ファッション」など40近い業種に分けて検索できる。
こんな人にオススメ
細かい絞り込みを用いてデザインを探したい方。
人気投票で掲載サイトを決める「AWWWARDS」
概要
AWWWARDSは投稿された海外サイトを投票によって順位付けし、その人気順に紹介しているリンク集です。人気順は日ごと、週ごと、月ごと、年ごとがあります。
特徴
- 人気順でサイトを探せる。客観的な評価に基づいたハイクオリティのデザインを参考にできる。
- カテゴリーやタイプでもソート可能。
こんな人にオススメ
客観的にハイクオリティと評価された人気のデザインを知りたい方。
日本の高品質サイトを集めた「81-web.com」
概要
81-web.comは日本国内のデザインのクオリティが高いホームページを集めたリンク集です。
特徴
- 国内サイトを収集。
- 「アート・デザイン」など19種のCategoryと、14種のColorから検索可能。
- タグからも一覧表示が可能。
こんな人にオススメ
日本国内のサイトデザインをお探しの方。
シャッフル機能で思いもよらないデザインに出会える「I/O 3000」
概要
I/O 3000は国内外のデザインサイトを集めたサイトです。カテゴリー、タグ、色、アーカイブで検索ができます。カテゴリーは「ファッション」「飲料・食品・グルメ」「旅行・観光・宿泊」など、色は16種類から選べます。
特徴
シャッフル機能ではランダムにデザインが表示されます。自分が思いもよらないデザインを発見できるかもしれません。
こんな人にオススメ
シャッフル機能で思いもよらないデザインを見つけたい方。
縦に長いサイトを集めた「MUUUUU.ORG」
概要
MUUUUU.ORGは縦に長いサイトのデザインを収集したデザインギャラリーです。
特徴
- 縦に長いサイトを収集。
- クオリティの高い順に表示。
- INDUSTRY（業種）、DESIGN（かわいい系など）、TYPE（ブランディングサイトなど）、COLORによって分類されています。
- 分類の種類が多いのも特徴です。
こんな人にオススメ
縦に長いサイトのデザインを探している方。
たくさんのバナーデザインが一覧表示できる「バナーデザインアーカイブ」
概要
バナーデザインアーカイブはインターネット上に存在する様々なバナーを収集しているサイトです。
特徴
- 複数のバナーデザインを一覧表示できる
- サイズ・色・業種・キーワードで検索できる
- 同じサイズの バナーをランダムで表示できる
こんな人にオススメ
バナーデザインのアイデア不足でお悩みの方
Webデザイナーの方の悩み解決と制作時間短縮を目的に作られた「ブブンデザインアーカイブ」
概要
ブブンデザインアーカイブはデザイン性に優れたWebサイトのパーツをアーカイブしたWebデザインの見本集です。
特徴
- ロゴ・フォーム・アイコンなど、たくさんの「ブブン」が集められている。
- フォトショップやイラレーターにドラッグ＆ドロップし、ご自身で制作されたWebデザインと重ねて見れる。
- イメージに合うサイドメニューが思いつかないというWebデザイナーの方の悩みを解決し、少しでも制作時間を短縮できるのを目的としている。
こんな人にオススメ
Web制作時間を短縮したい方
閲覧数順に表示できる「bookma! V3」
概要
デザインクオリティの高い国内外のサイトを集めたリンク集です。
特徴
- 閲覧数順に表示できる点が特徴的。
- 料金やサービス内容を大きく表示した、訴求力の強いデザインが多め。
- リージョン、カラー、バックグラウンドカラー、テイスト、カテゴリーで絞り込み表示できる。
こんな人にオススメ
人気の高いサイトを効率良く探したい方。
色々な見出し部分がカテゴリ別に掲載された「見出しデザイン.com」
概要
見出しデザイン.comは色々なWebサイトの見出し部分を集めたデザインギャラリーサイトです。
特徴
グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線などでカテゴリ分けされている。
こんな人にオススメ
Webサイトの見出しデザインでお悩みの方
OR検索、AND検索ができる「S5-Style」
概要
S5-Styleは国内外の6000サイト以上を集めたリンク集です。
特徴
以下の項目でOR検索およびAND検索できる。
- Service（業種）
- Creative（和風、ピクセルアートなど）
- Color
- Technic（CSS、Javascriptなど）
- Type（リクルート、ニューイヤーサイト）
- また、会員登録不要でお気に入り登録できる。
こんな人にオススメ
OR検索、AND検索を使用してデザインを調べたい方。
プログラム言語で検索可能な「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などのプログラムから選択が可能です。
こんな人にオススメ
プログラム言語で検索したい方。お気に入り機能を使いたい方。
デザイン性が高いホームページを中心に掲載している「現代デザイン」
概要
日本国内の中でも、デザイン性の高いホームページを中心に集められたギャラリーサイトです。
特徴
- 業種・色・年代・テキストで絞込検索をかけることができる
- ほぼ毎日更新を行っている
- 技術的、デザイン性に優れたホームページを掲載している
- お気に入り昨機能がついている
こんな人にオススメ
デザイン性が高いホームページだけ見たい方。
WordPressを使用したサイトが集められた「WPデザインギャラリー」
概要
wordpressを使用したデザインを中心に集められたギャラリーサイトです。
特徴
- 色・業種・雰囲気・レイアウト・カラムなどで絞込み検索ができる
- 各サムネイルにマウスポインタを当てると、それぞれのサイトの特徴を見ることができる
- 国内のサイトに特化している
こんな人にオススメ
WordPressでホームページ制作をしたい方。
その他おすすめのギャラリーサイト
- イケサイ
- siteInspire
- CSS mania
- High Floater
- Minimal Exhibit
- BEST WEB GALLERY
- Siiimple
- MOBILE PATTERNS
- iPhoneデザインボックス
ホームページのデザインに関するよくあるご質問
ホームページのデザインに役立つQ＆Aをまとめています。
Q. ホームページのデザインで最も重要な要素は何ですか？
A. ホームページデザインでは、ユーザーの目を引くファーストビューと直感的なナビゲーションが重要です。これにより、ユーザーがサイト内をスムーズに移動できる可能性が高いです。
Q. ホームページのスマホ対応は必須ですか？
A. はい、現在ではスマホでの閲覧が増えているため、スマホ対応は必須です。対応していないと、ユーザーを逃す可能性が高いです。
Q. ホームページのリニューアルが必要なタイミングはいつですか？
A. 更新が滞りがちであったり、スマホ対応ができていない場合、リニューアルが必要な場合が多いです。また、サイトの目的やユーザー体験を向上させるためにもリニューアルが考えられます。
Q. ホームページのデザインで失敗しないためにはどうすればよいですか？
A. 過度な情報をファーストビューに詰め込まず、主要情報は1～2個に絞ると効果的です。シンプルなデザインがユーザーの興味を引きつける可能性が高いです。
Q. ホームページのリニューアルにかかる期間はどれくらいですか？
A. 一般的には、25ページ程度のWebサイトのリニューアルには3～4ヵ月ほどかかることが多いです。依頼する内容や制作会社によって期間は変動します。
まとめ
ホームページ作成で参考にできるデザインリンク集を14サイト紹介しました。検索機能に力を入れているものや、縦に長いサイトを中心に集めているものなど様々なデザインギャラリーがあります。
人気のあるデザインを探したい方には「AWWWARD」「bookma! V3」をお勧めします。検索機能にすぐれたサイトを探している方は「WebDesignClip」「straightline bookmark」「S5-Style」を、バナー・ロゴなど、部分的なデザインを見たい方には「バナーデザインアーカイブ」「ブブンデザインアーカイブ」を、日本の高品質サイトを見たい方には「81-web.com」をお勧めします。
みなさまのニーズにあったデザインギャラリーを見つけて、魅力的なホームページを作成してください。
参考にしたサイト
現役Web制作スタッフが選ぶデザインの参考になるギャラリーサイトまとめ33選 | 株式会社LIG
Webデザイン勉強で参考にしたいまとめサイト・記事23選 | TechAcademyマガジン
参考にしたい！デザインが秀逸なWebサイト集42選
ココだけ欲しい！Webデザインのパーツをまとめたギャラリーサイト37選｜ferret [フェレット]
女性向けWebデザインを集めたまとめサイト10選！ | WEBサイト制作・コンサルなら石川県金沢市のアイスタイル i-Style
参考にするならココ！WEBデザインのおすすめギャラリーサイト30選｜株式会社日本デザイン