キャッチ画像

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


【S5-Style】Webデザインのリンク集・ポータルサイト

【S5-Style】Webデザインのリンク集・ポータルサイト

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


81-web.com【Webデザイン リンク集】

81-web.com【Webデザイン リンク集】

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


Awwwards - Website Awards - Best Web Design Trends

Awwwards - Website Awards - Best Web Design Trends

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


Engage Html Template

Engage Html Template

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


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

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

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


Land-book - best landing pages gallery

Land-book - best landing pages gallery

海外のランディングページ(LP)を集めたリンク集です。全体的にホワイトスペースが多めのサイトが集められています。


LP アーカイブ | ランディングページ LP 制作 商品ページ デザイン

LP アーカイブ | ランディングページ LP 制作 商品ページ デザイン

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


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

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

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


siteInspire - Web Design Inspiration

siteInspire - Web Design Inspiration

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


The Best Designs - The Best of Web Design - Design Inspiration & Recognition

The Best Designs - The Best of Web Design - Design Inspiration & Recognition

2カラムで大型のサムネイルのため、1サイトごとのデザインをじっくり観察できます。自由なキーワードで検索できるほか、タグでデザインの絞り込みができます。


Web Design Clip | Webデザインクリップ

Web Design Clip | Webデザインクリップ

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


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

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

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


Webデザインリンク集 中面/下層ページも見られる現代デザイン

Webデザインリンク集 中面/下層ページも見られる現代デザイン

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


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

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

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


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

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

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


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

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

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


まとめ

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

VISION

世界に役立つ脳を創ろう

デジタルマーケティング

Sitecore

それだけでは意味のないアクセス解析データとマーケティングシナリオを結び付けることで、新たなvalueを生み出す。

人工知能

Deeplearning

膨大な情報を結び付けるために(効率的に実現するため)Deeplearningなどの人工知能の技術を応用し、価値を創造する。

Webとシステムをつなぐ

全体最適

断絶されたWebとシステムをつなぎ、各サービスごとに分断されたクラウドサービスごとをつなぎ、部分最適ではなく全体最適を実現する。

CONTACT

Webサイト制作に関するご相談、サービスに関するお問い合わせはこちら