Webデザインの”パーツ”を見れるギャラリーサイト11選。

この記事は何?

Webデザインを作る上で、見出しやボックスなどを「部分的」に参考にしたいときに、サッと確認できるサイトを集めました。

いってみよー!

パーツデザインギャラリー

パーツデザイン:Modulesss…

Modulesss… 見出しページ

Moduless…はかなり高頻度でお世話になっているサイトです。国内の高クオリティなパーツばかりが掲載されています。
見出しやリストなど、パーツごとにデザインが分類されており、ピンポイントでデザインパーツを探したいときに役立ちます。

パーツデザイン(SaaSサイト):Parts.

Parts. 料金ページ

Parts.はBtoB向けのサイトのパーツが集まっています。
UIデザインやLPを作るなど、目的がはっきりしているときはとても役立ちます。

デザイン全体とパーツが一気に見れる:MOGUMOGU DESIGN MUSEUM

ここでちょっと宣伝をば…

未熟ながら私も「パーツデザイン」を勉強がてら集めてます。よかったら見てね!

カテゴリー・カラー分けが助かる:PARTS DESIGN

PARTS DESIGN

パーツデザインギャラリー。ヘッダー、フッター、ボックスなどだけではなく「カワイイ」「病院」「食べ物」などのジャンル、カラー分けがあるのが嬉しいです。

バナーデザイン:bannnner

bannnner トップページ

サイトタイトルのとおり、厳選されたバナーが大量にあります。
このサイトのいいところは、サイズや業種だけではなく、「反復」「テキストのみ」「顔切り抜き」などの素材ベースのカテゴリー分けがあるところです。

バナーデザイン:BANNER LIBRARY

サムネイルに特化:SAMUNE

サイト名のとおりサムネイルのギャラリーサイト。
ブログのアイキャッチのデザイン参考にも使えるし、何より眺めてて楽しくて面白い動画に出会えます

OGP画像に特化:OGimage.gallery

OGimage.gallery トップページ

OGP画像に特化したギャラリー。
最近はOGP必須になってきてるから助かります。

要素が空のときの画面:Empty States

Empty States トップページ

データが利用できないときに表示されるデザイン=Empty Statesを紹介するギャラリー。

デザインパーツがどんな手法で作られているか知れる:マナギャリー

マナギャリー | デザイン研究所 トップページ

バナーや本の表紙などのデザインが、「余白」「写真」「飾り枠」などどんな手法を使って作られているかが勉強できるサイトです。
パーツギャラリーというよりは学習要素が強いですが、デザインに詰まったときに見ると参考になります。

バナーデザインに特化:レトロバナー

レトロバナー

レトロバナーはバナーデザインに特化したサイトです。2023年8月現在でなんと13518件もあるそうです、すごい!

いろいろごった煮:pinterest

pinterestトップ

PinterestはWebデザインパーツというよりあらゆるものをごった煮って感じです。

Web上にある画像やPinterest上にある画像をpinして自分のボードに集めることができる画像主体のSNSサービスです。
眺めているだけでも楽しいので暇つぶしにも良いです。

CSSのパーツを探している方