どんな人向け？
- 新しい画面をデザインする前に、実際のアプリがオンボーディング、チェックアウト、サブスクリプションのフローをどう組み立てているかを見たいデザイナーやプロダクトチームに向いています。
- 空の状態、ペイウォール、フォーム、ナビゲーションといった単一のインターフェースパターンを、多くの例で比較したい人に向いています。
Mobbin — デザインの参考ギャラリー
Mobbin
Mobbinは、モバイルアプリとウェブアプリの画面、オンボーディングやチェックアウトといったエンドツーエンドのフロー、インターフェースのパターン、ウェブサイトのセクションを集めたデザインリファレンスのライブラリで、無料アカウントでは利用範囲が限られます。
おすすめの理由
| 知っておきたいこと | ウェブ |
|---|---|
| 無料で出力 | 非対応 |
| 登録不要 | 非対応 |
| 透かしなし | — |
| オフライン対応 | — |
| 一括処理 | — |
| コンテンツの言語 | — |
— 未確認の利用条件. 公式資料を確認しています。アプリの実機テストは行っていません。 出典で確認できるコンテンツ言語の対応のみを検索します。画面の言語とは異なります。
提供者からの修正・フィードバック
編集部の選び方ガイド
最終確認:
始め方
- サイトで無料アカウントを作成してください。ライブラリを利用するにはアカウントが必要です。
- アプリ、フロー、インターフェースパターンのいずれかを選んでください。無料プランでは利用が限られ、検索、フロー、アニメーションは有料プランで提供されます。
- 気に入った例をコレクションに保存し（無料プランでは最大3つ）、例をそのまま真似るのではなく、そのアプローチを自分のデザインに合わせて解釈してください。
選ぶポイント
- 無料プランにはフロー、アニメーション、検索、コピー/ダウンロードがありません。これらを毎日使うならPro以上のプランを、閲覧するだけなら無料アカウントで足りるかもしれません。
- ギャラリーの内容は他の人のデザインです。自分のプロダクトで使う前に、利用条件とライセンス条件を確認してください。この記録では、スクリーンショットの利用権は確認していません。
制限
- 無料アカウントでは利用が限られます。検索、Deep Search、フロー、アニメーション、コピー/ダウンロードは有料プランで提供されます。価格はここに記録されておらず、変更される場合があります。
- 確認したページにはスクリーンショットの著作権や利用権の説明がありません。利用規約のページは403を返し、読めませんでした。公開したり商用の仕事で使ったりする前に、ご自身で確認してください。
よくある質問
Mobbinは無料ですか？
無料プランはありますが利用が限られていて、フロー、アニメーション、検索、コピー/ダウンロードは使えず、コレクションは最大3つまでです。Pro以上のプランでこれらが使えるようになります。
Mobbinにアカウントは必要ですか？
ホームページには、ライブラリを利用するには無料アカウントが必要だと書かれています。アカウントなしで閲覧できる選択肢は見当たりませんでした。