ディバイス

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

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

モバイル＆タブレット

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

iOS & iPadOS

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

• iPhone 14 Pro Max — 430 x 932 px
• iPhone 14 Pro — 393 x 852 px
• iPhone 14 Plus — 428 x 926 px
• iPhone 14 — 390 x 844 px
• iPhone 13 Pro Max — 428 x 926 px
• iPhone 13/13 Pro — 390 x 844 px
• iPhone 13 Mini — 375 x 812 px
• 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. 表示させたい画面の向きを選びます。

画面の向き

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

• 横向き
• 縦向き

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

デバイスのカスタマイズ

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

1. デバイス選択 メニューの カスタム をクリックします。
2. 幅と高さの値を設定します。
3. 密度を入力します。
4. 必要に応じて、システムステータスバーのタイプを選択します。

*密度とは、画面のピクセル密度を指します。 ディスプレイの領域に表示するピクセル数（@ 2x、@ 3x、@ 4xなど）を選択できます。