最近色々な色々なデザインに関わることが増えてきて、見ているサイトが増えてきたな…と思い、今回は自分の整理のためにも参考探しに見ているWeb系デザインギャラリーサイトをまとめていきます。

このnote書きながら、自分のブックマークをめっちゃ整理しました。
自分の整理しながらnote書くの良いかも〜〜とちょっと思ったり、思わなかったり。

LP編

1GUU

国内外のWebサイトデザインを集めたギャラリー・ポータルサイト。国別に検索ができるので、世界のデザインをささっとみたいときに便利。

S5 Style

こちらも国内外のWebデザインを集めたギャラリーサイト。スタイリッシュなデザインが多く集まっている印象。
フィルター検索が充実しているので、ピンポイントで「こういうデザインを探したい」というときに結構便利。

LP ARCHIVE

広告LPやを中心に集めたデザインポータルサイト。キャッチコピーとファーストビューを合わせてみれるのも特徴。デザインというよりは、キャッチコピーやマイクロコピーの参考を探すときに使うことが多いかもしれない。

Accessible Website Gallery

ウェブアクセシビリティに配慮しているWebデザインを紹介するギャラリーサイト。デザイン重視のギャラリーサイトを見ていると、アクセシビリティを見逃してしまうことが多いので、たまーに徘徊する。

Parts.

TA、メインビジュアル、フッターなど、パーツやセクションごとのデザインを部分ごとに一覧になっているデザインの参考サイト。
パーツごとにデザイン迷ったとき、参考探しのために活用。

バナー編

Bannnner.com

バナーを集めたバナーデザインギャラリーサイト。バナーの数が結構多い。サイズや構成で絞り込みができるので、バナーの構成を決める際に使うことが多い。

BANNER LIBRARY

クオリティの高いバナーが集まっているギャラリーサイト。本当にデザインのクオリティが高いものばかり集まっているので、装飾や全体のバナーデザインの参考にすることが多い。

Meta広告ライブラリ

FacebookやInstagramで配信されている広告を見ることができるライブラリサイト。現在配信されているものが確認できるので、現在の広告の流行が掴める。

UI/UX編

UI Pocket

国内外のUI・UXを提供しているアプリのUIデザインギャラリーサイト。国内のアプリUIが多め。モバイルのUI参考を探すときに使う。また、練習でUI模写するときなどにも活用することが多い。

Mobbin

アプリUIをまとめている海外のギャラリーサイト。dictionaryのページでは、UIパーツごとに見ることができるのので、パーツごとのUI参考探しにとても役立つ。

Refero

WEBサイト・アプリのUI/UXをまとめている海外ギャラリーのサイト。パーツごとの検索のときに人気順に並び替えができるのでとても便利。このUIは使われやすいのか,,,と研究したり、自分のデザインで使ったりできる。

Figcomponents

Figmaにそのままコピペして使えるコンポーネントパーツをまとめているサイト。最近会社の先輩に教えてもらったサイトだけど、もうほんとただのチートサイト。
時間がないときに、ささっとパーツをコピペしてデザインのトンマナだけ変えるとかできちゃう。

サムネイル編

SAMUNE

動画のサムネイルをまとめているデザインギャラリーサイト。メディア系の記事でサムネイル作成するときに参考にする。あしらいが細かいサムネイルが多いので、細かい装飾に困ったときに見ることが多い。

終わりに

ざっと最近見ているのはこんな感じです。
Web系以外のものも色々見ることが多いので、別の投稿でまたまとめたいと思います。

意外とブックマークの整理と合わせてまとめていると時間がかかりました。色々まとめて投稿している人はすごいな…と思います。

デザインに関わる人も関わらない人も、誰かの参考になれば嬉しいです！