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

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

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

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

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

1.Flatdsgn

http://flatdsgn.com/
シンプルな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.Siiimple

http://www.siiimple.com/
更新頻度が高く、常に新しいデザインを閲覧することができるギャラリーサイトです。
シンプルなデザインのものを中心に、数多くのホームページを取り上げています。

6.Best Web Gallery

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

7.Web Crème

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

8.Folio Focus

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

9.Design Bombs

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

10.Flattrendz

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

11.Web Design File

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

12. CSS REMIX

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

13.The Best Designs

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

14.The Design Inspiration

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

15.Unmatchedstyle.com

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

16. HTML5 Gallery

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

17. CSS Based Web Design Gallery

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

18.CartFrenzy

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

19. CSS clip

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

20.Design Fridge

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

21.WP Inspiration Gallery

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

22.Web Design Yorkshire

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

23.divine CSS

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

24.design shack

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

まとめ

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

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

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

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

Photoshopの作業効率を一気にアップさせる！すぐに使えるテクニック4記事
【2015年版】商用無料の人気フリーフォント35選
【必須スキル】2015年は入力速度を上げる！見ないで打てる簡単タイピング術

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