【現役ウェブデザイナーおすすめ】本当に使えるwebデザインギャラリーサイトまとめ14選!

webデザインギャラリーサイトまとめ ウェブデザイン
スポンサーリンク

webデザインの参考になるギャラリーサイトがあるのはご存知ですか?

デザイン制作を行なっていて行き詰まったときや、アイデアが浮かばないとき、最近のデザインのトレンドを知りたい時など、非常に参考になりますので、沢山活用していきましょう!

スポンサーリンク

webデザインギャラリーサイト

Awwwards

awwwardのサイトデザイン

Awwwards - Website Awards - Best Web Design Trends
Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.

Awwwardsは、世界最高峰のウェブデザイナー、開発者、制作会社を評価し、努力と才能を評価する賞です。

世界中のwebサイトの中から、デザインやアニメーションなど様々な要素から評価し、厳選され、世界的に見ても非常に優れたサイトに賞が与えられます。
その賞されたwebサイトが掲載されているサイトになっています。

つまり、webデザインの世界のトレンドが掲載されているwebサイトです。

 

CSS Design Awards

CSS Design Awardsのサイトデザイン

CSS Design Awards - Website Awards - Best Web Design Inspiration - CSS Awards
CSS Design Awards. Be inspired, Be inspiring. Submit your website to the world's best CSS awards for a chance to win Site of the Day, UI awards UX awards and mo...

CSS Design Awardsは、世界中のwebサイトをデザイン・CSSの観点から評価し、非常に優れたwebサイトを賞するプラットフォームです。

Awwwardsと同じく、賞されたwebサイトが掲載されています。

 

muuuuu.org

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG
縦長のwebデザインをがむしゃらに集めています。

後発ならではの見やすさ、使いやすさ、載って嬉しいギャラリーサイトを目指して運営している、非営利目的のWEBデザインポータルサイトです。
情報設計の参考にしやすく、現場レベルでWEBデザイナーが参考にし易いであろう、
縦に長くオーソドックスなレイアウトでかつ、非常にデザインが優れたサイトを厳選して掲載しております。
参考URL:muuuuu.org about

MUUUUU.ORG(ムーオルグ)は株式会社QUOITWORKS(クオートワークス)のデザイナー兼ディレクターであるムラマツヒデキさんが運営しているwebデザインギャラリーサイトです。

非常にデザインが優れたサイトをひとつひとつ厳選して掲載しています。

webデザインのファーストビューのサムネイルが並んでおり、とても見やすく、またカテゴリーを絞って検索できるため、使いやすいサイトになっています。

他のサイトと比べて、白を貴重としているので明るく柔らかい印象を抱くサイトですね。

※「縦長のwebデザインギャラリーサイト」と記述してありますが、ランディングページばかりを掲載しているわけではありませんよ!オールマイティにデザインの優れたサイトが掲載されています。

 

I/O 3000

I_O 3000のサイトデザイン

I/O 3000 | Webデザインギャラリー
I/O 3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。

I/O 3000は、Webデザインに関わる人のための Webデザインギャラリーサイトです。
国内外を問わず、Web制作の参考となるサイトをセレクトしています。

参考URL:I/O 3000 About

I/O 3000は株式会社grip on minds(グリップオンマインズ)が運営しているwebデザインギャラリーサイトです。

モノトーン基調で、シックな印象のあるサイトです。
こちらもwebサイトのファーストビューがサムネイルとして並んでおり、カテゴリーなどを絞って検索することも出来ます。

muuuuu.orgと比べるとサムネイルが大きいため、横幅に対して掲載されている数は少ないですが、それだけサムネイル(webサイトのファーストビュー)が見やすいサイトになっています。

 

S5-Style

S5-Styleのサイトデザイン

【S5-Style】Webデザインギャラリー / Web Design Inspiration
Webデザインの参考になるハイクオリティなサイトをジャンル・クリエイティブ別にブックマークしたリンク集。デザイナーに役立つWebデザインギャラリーです。

S5-Styleとは、クリエイティブカンパニーAID-DCCに所属してるデザイナーの田渕将吾さんが運営しているwebデザインギャラリーサイトです。

田渕将吾さんのポートフォリオサイトはこちら

田渕将吾さんは、The FWAの審査員、CSS Design Awardsの審査員を務めているほどの実力を持つwebクリエイターです。

こちらのwebデザインギャラリーサイトでは、カテゴリーの絞り込み機能やAND検索・OR検索できるだけでなく、お気に入りのwebサイトを一時的に保存することもできます。

また、表示形式や背景の色などもカスタマイズすることができ、自身が見やすい表示に変えることができます。

 

81-web.com

81-web.comのサイトデザイン

81-web.com : 日本のWebデザイン・Webサイトギャラリー&リンク集
81-web.comはWebサイト制作に参考になる日本の優れたWebデザイン・Webサイトギャラリー&リンク集です。

 

このサイトはwebサイト制作に役立つ優れたデザインのサイトが掲載されています。

他のギャラリーサイトとは違い、国内のサイトのみ掲載しています。

カテゴリーや色別、タグなどから検索することができます。
また、お気に入り機能も付いているため、気に入ったサイトを見返したいときに非常に便利です!

 

 

siiimple

Siiimpleのサイトデザイン

Siiimple • A Minimalist Website Gallery
Siiimple is a minimalist css design gallery.

siiimpleは、ミニマリストのウェブサイトギャラリーです。

他のギャラリーサイトと違うのは、シンプルでミニマルな、最低限の設計がされたwebサイトのみが掲載されている点です。

シンプルなデザインを制作したいときに、参考になるサイトです。

 

 

番外編

番外編では、webギャラリーサイトだけでなく、webには欠かせない要素の一部分をまとめたサイトやバナーのまとめサイトなど、少しマニアックだけど非常に役立つサイトを紹介します。

Parts.

Parts.のサイトデザイン

Parts. - SaaS/LPのパーツ別Webデザイン集
メインビジュアル、CTA、フッターなど、セクションやパーツごとの部分的なデザインを集めたサイトです。主にSaaS/コーポレートサイト/BtoBのWebサイトやランディングページを掲載しています。Webサイト制作の構成やキャッチコピー、デザインの参考にどうぞ。

当WebサイトはSaaSのサービスサイトやLP、BtoB、コーポレートサイトのデザイン参考サイトです。
コンバージョンさせるための営業用WebサイトやBtoBマーケティングに則った構成になっているサイトを集めています。
参考URL:Parts. about

 

Parts.はフリーランスのweb制作事務所であるGlatchが運営しているwebサイトです。

Parts.ではヘッダー、メインビジュアル、フッターなどwebサイトの一部分のデザインをまとめて掲載しているギャラリーサイトです。

ヘッダーのデザインが同じようなものしか出来なくて行き詰まっていたり、部分的にデザインのアイデアがほしいとき、非常に重宝するサイトになっています。

 

見出しデザイン.com

見出しデザイン.comのサイトデザイン

見出しデザイン.com -Webデザインの“見出し”を集めたサイト-
見出しのデザインを集めたWEBデザインギャラリー

見出しデザイン.comは、その名の通り、見出しのデザインのみを集めたサイトです。

「四角」や「グラデーション」、「テキストのみ」など絞り込んで検索することができます。

 

Banner Matome

バナーデザインまとめ。のサイトデザイン

バナーデザインまとめ。|Banner Matome|HOME
BannerMatome(バナーまとめ)は、日本一バナーの数が多いバナーデザインのまとめサイトで、バナーの参考にするインターネット広告バナーをまとめたサイトです。バナーデザイナーさんのバナー制作の参考に。静止からアニメgifバナーまで、とにかくバナーの数が多いのが自慢です!サイズ別、業種別でバナー検索できます。かわいい...

Banner Matomeは、バナーデザインがまとめて掲載されているサイトです。

掲載中のバナーデザインは現在21300本以上!日本で一番掲載数が多いサイトになっています。

「旅行」や「コスメ化粧品」など業界別や「テキスト風」・「立体風」などの表現別でバナーを検索することが出来ます。

 

retro banner(レトロバナー)

レトロバナーのサイトデザイン

バナーデザイン専門ギャラリーサイト | レトロバナー
「レトロバナー」はバナーデザイン専門のギャラリーサイトです。サイズ・色・業種・テイストからバナーを絞り込む事ができ、バナーを一覧でチェックできます。バナーデザインの新たなアイデア・発想の源として要チェック!

レトロバナーもバナーデザインのまとめギャラリーサイトです。

こちらのサイトでは、色や業種からバナーを探すだけでなく、300px・250pxなどのサイズでもバナーを検索できます。

バナーには様々なサイズがあるため、サイズによって絞り込み検索できるのは非常に便利ですね!

 

LP ARCHIVE

LP アーカイブのサイトデザイン

ハイクオリティなランディングページデザインを集めました。
WEBデザイナーさん必見!ランディングページのデザイン参考に活用出来ます★

LPアーカイブは、その名の通りランディングページがまとめて掲載されているwebギャラリーサイトです。

「シンプル」や「かわいい系」などイメージでデザインを検索できたり、カテゴリ別で検索することができます。

登録LPデザイン数は19,000以上あり、非常に沢山のLPデザインが掲載されています。

 

ランディングページ集めました。

ランディングページ集めました。のサイトデザイン

ランディングページ(LP)集めました。
コンバージョン率の高いランディングページ(LP)を作る事は、WEBデザイナーの使命。ランディングページを作るWEBデザイナーのためのランディングページリンク集です。

こちらのサイトは名前の通り、ランディングページをまとめていいるギャラリーサイトです。

全研本社株式会社が運営しています。
なんと、管理人さんはwebデザイナーではなく、webディレクターだとか。デザイナーにイメージを伝える時に不便さを感じていて、このサイトを作られたそうです。

「ファッション」や「ゲーム」などのジャンル別でLPを検索することができます。

 

MOBILE PATTERNS

Mobile Patternsのサイトデザイン

https://www.mobile-patterns.com/
A design inspirational library featuring finest UI UX Patterns (iOS and Android) for designers, developers, and product makers to reference.

モバイルパターンでは、iOS、Android向けのサイトおよびアプリの様々なページが掲載されているギャラリーサイトです。

UI/UX、スマートフォン向けのデザインを考えるときに役立つサイトです。

 

まとめ

webデザインに関するギャラリーサイトはここに掲載していないものも非常に沢山あります。

今回は数ある中でも現役デザイナーがおすすめの本当に使うサイトのみ掲載しました。

ぜひ、webデザイン制作に活用してみてください!

 

タイトルとURLをコピーしました