View more

Webデザインギャラリー39選:Webデザインの参考にするならココ!

Blog

Webデザインギャラリー39選:Webデザインの参考にするならココ!

Webデザイン・Web制作を行う際には欠かせないのが、多数の作品が掲載されたWebデザインギャラリー・Webデザインクリップ。優秀なサイトが多数公開されていますが、いざ参考にするとなるとどのサイトを選べばよいか分からない方もいるのではないでしょうか。 そこで今回は、弊社が活用しているおすすめのWebデザインギャラリー・Webデザインクリップについて、見つけやすいようにジャンル分けしてご紹介してみました。目的・用途に応じたギャラリー・クリップをスムーズに探したい場合にぜひご活用下さい。
Webデザインギャラリー39選:Webデザインの参考にするならココ!

Webデザインギャラリー(国内)

SANKOUSANKOU!

https://sankoudesign.com/

Webデザインの参考になる国内のWebサイト・LP・コンテンツページを集めたギャラリー。センスの良いサイト・オシャレなサイトをピックアップしているのが特徴。さまざまな切り口から絞り込みが可能となっており、作成したいサイトのサンプルを集中的にチェックしたい場合にオススメ。

81-web.com

81-web.com

 

https://81-web.com/

国内サイトに特化して優れたデザインのサイトを集めたギャラリー集。細かくカテゴライズ・タグ付けされており、PC・SPをまとめてチェックできるため、Webサイト制作時に参考にしやすいのがポイント。

 

URAGAWA

URAGAWA

https://uragawa.work/

優秀なクリエイターが生み出したWebサイトを集めたギャラリー集。Webサイトのデザイン・特徴・制作した会社をセットで確認することができる。特定のクリエイター・制作会社の作品を集中的にチェックしたい場合にオススメ。

 

RESPONSIVE WEB DESIGN JP

responsive-jp.com.png

https://responsive-jp.com/

日本国内に特化して、優れたレスポンシブWebデザインのWebサイトを集めたギャラリー集。カテゴリ・タイプ・カラー・使用技術により絞り込みができるため、制作現場で活用しやすい実践的なギャラリー集となっています。

 

GENDAI DESIGN(現代デザイン)

GENDAI DESIGN(現代デザイン)

https://gendaidesign.com/

文字通り現代風のデザインを集めているギャラリー集。デザイン・技術両方に優れたサイトを多数掲載しており、トップページだけでなく下層ページも一緒に確認できるのがポイント。掲載時期・ジャンル・カラー等さまざまな絞り込みも可能となっており、Web制作現場にとって有用性の高いサイト。

 

ikesai.com

ikesai.com

https://www.ikesai.com/

ネーミングの通り、イケてるサイトをはじめ、クールなサイト・オシャレなサイト・カッコイイサイト等を集めて紹介しているギャラリー集。掲載サイト数が多く、細かくカテゴライズされているため、Web制作に役立つ情報をピックアップしやすいのがポイント。更新頻度も高くオススメ。

 

Webデザインの見本帳

WEBデザインの見本帳

http://www.web-mihon.com/

Web制作時の配色・デザイン・レイアウトの見本になりそうなWebサイトを厳選して集めたギャラリー集。ジャンル・カラー・イメージ・キーワード等さまざまな角度から絞り込みが可能。Webデザインを行う際だけでなく、クライアントへイメージを伝える際にも活用できる。

 

週間ウェブデザイン

週間ウェブデザイン

https://www.dailywebdesign.com/

デザインの参考になりそうなギャラリー・ロゴデザイン・素材・ツール等を集めた、Web制作をサポートするためのコンテンツが揃ったポータルサイト。サイトタイトルの通り毎週のようにギャラリーが追加されており、とにかく数を参考にしたい場合にはオススメ。

 

stock

stock

https://stock.pulpxstyle.com/

Web制作意欲の向上やデザインの参考になる、日本国内の優れたWebデザインを集めたギャラリー集。サイトの各ページをまとめてチェック可能で、説明文も掲載されているのが特徴。比較的新しいギャラリーですが、クオリティも高くスムーズに情報を得ることができるためオススメ。

Webデザインギャラリー(海外)

Siiimple

Siiimple

https://siiimple.com/

海外のハイクオリティーなシンプルデザイン・ミニマルデザインを多数集めたギャラリーサイト。ギャラリー自体もシンプル・ミニマルなデザインで作成されている。細かくカテゴライズされており、国内とは異なるデザインのトレンド・傾向をまとめてチェックできる。

 

site inspire

site inspire

https://www.siteinspire.com/

世界各国のデザインスタジオが制作したWebサイトを多数掲載した海外ギャラリーサイト。制作スタジオごとに作品を絞り込めるだけでなく、非常に細かく条件を指定して閲覧したいサイトを絞り込むことが可能。Web制作に海外のテイストを取り入れたい時にはオススメ。

 

Lapa Ninja

Lapa Ninja

https://www.lapa.ninja/

海外のトップレベルのランディングページを集約したギャラリーサイト。デザイナー向けのガイドブックとUIキットも無料配布。ランディングページのインスピレーションが欲しい場合や、センスを養いたい場合にはオススメ。

 

One Page Love

One Page Love

https://onepagelove.com/

One Page Loveは、1ページで構成されたランディングページや製品紹介ページ等をまとめたギャラリー集。1ページで構成されたサイトを制作するためのテンプレートやWebリソースも配布。バリエーション豊富なデザインが集められており、インスピレーションを得たい場合にオススメ。

 

Media Queries

Media Queries

https://mediaqueri.es/

メディアクエリ・レスポンシブデザインを使用して作られた海外のWebデザインを集めたギャラリー集。同技術を活用したWeb制作を行う際に参考になる代表的なギャラリーで、多くのWebデザイナーに支持されている。

 

Cart Craze

Cart Craze

https://cartcraze.com/

ECサイト専門のWebデザインギャラリー集。レベルの高いECデザインを厳選して掲載しており、ECサイトのデザインを考える際には参考になる。運営期間が非常に長く、新旧のECデザインの傾向を把握することも可能。

 

Land-book

Land-book

https://land-book.com/

Web制作時のインスピレーションに繋がるような、LP・ポートフォリオ・ブログ・店舗等の優れたデザインを集めたギャラリーサイト。スタイル・業界・タイプといったさまざまな条件で絞り込みが可能となっており、Web制作時のアイデア創出・ブラッシュアップに活用できる。

Webデザインギャラリー(国内・海外)

1guu.jp(イチグウ)

1guu.jp

https://1guu.jp/

シンプルなデザインからインタラクティブなデザインまで、国内外の優れたWebサイトを集めたギャラリー集。サムネイルにアニメーションが設置されており、動的サイトのイメージを一覧でチェックすることが可能。

I/O 3000

I/O 3000

https://io3000.com/

Web制作の参考になりそうな国内外のWebサイトを集めた、制作者向けのギャラリー。更新頻度が高くハイレベルなサイトがチョイスされているため、定期的にチェックするのがおすすめ。

 

MUUUUU.ORG(ムーオルグ)

MUUUUU.ORG(ムーオルグ

https://muuuuu.org/

近年ニーズが高まっている縦長のデザイン・レイアウトのWebサイトに特化したギャラリー集。クオリティに優れたWebサイトを厳選して掲載しており、シンプルで見やすい。細かくカテゴライズされており、縦長のデザインを行う際には非常に役立つ。

 

Web Design Clip

Web Design Clip

https://webdesignclip.com/

Web制作のインスピレーションに繋がるようなサイトを、国内Webデザイン・海外Webデザイン・スマホサイト/レスポンシブデザイン・ランディングページの4カテゴリに分けて紹介しているクリップ集。センス・クオリティに優れたサイトを作りたい場合に参考にしたい。

 

straightline bookmark

S5 Sty!e

http://bm.straightline.jp/

Web制作の参考になるような7,000以上のサイトを収集したギャラリー集。オシャレでセンスの良いWebサイトが数多く掲載されているのが特徴。アカウント登録を行うことで、ブックマーク・お気に入り等の機能も活用することが可能。

 

S5 Sty!e

S5 Sty!e

https://bm.s5-style.com/

トレンド・業界・業種・テイスト等さまざまな切り口でハイクオリティなWebサイトをまとめたギャラリー集。掲載サイト数が8,000以上と非常に多く、更新頻度も高いのが特徴。ハイクオリティデザインのトレンドを把握したい場合に非常に役立つ。

Webデザインギャラリー(スマートフォン・モバイル)

AGT smartphone design gallery

AGT smartphone design gallery

http://agtsmartphonedesign.com/

スマホサイトに特化して優れたデザインを集めたギャラリー集。細かくタグ付けされており、ジャンル・カラーなどで絞り込むことで、参考にしたいスマホサイトをまとめてチェックすることが可能。各サイトにマウスオーバーさせると自動スクロールされページ全体を見れるので非常に便利。

 

iPhoneデザインボックス

iPhoneデザインボックス

http://design.web-hon.com/

クオリティの高いスマホ向けサイトのみをまとめたデザイン集。トップページでなく下層ページも見れることや、PCサイトとの違いを比較できることが特徴。アイデアや技術を解説したブログも併設されており、スマホサイト制作時には参考にしたいオススメのサイト。

 

パーツや制作物など特化型Webデザインギャラリー

見出しデザイン.com

https://midashi-design.com/

見出しデザイン.com

Webデザインの見出しのみを集めたギャラリーサイト。角・丸・上線・下線・囲み線・グラデーション・テキストのみ等、多数の見出しが細かくカテゴライズされているのが特徴。見出しのデザインを制作する際やアイデアに行き詰まった際に活用できる。

 

Retrobanner

Retrobanner

https://retrobanner.net/

8,000種類以上ものバナーが集約された、バナー専門のギャラリーサイト。カラー・サイズ・テイスト・ジャンルなどさまざまな角度から絞り込みが可能。バナーギャラリーのなかでもトップクラスの掲載数を誇るため、アイデアに行き詰まった際にもバナーデザインを検討する際にもオススメ。

 

BANNER LIBRARY

BANNER LIBRARY

https://design-library.jp/

上質でおしゃれなバナーを厳選して集めた、バナー専門のギャラリーサイト。カテゴリー・テイスト・季節・形状・カラー等さまざまな条件でタグ付けされており、参考にしたいバナーを瞬時にピックアップできる。ハイクオリティなバナーをデザインする際に非常にオススメ。

 

Banner Design Gallery(バナーデザインギャラリー)

Banner Design Gallery(バナーデザインギャラリー)

http://www.banner-design-gallery.com/

かわいい・カッコイイ・オシャレ等、制作時の参考にしたいバナーを多数集めたギャラリーサイト。掲載点数が多くさまざまな種類のバナーが掲載されているのが特徴。網羅性に優れているため、バナー制作時には最も参考にしたいサイトのひとつ。

 

AKAIRO inc.

AKAIRO inc.

http://aka-design.sub.jp/bd/

Web制作会社が独自に公開しているWeb制作時に参考になるバナー・ボタン・タイトル・メインビジュアル・Webサイト等を集めたデータベースサイト。ECサイト等バナーを多用するサイトを制作する際には参考になる。

 

umeboshi

umeboshi

https://www.umeboshi.in/

女性向けWebデザインに特化したWebデザインギャラリーサイト。カテゴリー・カラー・レイアウト・エリア・ターゲットと絞り込み機能が充実しており、目的のサイトを見つけやすいのがポイント。美容・恋愛・結婚・就職等、女性向けのWebデザインを行う際に非常に役立つ。

 

Screenlane

Screenlane

https://screenlane.com/

Webサイト・Webサービス・アプリなど、さまざまなインタラクションを集約したギャラリー集。スマホメインだが、タブレット・PC・TV等のインタラクションも掲載。UI・UXデザインのアイデアを考える際や、細かいデザインを検討する際にオススメ。

 

Mobbin

Mobbin

https://mobbin.design/browse/ios/apps

Webアプリ・Webサイト・スマホアプリのデザイン・実装例を集めたギャラリーサイト。実装の目的別に絞り込みができるため、必要な情報を見つけやすいのが特徴。エンジニアリングが必要なデザインを行う際は参考となる。

Webデザインアイディア集・素材集・情報サイト

動くWebデザインアイディア帳

動くWebデザインアイディア帳

https://coco-factory.jp/ugokuweb/

画面遷移・ナビゲーション・ボタンなど、近年活用されることが増えてきた動きのあるWebデザインのアイディアについてまとめたサイト。パーツごとのさまざまな動きのソースコードが掲載されており、動的なパーツを制作する際に役立つ。

 

UI STORE DESIGN

UI STORE DESIGN

https://www.uistore.design/

UIデザインに活用できるUIキットや、アイコン・テンプレート等のデザインリソースを配布している素材集。実際のプロジェクトに活用できる630以上の優良素材を無料でダウンロードすることが可能。

 

WEBDESIGNER NEWS

WEBDESIGNER NEWS

https://www.webdesignernews.com/

Webデザインに役立つ最新の情報・重要な情報を日々配信する、忙しいWebデザイナーのための情報収集サイト。ツール・アプリ・ケーススタディーなどさまざまな有益な情報が配信されるため、定期的にチェックしておくのがオススメ。

アワード系ギャラリー集

AWWWARDS

AWWWARDS

https://www.awwwards.com/

AWWWARDSとは、世界で最も高い人気を集めている、優れたWebデザイン・クリエイターを評価する権威ある機関。同サイトでは、AWWWARDSに応募されたハイクオリティな作品・受賞作品を多数確認することが可能。クリエイターとして刺激を受けたい場合にはおすすめ。

 

CSS DesignAwards

CSS DesignAwards

https://www.cssdesignawards.com/

CSS DesignAwardsとは、UI・UX・革新性を評価する国際的なデザインアワード。同サイトでは、ノミネート作品・受賞作品の数々を参考にすることができます。斬新で革新的なWebデザイン・制作手法を多数学ぶことができるため、制作スキルの向上やセンスを養うのにオススメ。

 

CSS WINNER

CSS WINNER

https://www.csswinner.com/

CSS WINNERとは、クオリティ・オリジナリティに優れたWebサイトの表彰ならびにクリエイターや制作会社の宣伝を行うプラットフォーム。甲乙付け難いレベルの高いサイトが多数掲載されており、デザインの参考にするのにオススメ。

Webデザイナー向けSNSサービス

dribbble(ドリブル)

dribbble(ドリブル)

https://dribbble.com/

dribbbleは、2009年にアメリカで誕生したデザイナーのための招待制SNS。世界184ヶ国のデザイナーが活用しており、完成した作品を投稿したり、製作途中の作品に意見やアドバイスをもらったりすることが可能。投稿されている作品のレベルが非常に高く、世界中のデザイナーと交流できるため、Web制作に携わるならぜひ利用しておきたいサイト。

 

Behance(ビハンス)

Behance(ビハンス)

https://www.behance.net/

アドビシステムズがクリエイター向けに提供している無料SNSサービス。作品を手軽に公開してフィードバックを得たり、他のクリエイターの作品からインスピレーションを得たりすることが可能。ポートフォリオとしても活用できる。世界中の優れた作品・クリエイターから刺激を受けることができるためオススメ。

まとめ

Webデザインギャラリー・Webデザインクリップは、インスピレーションを得たりセンスを養ったりと、Web制作に携わる方には非常に役立つサイト。Web制作現場のメンバーは多忙であることが多いため、参考サイトをいたずらに見て回るのではなく、的を絞って効率的に情報を得ることも重要。
Webデザインギャラリー・Webデザインクリップをチェックする際には、ぜひ当記事のナビゲートも活用してみて下さい。

 

 

デパート採用情報

株式会社デパートでは一緒に働く仲間を募集しています