2018年度版・Webデザインの参考になるサイトまとめ

Webデザインの参考を探したい、事例を知りたい、そんな方にオススメのサイトをまとめました。
2018年度現在も更新があり、国内サイトが多めに掲載されているサイトを中心に選んでいます。
色の選び方、画像のサイズ、要素の配置など、参考サイトがあると検討しやすくなりますね。

81-web.com

http://81-web.com/

日本国内のサイトを厳選してピックアップしているサイトです。
国内の事例が知りたい、日本語のサイトに絞ってデザインを見たい、という方にオススメ。

I/O 3000

https://io3000.com/

スタイリッシュなサイトが見たいならココ。毎週コンスタントに更新されているようです。
国内サイトも多数ピックアップされています。

S5-Style

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

一覧ページのキャプチャが大きめなので、参考が探しやすいです。タイポグラフィが印象的なサイトがたくさんピックアップされています。

MUUUUU.ORG

http://muuuuu.org/

情報設計の参考にしやすく、現場レベルでWEBデザイナーが参考にし易いであろう、
縦に長くオーソドックスなレイアウトでかつ、非常にデザインが優れたサイトを厳選して掲載しております。

との言葉どおり、デザイン性が優れているだけでなく、現実的に参考にしやすいサイトが多数ピックアップされています。

FINDER

http://w-finder.com/

コーポレートサイトやキャンペーンサイトなど、幅広い国内サイトがピックアップされています。
「お気に入り」の機能があるので、自分だけの参考まとめをつくれます。
業種別で絞り込みをかけられる点が秀逸!スタイリッシュなサイトはもちろん、尖りすぎないオーソドックスなサイトも掲載されています。

RWDJP

http://responsive-jp.com/

レスポンシブデザインに特化したWebデザインギャラリーです。
SP版・タブレット版・PC版それぞれのキャプチャを一覧で見れるので、レスポンシブでのレイアウト変化を確認しやすいです。
落ち着いたテイストのデザインが多い印象です。

Web Design Clip

https://www.webdesignclip.com/

サムネイルをクリックすると詳細ページに飛びます。詳細ページでは似たテイストのサイトを表示してくれるので、次々にデザインをチェックしていきやすいです。
メインカラーやサブカラーからサイトを逆引きすることもできるので、色を絞ってデザインを見たい方にオススメ。

まとめ

Webデザインのトレンドは日々移り変わっています。今回ご紹介したようなギャラリーサイトを定期的にチェックしておくと、業界の流れや今後のトレンドも予測できるようになるかもしれないですね。

関連記事