コレクション · 10 件のピック · 2026

ヒーロー・ナビバー・フッター・CTAのデザインインスピレーション

ページ全体ではなく一部分だけをデザインしているときは、サイト全体をスクロールして眺めるより、セクション特化型のギャラリーのほうが早く見つかります。ここではナビゲーションバー、フッター、ヒーロー、CTA、ローディング表示などを集めており、それぞれにタグが付いているので、同じコンポーネントの何十通りものアプローチを見比べられます。

選出元 webデザインのインスピレーションギャラリー.

並び替え

SEESAW preview

SEESAWギャラリーWebサイトのデザインインスピレーションをページのセクションごとにまとめ、ブロック単位で学べるコレクション。

Supahero preview

Supaheroギャラリーランディングページを設計する際のインスピレーションになる、Webサイトのヒーローセクションを厳選したコレクション。

navbar.design preview

navbar.designギャラリーサイトメニューを設計する際の参考になる、ナビゲーションバーのパターンを厳選したセット。

footer.design preview

footer.designギャラリー締めくくりのセクションのインスピレーションになる、クリエイティブなWebサイトフッターを厳選したセット。

Collect UI preview

Collect UIギャラリー継続的なデザインチャレンジから生まれた、コンポーネント別にタグ付けされた日替わりのUIデザインインスピレーション。

Pttrns preview

Pttrnsギャラリーアプリが一般的な画面をどう扱っているかを参照できる、モバイルUIパターンのディレクトリ。

navbar.gallery preview

navbar.galleryギャラリーサイトメニューを設計する際に学べる、モダンなナビゲーションバーに的を絞ったギャラリー。

cta.gallery preview

cta.galleryギャラリーコンバージョン重視のインスピレーション向けに、コールトゥアクションのボタンやバナーを厳選したセット。

loader-buttons.appllama.io

Loader Buttons preview

Loader Buttonsギャラリーマイクロインタラクションのアイデアを参照できる、25種類のローディングボタンアニメーションのギャラリー。

Sections.wtf preview

Sections.wtfギャラリー実際のWebサイトのセクションやヒーローレイアウトを、ブロック単位で参照できるギャラリー。

ヒーロー・ナビバー・フッター・CTAのデザインインスピレーション（10選） — Designeer