インスピレーションが湧く!海外のWebデザインギャラリー30選

  • 0
  • 0
  • 0
  • 2
  • 21
overseas-webdesign

いい Web サイトを作るためのヒントを探していませんか?

そんな方のために、海外の Web サイトを集めたギャラリーサイトをまとめました。
Web デザインのトレンドはアメリカなどが特に敏感で、最新のデザインをギャラリーサイトから見つけることができます。
50以上のギャラリーサイトを見た中で、特に Web デザインを検索しやすく、確認しやすいサイトを30選にまとめました。

あなたにとって使いやすいギャラリーサイトが見つかれば、素敵な Web サイトを作るためのヒントが得られるはずです。

<目次>
1.まずおさえるべき定番の採点型ギャラリーサイト
2.タグが細かく検索しやすいギャラリーサイト
3.ワードプレス向けのギャラリーサイト
4.スマートフォンアプリ画面デザインのギャラリーサイト
5.コンセプト型のギャラリーサイト
6.さくっとみたい方にオススメなPinterestとcssbased
7.その他ギャラリーサイト

 

1.まずおさえるべき定番の採点型ギャラリーサイト

有名デザイナーが Web デザインを審査し評価する採点型のギャラリーサイトはまずチェックしましょう。世界でどんなデザインが評価されるのか、客観的な視点で確認することができます。

1-1. AWWWARDS

AWWWARDS

アメリカ、イギリス、フランス、日本など世界の Web デザインをまとめたギャラリーサイトです。
審査員がデザイン、ユーザビリティー、クリエイティビティ、コンテンツの4つの視点から、サイトを採点しています。
https://www.awwwards.com/

1-2.CSS Design Awards

cssdesignawards

UI、UX、イノベーションの3 つの観点からサイトを評価しています。
https://www.cssdesignawards.com/

1-3. FWA

FWA

2000 年から Web デザインを発信し続けているイギリスの老舗ギャラリーサイトです。
https://thefwa.com/awards/page/1/

2.タグが細かく検索しやすいギャラリーサイト

サイトのジャンルやカラーなど、指定できるタグが豊富で検索しやすいギャラリーサイトです。検索のしやすさに重点を置く方にオススメです。

2-1.Site Inspite

SiteInspire

サイトのジャンルや、可愛い系かっこいい系などのイメージなどで探すことができます。
タグの種類が豊富で、「動画を背景に使っている」、「ナビゲーションに凝っている」など細かく指定ができます。
https://www.siteinspire.com/

2-2.Admire The Web

admiretheweb

ギャラリーサイト自体がシンプルで見やすい構造になっています。ブログ、イベントサイト、ランディングページなどカテゴリーごとに Web サイトが集約されています。
https://www.admiretheweb.com/

2-2.unmatchedstyle

unmatchedstyle

カテゴリが 50 以上あり、かなり細かくサイトを絞って検索ができます。
http://unmatchedstyle.com/

2-3.designshack

designshack

豊富なカラーやカテゴリーで検索しやすいギャラリーサイトです。
https://designshack.net/gallery/

 

3.ワードプレス向けのギャラリーサイト

ワードプレスを使って作成された Web サイトを集めたギャラリーサイトです。

3-1.WeLoveWP

WeLoveWP

ワードプレスのテーマを使って作成された Web サイトを集めたギャラリーサイトです。
https://welovewp.com/

 

3-2.WP INSPIRATION

wpinspiration

ワードプレスで作ったサイトを集めたギャラリーサイトです。カテゴリーごとに分けられていて、検索機能もあります。
http://wpinspiration.com/

3-3. WP EXPLORER

WPEXPLORER

ワードプレスのテーマやプラグインが豊富に掲載されています。無料で提供されているものも多くあるので、積極的に試してみることができます。
http://www.wpexplorer.com/

3-4.The Best Designs

TheBestDesigns

ワードプレスのテーマを使ったデザイン例が豊富に揃っています。
https://www.thebestdesigns.com/

 

4.スマートフォンアプリ画面デザインのギャラリーサイト

iOSやAndroidアプリ画面のデザインを集めたギャラリーサイトです。

4-1.Pttrns

Pttrns

スマートフォン( iOS、Android )のアプリ画面デザインを集めたギャラリーサイトです。
https://pttrns.com/

4-2.iOSpirations

iospirations

iOS アプリのアイコンデザインを集めたギャラリーサイトです。
http://www.iospirations.com/

4-3.MOBILE PATTERNS

MOBILE PATTERNS

スマートフォンアプリの Web デザインを集めたギャラリーサイトです。
http://www.mobile-patterns.com/

 

5.コンセプト型のギャラリーサイト

特定のジャンルだけを集めるなど、コンセプトを持ったギャラリーサイトです。あなたが探しているデザインジャンルによって使い分けると良いかと思います。

5-1.シンプルサイトを集めたSiiimple

siiimple

シンプルな Web サイトを集めたギャラリーサイトです。シンプルなテイストが好きな方は必見です。
https://siiimple.com/

5-2.シングルページ完結型サイトを集めたONE PAGE LOVE

Onepagelove

1ページ完結型の Web サイトを集めたページです。キャンペーンページなどに参考になるかと思います。
https://onepagelove.com/

5-3.フラットなUIサイトを集めたflattrendzとflatdsgn

・flattrendz

flattrendzhttp://flattrendz.com/

・flatdsgn

flatdsgn

http://flatdsgn.com/category/websites

5-4.ポートフォリオデザインを集めたFolio Focus

foliofocus

ポートフォリオならではの「ユーザーの注意をひくデザイン」が数多くあります。
https://foliofocus.com/

5-5.ランダムでデザインに会えるギャラリーサイトcssdsgn

cssdsgn

カテゴリー検索だけでなく、「ランダム」ボタンでランダムにサイトを表示させることができます。どういうサイトを見ればいいか迷っている方にオススメです。
https://www.cssdsgn.com/

5-6.ECサイトを集めたギャラリーサイトCartFrenzy

cartfrenzy

EC ショッピングサイトだけを集めたギャラリーサイトです。
https://cartfrenzy.com/

5-7.ロゴやイラストデザインのギャラリーサイトTHE Design inspiration

thedesigninspiration

Webサイトだけでなく、ロゴやイラスト、名刺などのデザインも集めているギャラリーサイトです。
http://thedesigninspiration.com/

5-8.国別でカテゴリーが分けられるギャラリーサイトWeb Design File

webdesignfile

キーワードやカテゴリー、カラーなどから Web サイトを検索することができます。
http://www.webdesignfile.com/

5-9.HTMLでデザインされたサイトを集めたhtml5 GalleryとHTML Inspiration

・html5 Gallery

html5gallery

HTML5 を使って作成された Web サイトを集めたギャラリーサイトです。
http://html5gallery.com/

・HTML Inspiration

htmlinspiration

HTML で作られたサイトをまとめたギャラリーサイトです。ハートのマークをクリックすると投票でき、投票数が多いサイトをランキング表示することもできます。
http://www.htmlinspiration.com/

 

6.さくっとみたい方にオススメなPinterestとcssbased

・Pinterest

pinterest

ギャラリーサイトではなく写真共有の SNS ですが、Web デザイン探しにも適しています。「 web design 」と入力すると、さらにサイトのイメージやカラーで絞り込むことができます。縦長写真でサイト全体を一目で見ることができます。ギャラリーサイトには載っていないような Web サイトを見つけることもできるでしょう。
https://www.pinterest.jp/

・cssbased

cssbased

サムネイルにカーソルを当てると、サイト全体が表示されるようになっています。クリックする必要がなく、さくっと見たい方にオススメです。
http://cssbased.com/

7.その他ギャラリーサイト

「もっともっとギャラリーサイトを見てみたい」という方に、ここでさらに5つのギャラリーサイトをご紹介します。

7-1.Site See

sitesee

サイトのジャンルや、カラーで探しやすいギャラリーサイトです。ワンクリックですぐに元サイトにいけます。
https://sitesee.co/

7-2.Best Website Gallery

BestWebsiteGallery

カラーや多くのハッシュタグから Web サイトを検索することができます。
https://bestwebsite.gallery/

7-3.web crème

webcreme

カラーのタグで Web サイトが探せます。
http://www.webcreme.com/

7-4.styleboost

styleboost

1カラムでシンプルに見やすいギャラリーサイトです。
http://styleboost.com/

7-5.BEST WEB GALLERY

bestwebgallery

世界のあらゆる分野の Web サイトがたくさん掲載されています。
http://bestwebgallery.com/

まとめ

ここまでで海外のWebデザインを集めたギャラリーサイトをご紹介しました。自分にとって使いやすいギャラリーサイトを見つけていただき、デザインのインスピレーションを沸かせてください。

業界ごとの悩み別!!
働き方を革新的に変える方法 20 個

本書ではフリーランス、中小企業・ベンチャー企業、建設業界、IT/メディア業界、教育機関などあらゆる業種でどのように Dropbox を活用して、さらに仕事効率を上げて、働き方を変えているのかを紹介します。

内容
  1. ・フリーランスの活躍の場をひろげる、Dropbox Professional
  2. ・中小企業やベンチャーのビジネスを後押しする、Dropbox Business
  3. ・建設現場の働き方を変える、Dropbox Business
  4. ・IT/メディア業界の働き方を変える、Dropbox Business
  5. ・高等教育機関の研究活動を変える、Dropbox Education
  6. ・Dropbox Business をご活用いただければ、現場のコストを低減しながら、働き方を改善できます
  7. ・Dropbox の特長

全 37 ページに貴重な情報が盛りだくさん!!
貴社またはあなたの仕事効率が飛躍的に向上し、さらに成果を生み出すお役に立てれば幸いです。
下の入力フォームに情報を入力して、今すぐダウンロードください。




PAGETOP