この記事は何?
Webデザインを作る上で、見出しやボックスなどを「部分的」に参考にしたいときに、サッと確認できるサイトを集めました。
パーツデザインギャラリー
パーツデザイン:Modulesss…
Moduless…はかなり高頻度でお世話になっているサイトです。国内の高クオリティなパーツばかりが掲載されています。
見出しやリストなど、パーツごとにデザインが分類されており、ピンポイントでデザインパーツを探したいときに役立ちます。
パーツデザイン(SaaSサイト):Parts.
Parts.はBtoB向けのサイトのパーツが集まっています。
UIデザインやLPを作るなど、目的がはっきりしているときはとても役立ちます。
デザイン全体とパーツが一気に見れる:MOGUMOGU DESIGN MUSEUM
未熟ながら私も「パーツデザイン」を勉強がてら集めてます。よかったら見てね!
カテゴリー・カラー分けが助かる:PARTS DESIGN
パーツデザインギャラリー。ヘッダー、フッター、ボックスなどだけではなく「カワイイ」「病院」「食べ物」などのジャンル、カラー分けがあるのが嬉しいです。
バナーデザイン:bannnner
サイトタイトルのとおり、厳選されたバナーが大量にあります。
このサイトのいいところは、サイズや業種だけではなく、「反復」「テキストのみ」「顔切り抜き」などの素材ベースのカテゴリー分けがあるところです。
バナーデザイン:BANNER LIBRARY
サムネイルに特化:SAMUNE
サイト名のとおりサムネイルのギャラリーサイト。
ブログのアイキャッチのデザイン参考にも使えるし、何より眺めてて楽しくて面白い動画に出会えます!
OGP画像に特化:OGimage.gallery
OGP画像に特化したギャラリー。
最近はOGP必須になってきてるから助かります。
要素が空のときの画面:Empty States
データが利用できないときに表示されるデザイン=Empty Statesを紹介するギャラリー。
デザインパーツがどんな手法で作られているか知れる:マナギャリー
バナーや本の表紙などのデザインが、「余白」「写真」「飾り枠」などどんな手法を使って作られているかが勉強できるサイトです。
パーツギャラリーというよりは学習要素が強いですが、デザインに詰まったときに見ると参考になります。
バナーデザインに特化:レトロバナー
レトロバナーはバナーデザインに特化したサイトです。2023年8月現在でなんと13518件もあるそうです、すごい!
いろいろごった煮:pinterest
PinterestはWebデザインパーツというよりあらゆるものをごった煮って感じです。
Web上にある画像やPinterest上にある画像をpinして自分のボードに集めることができる画像主体のSNSサービスです。
眺めているだけでも楽しいので暇つぶしにも良いです。