厳選・オープン・無料

Airbnb

スケーラブルで画像重視のマーケットプレイスデザインの教科書的な事例。高密度の情報と、クリーンで好印象な美观のバランスを実現。

Consumer Marketplace Travel Mobile UI Product
Airbnb のスクリーンショット

オリジナル: https://www.airbnb.com

OpenDesign で開く

デザイン DNA

視覚言語

白を基調としたクリーンなキャンバスに、軽いグレーのサーフェスと、主要アクション用の鮮やかなピンクのアクセントを単色で配置。

レイアウト構造

中央揃えのレスポンシブグリッドと、リスティングの閲覧用水平スクロールカルーセル。

インタラクション形態

コンテンツを前面に押し出す、控えめなホバーによる高まりとスムーズな遷移。

モーション規則

最小限で機能的な動きに焦点。スムーズなスクロールとコンテンツ読み込み時の控えめなフェードイン。

en · zh-CN · zh-TW · ja · ko