デザインインスピレーション は何をしますか？
ユーザーのニーズに基づいて、デザインリサーチを適切な厳選ギャラリーへと導きます。
クイックルックアップ
| ニーズ | サイト | URL |
|---|---|---|
| Webデザイン（全般） | Curated Design | curated.design |
| ランディングページ | Landing Love | landing.love |
| SaaS Webサイト | Saaspo | saaspo.com |
| ナビバー / ナビゲーション | Navbar Gallery | navbar.gallery |
| CTAセクション | CTA Gallery | cta.gallery |
| アニメーション / モーション | App Motion | appmotion.design |
| モバイルアプリ（iOS/Web） | Mobbin | mobbin.com |
| リブランディング / ブランディング | Rebrand Gallery | rebrand.gallery |
| アイコン | Huge Icons | hugeicons.com |
| デザインシステム / コンポーネント | Component Gallery | component.gallery |
| ヒーローセクション | Hero Capture | herocapture.com |
| 3Dアイコン | Icoon | icoon.co |
使い方
- ユーザーがインスピレーションを必要としているデザイン要素を特定する
- 上記のカタログから1～3のサイトを推奨する（最も具体的なものから順に）
- ユーザーがライブの例を閲覧したい場合は、ブラウザツールを使用してサイトを開く
- ユーザーが視覚的な参考資料を保存したい場合は、特定の例のスクリーンショットを撮る
サイトの閲覧
ブラウザツールを使用してギャラリーを操作し、スクリーンショットを撮ります。
browser → サイトのURLに移動
browser → 例を見つけるためにスナップショットを撮る
browser → 特定のデザインをキャプチャするためにスクリーンショットを撮る
Mobbin（フルアクセスにはアカウントが必要）、Navbar Gallery、Component Galleryについては、これらは構造化されたカテゴリを持ち、サイドバーやフィルターUIでナビゲートできます。
複数のサイトが該当する場合
- ページ全体のデザイン → curated.design + landing.love
- 特定のコンポーネント → navbar.gallery / cta.gallery / component.gallery
- モバイルファースト → mobbin.com
- モーション/インタラクション → appmotion.design（利用可能な場合）+ landing.love（動画録画あり）
- ブランドアイデンティティ → rebrand.gallery
- アイコン検索 → hugeicons.com（2D）+ icoon.co（3D）
拡張カタログ
追加のサイトと詳細な説明については、references/catalog.md を参照してください。