INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

INDUSTRIES

自動車

航空・宇宙

金融

ゲーム

メドテック

IoT

デジタルプロダクト

USE CASES

エンタープライズ向け

個人向け

チーム向け

教育向け

KEY FEATURES

ハードウェア・システム統合

Beta

ProtoPie MCP

マルチデバイス・プロトタイピング

インタラクション・ロジック

開発者へのハンドオフ

ProtoPie AI

New

ユーザーテスト

PLUGINS

Figma

Sketch

Adobe XD

INSIGHTS & INSPIRATION

ブログ

eBook

カスタマーストーリー

イベント&ウェビナー

ProtoPie ギャラリー

PRODUCT LEARNING & SUPPORT

ProtoPieスクール

ProtoPieをダウンロード

製品ドキュメント

コミュニティ

Menu

デバイス

ProtoPie Studioでは、さまざまなデバイスやデバイスフレーム向けのプロトタイプ作成が可能です。iOS、iPadOS、Android、デスクトップの主要なデバイスの中から選ぶことも、その他のスクリーンタイプに合わせてカスタムサイズを設定することもできます。

以下のリストに示されている解像度は、ポートレート(縦向き)モードのものです。

モバイル & タブレット

デフォルトでは、iOS、iPadOS、およびAndroidのプロトタイプは、クラウドでプレビューする際にそれぞれのデバイスフレームが表示されます。ProtoPie Cloudについての 詳細はこちら

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

デスクトップ、Web & TV

ProtoPieがサポートしているデスクトップ、Web、および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. デバイズ選択(Select Device)メニューから希望のデバイスタイプを選択します。

  3. デバイスを選択します。

  4. 向き(オリエンテーション)を選択します。

向き(オリエンテーション)

次の2つの向きから選択してください:

  • 縦向き(ポートレート)

  • 横向き(ランドスケープ)

デバイスをカスタマイズする

プロトタイプに必要なデバイスサイズが見つからない場合は、カスタムデバイスサイズを設定できます。

  1. データ選択(Select Device)メニュー内のカスタム(Custom)をクリックします。

  1. 任意の幅(Width)高さ(Height)の値を入力します。

  2. 密度(Density)(画面ピクセル密度: @2x, @3x, @4xなど)を入力します。

  3. 必要に応じて、デバイスのシステムステータスバーを有効にします。