アプリのプロトタイプ用のAndroidモックアップテンプレート

モックアップは、Webサイトであれモバイルアプリケーションであれ、最終製品の静的な視覚化です。 プロトタイプが作成される製品の情報の構造、配色、タイポグラフィ、およびその他のデザイン関連要素を示します。 Androidユーザー向けのアプリを起動しようとしている場合は、次のAndroidモックアップテンプレートを使用すると、プロトタイプをすぐに開始できます。 Androidモックアップツールを使用して、魅力的なAndroidアプリのデザインをすばやく作成できます。

これらのAndroidモックアップの例は、AndroidOSで実行されるさまざまなアプリのさまざまなユーザーインターフェースを表しています。 以下にリストされているAndroidモックアップテンプレートは、Createlyを使用して巧妙に設計されています。 テンプレートをクリックしてエディターで開くだけで、要件に応じて変更を加えたり、テンプレートとしてエクスポートしたりできます。

• Google NexusAppDrawerのAndroidモックアップテンプレート
• ロック画面のAndroidモックアップテンプレート
• GoogleマップのAndroidモックアップテンプレート
• GooglePlayストアのAndroidモックアップテンプレート
• Android通知マネージャーモックアップテンプレート
• 連絡先アプリのAndroidモックアップテンプレート
• メモ帳アプリのAndroidモックアップテンプレート
• フォトストアアプリ用のAndroidモックアップテンプレート
• ソーシャルサインアップを備えた新しいAndroidアプリケーション
• カレンダーアプリ用のAndroidモックアップテンプレート
• メッセージングアプリ用のAndroidモックアップテンプレート

Google NexusAppDrawerのAndroidモックアップテンプレート

以下のAndroidモックアップテンプレートは、GoogleNexus用に設計されています。 これは、アプリトレイとも呼ばれるアプリドロワー内のアプリのレイアウトを示しています。 レイアウトオブジェクトとUIコントロールはアプリで直接利用できますが、Google検索または検索バーに統合されたIconFinderからアプリのロゴをインポートできます。 テンプレートをクリックして、必要に応じて編集します。

画像をクリックしてオンラインで変更

ロック画面のAndroidモックアップテンプレート

これは、Samsung電話のロック画面のAndroidモックアップの例です。 Samsungデバイス（KitKat以降）のすべてのUIコントロールはアプリで利用でき、ロック画面の壁紙はGoogleから簡単にインポートできます。 1つの画面には通知付きのロック画面が表示され、もう1つの画面にはパターン画面のロックが表示されます。 画像をクリックして、テンプレートをオンラインで変更します。

画像をクリックしてオンラインで編集

GoogleマップのAndroidモックアップテンプレート

次のAndroidモックアップテンプレートは、GoogleマップアプリのUIを示しています。 地図から必要なアイコンまで、CreatelyでGoogleマップのようなナビゲーションアプリをデザインするためのUIコントロールを見つけることができます。 画像をクリックして変更を加えるか、テンプレートとしてエクスポートします。

画像をクリックしてオンラインで変更

GooglePlayストアのAndroidモックアップテンプレート

このAndroidテンプレートは、GooglePlayストアのユーザーインターフェースを示しています。 Google Playストアのようなユーザー指向のUIの設計は、アイコンとコントロールが利用可能であり、コンテキストに応じて自分自身を自動構成できるため、Createlyを使用すると簡単になります。 画像をクリックして変更を開始します。

画像をクリックしてオンラインで変更

Android通知マネージャーモックアップテンプレート

次のAndroidモックアップテンプレートはNotificationManagerです。 Google Nexus 6にステータスバーの通知が表示されます。テンプレートをクリックしてエディターで開き、必要な変更（アプリアイコンの変更または追加、壁紙の変更など）を行うことができます。

画像をクリックしてオンラインで変更

連絡先アプリのAndroidモックアップテンプレート

このAndroidモックアップテンプレートは、AndroidLollipop5.1.1の連絡先アプリのUIを示しています。 Lollipop5.0とMarshmallow6.0に関連するUIコントロールがアプリで利用できます。 Android Lollipop用のアプリを作成する場合でも、最新バージョンを作成する場合でも、Createlyを使用すると簡単に作成できます。

画像をクリックしてオンラインで変更

メモ帳アプリのAndroidモックアップテンプレート

次のAndroidモックアップテンプレートは、メモ取りアプリ/メモ帳アプリのUIを示しています。 3種類の音符を示すために異なる記号が使用されており、各音符は強調とアピールのために色分けされています。 左側の画面はホームページのUIを示し、右側の画面はパーソナルノートページのUIを示しています。

以下に示すように、複数のUI画面間で画面遷移を簡単に作成できます。 画像をクリックして、テンプレートをオンラインで編集します。

画像をクリックしてオンラインで変更

フォトストアアプリ用のAndroidモックアップテンプレート

以下の3つのモックアップは、フォトストアアプリのユーザーインターフェイスを示しています。 アプリの読み込みページ、サインインページ、写真購入ページ。 別のカラーテーマが必要な場合は、アプリのプリセットカラーパレットから1つを選択するか、手動で1つを選択できます。 画像をクリックして編集を開始します。

画像をクリックしてオンラインで変更

ソーシャルサインアップを使用するアプリケーション用のAndroidモックアップテンプレート

これは、ユーザーがソーシャルメディアアカウント（Twitter、Facebook、LinkedIn）でサインインできるAndroidアプリのユーザーインターフェイスです。 同様のUIを作成するためのソーシャルメディアボタンとアイコンがアプリで利用できます。 画像をクリックしてテンプレートとしてエクスポートするか、オンラインで編集します。

画像をクリックしてオンラインで変更

カレンダーアプリ用のAndroidモックアップテンプレート

これはAndroidカレンダーのモックアップです。 関連するコントロールを含むカレンダーはアプリですぐに利用でき、デザインしているカレンダーアプリに一致する好みのカラーパレットを使用してそれらをカスタマイズできます。 画像をクリックしてエディタで開き、必要な変更を加えます。

画像をクリックしてオンラインで変更

メッセージングアプリ用のAndroidモックアップテンプレート

これは、メッセージングアプリの連絡先インターフェースのAndroidモックアップテンプレートです。 連絡先アイコンなど、メッセージングアプリを設計するためのUIコントロールをアプリで使用できます。 画像をクリックして、画像をテンプレートとしてエクスポートします。

画像をクリックしてオンラインで変更

上記のリストは、Createlyで利用できるAndroidモックアップテンプレートのほんの一部です。 その他のAndroidモックアップの例については、Androidモックアップの例のページを確認してください。 新しい例を頻繁に追加するため、時々チェックインすることを忘れないでください。

その他のダイアグラム作成テンプレート

• ユースケース図テンプレート
• フィッシュボーン図テンプレート
• マインドマップテンプレート
• ビジネスプロセスモデルテンプレート
• ストーリーボードテンプレート
• ネットワーク図テンプレート
• ベン図テンプレート
• KWLチャートテンプレート
• 作業分解図テンプレート
• SWOT分析テンプレート
• クラス図テンプレート
• ER図テンプレート
• シーケンス図テンプレート
• 組織図テンプレート
• ガントチャートテンプレート
• アクティビティ図テンプレート
• 配置図テンプレート
• AWSアーキテクチャダイアグラムテンプレート
• UIモックアップテンプレート
• Ciscoテンプレート
• サイトマップテンプレート
• データフロー図テンプレート