iPhoneアプリケーションを設計するためのiPhoneモックアップテンプレート

公開: 2015-10-16

新しいiPhoneモックアップテンプレートをもう試しましたか? 新しいiPhoneモックアップツールを見て、プロ並みのプロトタイプを作成してください。

Createlyには、iPhoneモックアップを驚くほど高速に作成するのに役立つユニークで生産的な機能がいくつかあります。 古いiOSバージョン用に設計している場合でも、最新バージョン用に設計している場合でも、数回クリックするだけでルックアンドフィールを変更できます。 これで、サブスクリプションプランに関係なく、すべてのユーザーがiOS 8用のプロフェッショナルなiPhoneモックアップを作成できます。忘れないでください。これらのモックアップの一部は、iOS9でも機能します。 テンプレートを始めましょう

  • パーソナルポートフォリオアプリのモックアップ
  • 新しい連絡先ウィンドウのモックアップを追加
  • 旅行ガイドアプリのモックアップ
  • iPhone設定画面のモックアップ
  • iPhoneロック画面モックアップ
  • iPhoneマルチピッカーモックアップ
  • iPhoneモックアップ用のFacebookアプリ
  • iPhoneのアクセシビリティ設定画面のモックアップ
  • iPhoneAppStoreモックアップ
  • iPad –メールアカウントのモックアップを追加
  • iPhoneのバッテリーのパーセンテージのモックアップ
  • iPhoneロケーションマップモックアップ
  • iPhoneメールサーバーのモックアップ
  • iPhoneの連絡先リスト
  • iPhoneビデオプレーヤーのモックアップ

プロフェッショナルなプロトタイプを作成するためのパーソナルポートフォリオアプリのモックアップ

以下の例はCreatelyアプリで作成されたもので、プロセス全体は15分未満で完了しました

Personal Portfolio App Mockup (Click on the image to modify online)

オンラインで変更するには画像をクリックしてください

iOS8およびiOS9用の新しい連絡先ウィンドウモックアップを追加

あなたが見つけることができる最もクールな機能の1つは、オブジェクトをドラッグするとデバイスにスナップするようにオブジェクトが設計されていることです。 物を移動して手動で位置合わせする必要はありません。すべてが自動的に行われます。

Add New Contact Window Mockup (Click on the image to modify online)

オンラインで変更するには画像をクリックしてください

キーパッドオブジェクトをデバイスフレーム上に移動すると、デバイスに応じて自動的にフィットします。 プロパティパネルからキーパッドのフォントスタイルを選択することもできます。

製品スタートアップのための旅行ガイドアプリのモックアップ

iPhoneのモックアップを使用して、複数の画面でアプリのデモを紹介できます。 以下の例は、プロトタイプの旅行ガイドアプリを示しています。 この例は、iOSのコントロールとオブジェクトのみを使用して作成されました。

Traveling Guide App Mockup (Click on the image to use online)

オンラインで使用するには画像をクリックしてください

iOS8からiOS9へのiPhone設定画面モックアップ

以下の例は、iOS 8の[設定]ウィンドウを示しています。このテンプレートを使用して、iOS9の設定に従ってテンプレートを変更することもできます。 画像をクリックして今すぐご利用ください。

iPhone Setting Screen Mockup (Click on the image to use online)

オンラインで使用するには画像をクリックしてください

iOS8およびiOS9で使用するiPhoneロック画面モックアップ

カスタム画像をインポートして、iPhoneのロック画面に壁紙を追加できます。 デフォルトでサポートされているOSはiOS8であり、iOS9のロック画面用にカスタマイズすることもできます。 iOS 9で更新されるため、パスコードの数を6に増やすことができます。画像をクリックして、今すぐテンプレートとして使用してください。

iPhone Lock Screen Mockup (Click on the image to use online)

オンラインで使用するには画像をクリックしてください

多機能をサポートするiPhoneマルチピッカーモックアップ

iPhone Multipicker Mockupは、名簿、新しい連絡先の追加、カレンダーなどに使用できます。これは、iOS 8と、iPhone6およびiPhone6Plusをサポートします。 テンプレートとして使用する必要がある場合は、画像をクリックしてください。

iPhone Multipicker Mockup (Click on the image to use online)

オンラインで使用するには画像をクリックしてください

iPhone用Facebookアプリモックアップ

以下のテンプレートは、iPhone上のFacebookアプリのユーザーインターフェイスを示しています。 Facebookなどのソーシャルメディアアプリ用のiOSUIモックアップを設計するためのiOSコントロールとオブジェクトがアプリで利用できます。 画像をクリックして、必要に応じてテンプレートの編集を開始します。

iPhone用Facebookアプリモックアップ

オンラインで使用するには画像をクリックしてください

iPhoneのアクセシビリティ設定画面のモックアップ

これは、iPhoneのユーザー補助設定画面のiPhoneモックアップテンプレートです。 これは、CreatelyのiOSネイティブアプリコントロールを使用して設計されており、同様のネイティブアプリ画面のモックアップを作成するために使用できます。 画像をクリックして、テンプレートの編集を開始します。

iPhoneのユーザー補助設定画面のモックアップ

オンラインで使用するには画像をクリックしてください

iPhoneAppStoreモックアップ

以下に示すのは、iPhoneアプリストアのiOSUIモックアップです。 アプリのロゴは、アプリ内からGoogleから簡単にインポートまたは検索できます。 画像をクリックしてオンラインで編集します。

iPhoneAppStoreモックアップ

オンラインで使用するには画像をクリックしてください

iPad –メールアカウントを追加

以下のUIモックアップテンプレートは、iPadのネイティブメールアプリでメールアカウントを設定するためのユーザーインターフェイスを示しています。 iOSネイティブメールアプリと同じくらい高度なiPadまたはiPhoneアプリのUIモックアップを作成するのは、Createlyを使用するだけです。 画像をクリックして編集するか、テンプレートとして使用してください。

iPad-メールアカウントを追加

オンラインで使用するには画像をクリックしてください

iPhoneのバッテリーの割合

このiPhoneモックアップテンプレートは、iPhoneのバッテリー使用量の設定を示しています。 アプリで利用可能なiOSアイコンとコントロールを使用すると、これに似たユーザーインターフェイスを簡単かつ迅速に作成できます。 画像をクリックするだけで、これをテンプレートとして使用できます。

iPhoneのバッテリーの割合

オンラインで使用するには画像をクリックしてください

iPhoneロケーションマップ

iPhone Mapsアプリを使用すると、目的地までの道順と、近くの場所、交通を回避する方法などの詳細を取得できます。以下に示すのは、iPhoneロケーションマップのモックアップです。 電話の画面から、ナビゲーションアプリのUIモックアップを作成するために必要なボタンや記号まで、アプリ内で利用できます。 画像をクリックするだけで開始できます。

iPhoneロケーションマップテンプレート

オンラインで使用するには画像をクリックしてください

iPhoneメールサーバーのモックアップ

以下のUIモックアップテンプレートは、iOSネイティブメールアプリの「新規アカウント」の追加画面を示しています。 画像をクリックして、必要な情報を使用して編集します。  

iPhoneメールサーバーのモックアップ

オンラインで使用するには画像をクリックしてください

iPhoneの連絡先リストのモックアップ

以下のiPhoneモックアップテンプレートは、iPhoneの連絡先リストのUIです。 画像をクリックして編集するか、テンプレートとしてエクスポートします。

iPhoneの連絡先リスト

オンラインで使用するには画像をクリックしてください

iPhoneビデオプレーヤーのモックアップ

これは、iOS8および9の最新のiPhoneビデオプレーヤーのUIモックアップの例です。同様のビデオプレーヤーアプリのiPhoneUIモックアップを作成するのに役立つiOS8および9に関連するコントロールとシンボルを作成的に提供します。 画像をクリックして、オンラインでの変更を開始します。

iPhoneビデオプレーヤーのモックアップ

オンラインで使用するには画像をクリックしてください

ゼロから始めるのは必ずしも簡単ではありません。 これが、すぐに始められるようにいくつかの既製のテンプレートがある理由です。 私たちのダイアグラムコミュニティは、プロがデザインしたテンプレートを提供しているので、すぐに始めることができます。 さらに、多くの人が毎日私たちの作図コミュニティに追加されているので、iPhoneのモックアップのアイデアが足りなくなった場合は、私たちのコミュニティにインスピレーションを求めることができます。

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

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