目移りするほどイケてる！海外デザインギャラリーサイト23選

ホームページの重要な要素として欠かせないのがデザインです。
優れたデザインは、一目見ただけでもユーザーに印象づけることができたり、結果的に目的のユーザーを獲得することにもつながります。
見た目の良さだけでなく、集客においてもデザインは必要な要素なのです。

そんなデザインですが、実際に取り組んでみるとなかなかアイデアが浮かばなかったり、悩んでしまうことが多くあります。
そこで活用したいのが、ホームページのデザインを集めたギャラリーサイトです。
多くの事例を見ることで、新しいアイデア創出のきっかけになります。

今回は、海外のギャラリーサイトをピックアップしてご紹介しますので、ホームページデザインの参考に、ぜひお役立てください。

ホームページ制作の参考になる海外のギャラリーサイト

1.Flatdsgn

シンプルな1カラムレイアウトで、デザインを1つ1つじっくり確認することができるギャラリーサイトです。
トップページを表示した大きめのサムネイルをクリックすると、ページ全体を見ることができます。

2.One Page Love

https://onepagelove.com/
ギャラリー名通り、一枚もののホームページだけを集めています。
ポートフォリオ、サービス、ケーススタディといったようにわかりやすくジャンル分けしてありますので参考にしたいデザインをすぐに見つけることができます。
一枚もののホームページを作る際に見ておきたいギャラリーサイトです。

3.BWG

http://bestwebsite.gallery/
見やすさを重視した、2カラムレイアウトが特徴的なギャラリーサイトです。
とにかく1つ1つのページを大きく表示しているので、しっかりと見ることができます。
気になったホームページがあれば、矢印ボタンを押すとすぐにリンクできるのも嬉しいポイントです。

4.Admire The Web

http://www.admiretheweb.com/
Admire The Webは、ギャラリーそのものがわかりやすく優れたデザインとなっています。
詳細なカテゴリ分けがしてあり、サムネイル下にもタグを用意しているので、似たようなデザインをいち早く探すことができます。
また、多数のタグをまとめたタグクラウドも、検索する際に大変便利です。

5.Best Web Gallery

http://bestwebgallery.com/
5つ星評価の機能を採用した、ユニークなギャラリーサイトです。
Top10、Best10をクリックすれば、ギャラリー内でも評価の高いホームページだけを見ることができます。
デザインは様々なものが揃っていますので、流し見したい時にもオススメです。

6.CSSMANIA

http://www.webcreme.com/
デザインの素敵なホームページを、シンプルに紹介しているギャラリーサイトです。
サムネイルをクリックすると、そのまま目当てのページに遷移します。

7.Folio Focus

http://foliofocus.com/
ポートフォリオサイトに特化してまとめています。
デザイナーならではのセンス溢れるホームページを沢山見ることができます。
探しやすいように、タグもしっかりと設定してありますので便利です。
魅力的なポートフォリオを作りたいと思った時の参考になります。

8.Design Bombs

http://www.designbombs.com/
ハイセンスで素敵なデザインが数多く揃っています。
使い勝手も抜群で、一覧表示できるだけでなく、評価が高い順、色分け、タグ検索まで可能です。
タグ検索と色検索がどちらも揃うので、作りたいデザインのイメージが決まっている時には特に使いやすいギャラリーといえます。

9.Flattrendz

http://flattrendz.com/
フラットデザインのホームページだけを集めたギャラリーサイトです。
近年のデザイントレンドでもあるのでとても参考になります。
業種ごとに検索することが可能です。

10.Web Design File

http://www.webdesignfile.com/
3カラムレイアウトでたっぷりとデザインを見ることができるギャラリーサイトです。
グレーの背景で、サムネイルがより目立ちます。
キーワード検索・色検索・カテゴリ分け・タグと検索機能も充実しています。

11.CSSREMIX

http://cssremix.com/
小さめの画像を配置した4カラムレイアウトで、一気に沢山のホームページを流し見できるギャラリーサイトです。
閲覧者数の表示があります。

12.The Best Designs

https://www.thebestdesigns.com/
トップページとその他のページいくつかを同時に閲覧できるギャラリーサイトです。
デザインを絞りこむためのタグが充実していて、エレガント、ダーク、アニメーションというようにテイストで検索することができる点がユニークです。
ある程度作りたいものが決まっているときに見ると、インスピレーションを得ることができます。

13.The Design Inspiration

http://thedesigninspiration.com/
ホームページはもちろん、ロゴ、イラスト、パターンといった全8カテゴリのあらゆるデザインをあつめたギャラリーサイトです。
カテゴリごとに分けて表示がしてあるので見やすく、欲しい情報もしっかり揃っています。

14.Unmatchedstyle.com

http://unmatchedstyle.com/
細かいカテゴリ分けが特徴的なギャラリーサイトです。
30以上のカテゴリで分類しているため、あらゆるデザインの中から目的のものをすぐに探し出すことができます。
タグも沢山あります。

15.HTML5 Gallery

http://html5gallery.com/
HTML5を使ったホームページに特化したギャラリーサイトです。
カテゴリ分けが豊富で、サムネイル上に表示があることによりさらにわかりやすくなっています。
HTML5の事例を見たい場合に参考になります。

16.CSS Based Web Design Gallery

http://cssbased.com/
4カラムレイアウトで、ページいっぱいにサムネイルを配置したギャラリーサイトです。
サムネイルにマウスを重ねるとページ全体が閲覧できる、というユニークな設計となっていますので、わざわざクリックする必要がないのが特徴です。
沢山の事例から参考にするデザインを探したい時にオススメです。

17.CartFrenzy

http://cartfrenzy.com/
ECサイトに特化して集めたギャラリーサイトです。
一般的なギャラリーと違い、カテゴリ分けもシューズ・フード・ブックのようにアイテム別となっている点が特徴です。
ネットショップを立ち上げる際に見ておきたいサイトのひとつです。

18.CSSclip

http://www.cssclip.com/
カラーピッカーつきがなんともユニークなギャラリーサイトです。
色を指定してソートすると、その色を取り入れたホームページだけをピックアップすることができます。
海外を中心に、日本のホームページも一部見ることが可能です。

19.Design Fridge

http://www.designfridge.co.uk/
ブルーを貴重としたシンプルな印象のギャラリーサイトです。
掲載数が多く、各ジャンル豊富に事例が揃っています。
タグ、コメント機能がついていたり、掲載ページまでの画面遷移も楽だったりと、使い勝手も抜群です。

20.WP Inspiration Gallery

http://wpinspiration.com/
Wordpressで作ったホームページだけを収集しています。
サムネイルを拡大できる機能があり、画面遷移しなくとも大きい画像が見れるのがユニークです。
カテゴリ、色を指定して検索することができます。

21.Web Design Yorkshire

http://css-design-yorkshire.com/
毎月新しいホームページを追加しているギャラリーサイトです。
月ごとに分けて表示することができます。

22.divine CSS

http://www.divinecss.com/
ブログ、コーポレートサイト、ポートフォリオとあらゆるホームページを集めたギャラリーサイトです。
他ではあまり見ない、当日人気、月間人気、最近のエントリを表示しているのがユニークです。

23.design shack

http://designshack.net/gallery
色・タイプ・キーワードで絞り込むことができる、検索機能に優れたギャラリーサイトです。
サムネイル横にも色のガイドがあったり、説明があったりと非常にわかりやすくなっています。

まとめ

以上、海外のデザインギャラリーサイトをご紹介しました。
いかがでしたでしょうか。

こうしたギャラリーサイトは、すぐにデザインを行わない時でも日頃から見ているだけで参考になります。
数多くのアイデアを見ておくことで、デザインの引き出しを増やすことにもなり、自然と良いレイアウトが分かるようになってくるでしょう。

ホームページのデザインで悩んだ時はもちろん、スキルアップにも役立ちますので、気に入ったサービスがあればぜひデザインの参考にしてみてください。

このニュースを読んだあなたにおすすめ

Photoshopの作業効率を一気にアップさせる！すぐに使えるテクニック4記事
【2015年版】商用無料の人気フリーフォント35選

このニュースに関連するカリキュラム

LPOに関するカリキュラム

LPOに関して、カリキュラム形式で学びましょう