デザイナーがよくみるWebデザインリンク集まとめ

流行のデザインを知りたいというディレクターや、クリエイティブな力を身に着けたいデザイナー向けに、業種・レイアウト・カラーなど、さまざまな条件で検索できるリンク集をまとめてみました。参考になるWebサイトが見つかれば、知見が広がるだけでなくクライアントとのコミュニケーションも円滑に進められるかと思います。

S5-Style

【S5-Style】Webデザインギャラリー / Web Design Inspiration
Screenshot by S5-Style

2021年3月23日時点で約7800サイトの登録されているリンク集です。サムネイルが大きくて見やすく、一度に8~12サイトのデザインが見れます。業種・雰囲気・カラー・Web技術・サイトの種類など、多岐にわたる検索で絞り込みができます。

掲載数
7892

S5-Style


81-web.com

81-web.com : 日本のWebデザイン・Webサイトギャラリー&リンク集
Screenshot by 81-web.com

最新のクリエイティブなデザインが多数掲載されているリンク集です。気に入ったデザインは、サムネイル下の+ボタンを押せば簡単にお気に入り登録できます。また、サイトを訪れなくてもプレビューが表示できるようになっています。検索は、業種とカラーが複数軸で選べるほか、タグやWebフォントで絞り込みもできます。

掲載数
3769

81-web.com


Awwwards

Awwwards - Website Awards - Best Web Design Trends
Screenshot by Awwwards

世界中のハイクオリティかつクリエイティブなデザインのサイトを表彰するサイトです。グラフィカルなデザインや斬新なアニメーションなど、自由でセンセーショナルなWebサイトが集っています。

掲載数
9968

Awwwards


Engage Html Template

Overview | Engage Html Template
Screenshot by Engage Html Template

HTMLテンプレートのサイトですが、よくあるユーザインタフェースの派生系や似たようなデザインを探すのに便利です。サイトレイアウトを検討するのにも使えそうです。

掲載数
35

Engage Html Template


I/O 3000

I/O 3000 | Webデザインギャラリー
Screenshot by I/O 3000

少し大きめのサムネイルなので細かいデザインも見ながら閲覧できます。シャッフル機能があり、おまかせでデザインを一覧できる機能があります。

掲載数
1464

I/O 3000


Land-book

Land-book - the finest hand-picked website inspirations
Screenshot by Land-book

海外のランディングページ(LP)を集めたリンク集です。全体的にホワイトスペースが多めのサイトが集められています。LP、ECサイト、ブログなど、普段見かけるサイトカテゴリーで絞り込めるので、同業とデザインを差別化したいときにも利用できます。

掲載数
24515

Land-book


LP アーカイブ

LPの最新デザインまとめ参考サイト|LP アーカイブ
Screenshot by LP アーカイブ

日本のランディングページ(LP)を集めたリンク集です。ランディングページにあわせて縦長のサムネイルになっているため、ページの雰囲気がつかみやすくなっています。

掲載数
23046

LP アーカイブ


Responsive Web Design JP

Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト
Screenshot by Responsive Web Design JP

レスポンシブデザインのWebサイトを扱ったリンク集です。スマートフォン・タブレット・パソコンの3枚のサムネイルが並んでいるため、どのように変化するかが一見できます。また、レスポンシブデザインの参考例を紹介するのにも役立つかもしれません。

掲載数
3128

Responsive Web Design JP


Siteinspire

Siteinspire - Web Design Inspiration
Screenshot by Siteinspire

海外のWebデザインリンク集です。それぞれの紹介ページでは、そのサイトに類似するデザインも一覧されているため、デザインの比較検討ができす。

掲載数
8163

Siteinspire


The Best Designs

The Best Designs - Web Design Inspiration
Screenshot by The Best Designs

ブログ形式の大型のサムネイルのため、1サイトごとのデザインをじっくり観察できます。ファーストビューの大型サムネイルのほか、ページのハイライトとなるスクリーンショットが2枚あるので、Webデザインの要約を掴むことも出できそうです。自由なキーワードで検索できるほか、タグでデザインの絞り込みができます。

掲載数
1273

The Best Designs


Web Design Clip

Web Design Clip | Webデザインギャラリー・クリップ集
Screenshot by Web Design Clip

秀逸なデザインのWebサイトが高頻度にアップデートされているリンク集です。このサイトのほか、姉妹サイトのWeb Design Clip [S] | スマートフォン・レスポンシブWebデザインクリップやWeb Design Clip [L] | ランディングページWebデザインクリップも要チェックです。

掲載数
2952

Web Design Clip


WEB DESIGN GALLERY for WEB DESIGNERS

WEBデザイナーの為のWEBデザインギャラリー - WEB DESIGN GALLERY for WEB DESIGNERS
Screenshot by WEB DESIGN GALLERY for WEB DESIGNERS

業種・色・地域など多岐に渡ってカテゴライズされているリンク集です。対応デバイスでも絞込できます。詳細ページでは、そのサイトに類似するデザインも一覧されています。

掲載数
438

WEB DESIGN GALLERY for WEB DESIGNERS


現代デザイン

現代デザイン | Webデザインギャラリー・サイトリンク集
Screenshot by 現代デザイン

下層ページのデザインもサムネイルで掲載されているサイトです。セカンドページのデザインが一覧できるため、トップページとの差や表示項目など、より広い視点で見れます。

掲載数
2789

現代デザイン


Good Design Web

WEBデザインリンク集|Good Design Web | Good Design WEBは秀逸な国内外のWEBサイトを紹介しているショーケースです。
Screenshot by Good Design Web

国内外の秀逸なWebサイトが紹介されています。コーポレートサイトからブランディングサイトまで数多く掲載されています。詳細ページにはサイトのスクリーンショットがあり、サイトに飛ばなくてもデザインが見れます。

掲載数
1498

Good Design Web


MUUUUU.ORG

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

最新のトレンドを意識したハイクオリティなWebデザインを集められているサイトです。検索では「シズル感」や「パララックス(視差効果)」など、デザイナー目線でのキーワードもあり、イメージしているデザインをすぐ探せます。

掲載数
4049

MUUUUU.ORG


straightline bookmark

Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design Bookmarking
Screenshot by straightline bookmark

2021年3月23日現在、約9300を超えるサイトを紹介しています。サムネイルの大きさを変えたり、カラーや業種、言語、レイアウトなどのタグで絞込できるなど、申し分ないリンク集です。ユーザによるお気に入り数も表示されています。

掲載数
9312

straightline bookmark


Admire The Web

Admire The Web - The very best in web design inspiration
Screenshot by Admire The Web

個性的なデザインのリンク集ですが、ここに集められるWebデザインは他のサイトで見ないようなものばかりです。いろいろなまとめサイトを見ていて、探しているものが見つからないな、と思ったらこのサイトを訪れてみてください。新しいひらめきが生まれるかもしれません。

掲載数
2337

Admire The Web


One Page Love

One Page Love - One Page Website Inspiration and Templates
Screenshot by One Page Love

海外のシングルページWebデザインが厳選されたコレクションサイトです。機能的なデザインから芸術性の高いデザインまで、さまざまなジャンルのデザインが掲載されています。各ページには注目すべき機能と、Webデザイン全体が見れるスクリーンショットもあります。

掲載数
7451

One Page Love


Siiimple

Siiimple • A Minimalist Website Gallery
Screenshot by Siiimple

ミニマリズムなWebサイトが集められたリンク集です。テキストベースのデザインアイデアがたくさん詰まっているので、画像とテキストだけを使ったさまざまなレアウトパターンを実現したいときに参考になります。一見似たようなデザインにも思えますが、さらに40種類を超えるカテゴリーから検索することもできます。

掲載数
1614

Siiimple


*掲載数は、2021年3月23日現在のものです。公式情報のほか、任意で調査した数値も含みます。

まとめ

ここまで全19サイト紹介してきました。どのリンク集もさまざまな機能があり、それぞれの特徴を使い分けながら、参考にしたいWebデザインや技術などを見けていければなと思います。

Chrome向け一括ブックマークファイルを用意しました

今回ご紹介した19のまとめサイトを、一括でブックマークできるファイルを用意しました。ひとつひとつ開いてブックマークすることなく、お使いのブラウザにサイトを取り込むことができます。なお、Chrome向けに作成していますが、最新版のEdgeやFirefoxにもインポートできます。

まとめサイトブックマークファイル(約3KB、Design Inspirations.html)

上記ファイルをダウンロードしたのち、Chromeでは以下のようにインポートしてください。

1.ブックマークマネージャーを開きます

ブックマークマネージャーを開く

2.ブックマークをインポートします

「ブックマークをインポート」をクリックすると、ファイルを選択するダイアログが表示されますので、事前にダウンロードしたDesign Inspirations.htmlを選択してください。

ブックマークをインポートする

3.インポートしたブックマークを開いて確認します

「インポートしたブックマーク」に「Design Inspirations」フォルダがあり、その中にまとめサイトがリストされています。お好きな場所に移動してお使いください。

インポートしたブックマークを開く

佐々木

佐々木 Webデザイナー

2014年入社。安定感や清潔感のあるデザインが得意。CMSに導⼊しやすい効率的かつ保守性の⾼いマークアップができ、デザイナーながらフロントエンドの技術も有する。
旅と写真が好きだが、地図を眺めていて1日が終わることがよくある。

OUR SERVICE

01戦略立案

Webサイトを活用したマーケティング企画を支援。コンセプト策定、現状分析、機能検討の各フェーズを経て、成果につながる実現可能な提案が強みです。

02課題解決

Webサイトに関する様々な課題を解決。基礎的な技術はもちろん、AI連携、グローバルサイト構築、大量コンテンツ移行などの大規模な事例にも実績があります。

03システム開発

CMS実装、アプリ開発、外部システム連携などの開発技術を支援。将来的な拡張性を考慮し、専門的な技術者がご相談にのります。

04運用支援

Webサイト公開後の更新作業から保守までの一貫したサポートを提供。アナリティクス解析やWeb広告の運用など継続的な支援を行い、お客様との長期的な信頼を築き上げます。

CONTACT

Web制作・サービスに関するご相談を承ります。お気軽にお問い合わせください。