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

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

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

ギャラリーサイトを使用する際に着目すべき3つのポイントポイント1:更新頻度の高いサイトを参考にするポイント2:同じ業種のサイトデザインを参考にするポイント3:配色・画像の配置・文字のフォントに着目するホームページのデザインの参考にしたいギャラリーサイト12選 1. 検索機能が充実し、カテゴリー・タグごとの一覧も見ることができる「WebDesignClip」 2.人気投票で掲載サイトを決める「AWWWARDS」3.日本の高品質サイトを集めた「81-web.com」4. シャッフル機能で思いもよらないデザインに出会える「I/O 3000」5.縦に長いサイトを集めた「MUUUUU.ORG」6.たくさんのバナーデザインが一覧表示できる「バナーデザインアーカイブ」7.Webデザイナーの方の悩み解決と制作時間短縮を目的に作られた「ブブンデザインアーカイブ」8.閲覧数順に表示できる「bookma! V3」9.色々な見出し部分がカテゴリ別に掲載された「見出しデザイン.com」10.OR検索、AND検索ができる「S5-Style」11.プログラム言語で検索可能な「straightline bookmark」その他おすすめのギャラリーサイトまとめWeb制作成功のための『専用RFPシート』【PR】

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

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

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

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

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

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

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

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(和風、ピクセルアートなど)ColorTechnic(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などのプログラムから選択が可能です。

こんな人にオススメ

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

その他おすすめのギャラリーサイト

イケサイsiteInspireCSS maniaHigh FloaterWordPress GalleryMinimal ExhibitBEST WEB GALLERYSiiimpleMOBILE PATTERNSiPhoneデザインボックス

まとめ

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

Web制作成功のための『専用RFPシート』【PR】

RFPとは、制作会社からの提案をしてもらう前に、発注する側が作る「提案依頼書」となる資料です。 RFPを作らずに曖昧な希望を口頭で伝えた結果、見当違いな提案に時間を費やすことになってしまい、制作・発注の両者 にとって非効率的です。 Web制作の内製を考えている場合も、プロジェクト進行の行き違いを防ぐためにも重要です。 今回特別にREPシートをご用意しましたのでダウンロードしてみてください。 ※Web制作会社やWeb制作を行う個人事業主の方のダウンロードは、ご遠慮頂いております。

参考にしたサイト

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

                             11  - 38                             11  - 24                             11  - 49                             11  - 88                             11  - 36                             11  - 76                             11  - 9                             11  - 50                             11  - 91                             11  - 65                             11  - 20                             11  - 30                             11  - 10