ディバイス

ProtoPieでは、様々なデバイスとデバイスフレームをサポートしています。 iOS、iPadOS、Android、およびデスクトップなどのデバイスから選択が可能で、モバイル、タブレット、デスクトップ、Web、およびTVのプロトタイプをサポートします。基本的に、画面であれば何でもサポートをすることができます。

記載されている解像度はポートレートモード用です。

モバイル&タブレット

iOS、iPadOS、Android用で作成したプロトタイプは、クラウドのページでそれぞれのデバイスフレームで表示ができます。クラウドの詳細についてはこちらをご参照ください。

iOS & iPadOS

下記はProtoPieでサポートしている iOS & iPadOSのデバイスです。

  • iPhone 12 Pro Max — 428 x 926 px

  • iPhone 12/12 Pro — 390 x 844 px

  • iPhone 12 Mini — 375 x 812 px

  • iPhone 11 Pro Max — 414 x 896 px

  • iPhone 11 Pro/X — 375 x 812 px

  • iPhone 11 — 414 x 896 px

  • iPhone 8 — 375 x 667 px

  • iPhone 8 Plus — 414 x 736 px

  • iPhone SE — 320 x 568 px

  • iPhone 7 — 375 x 667 px

  • iPhone 7 Plus — 414 x 736 px

  • iPad Pro — 1024 x 1366 px

  • iPad — 768 x 1024 px

Android

下記はProtoPieでサポートしているAndroidのデバイスです。

  • Samsung Galaxy S20 — 360 x 800 px

  • Samsung Galaxy S10 — 360 x 760 px

  • Samsung Galaxy S8/S9 — 360 x 740 px

  • Samsung Galaxy S7 — 360 x 640 px

  • Samsung Galaxy Note 5 — 360 x 640 px

  • Google Pixel 5 — 393 x 851 px

  • Google Pixel 4XL — 411 x 869 px

  • Google Pixel 4 — 393 x 829 px

  • Google Pixel 3 — 411 x 822 px

  • Google Pixel 2 — 411 x 822 px

  • Google Pixel — 411 x 371 px

  • Google Nexus 6P — 411 x 731 px

デスクトップ、ウェブ&TV

下記はProtoPieでサポートしているデスクトップ、およびウェブとTVのデバイスです。

  • Desktop — 1280 x 1024 px

  • Desktop HD — 1440 x 1024 px

  • HD 720p — 1280 x 720 px

  • HD 1080p — 1920 x 1080 px

デバイスの選択

  1. ツールバーの デバイス名 をクリックします。

  2. デバイス選択 メニューで目的のタイプのデバイスを選択します。

  3. OKをクリックしてデバイスを選択します。

  4. 表示させたい画面の向きを選びます。

画面の向き

次の2つから画面の向きを選択できます。

  • 横向き

  • 縦向き

プロトタイプ作成後に向きを変更することも可能ですが、その場合にはレイヤーとインタラクションの微調整が必要となります。

デバイスのカスタマイズ

希望に合うデバイスがない場合には、「カスタム」を選択してデバイスのサイズを指定することが出来ます。

  1. デバイス選択 メニューの カスタム をクリックします。

  2. 幅と高さの値を設定します。

  3. 密度を入力します。

  4. 必要に応じて、システムステータスバーのタイプを選択します。

Back To Top