行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

行业

汽车

航空

金融

游戏

医疗科技

物联网

数字产品

使用场景

面向企业

面向个人

面向团队

用于教育

主要特点

硬件与系统集成

公测版

ProtoPie MCP

多设备原型设计

交互逻辑

开发交接

ProtoPie AI

用户测试

插件

Figma

Sketch

Adobe XD

洞见与灵感

博客

白皮书

客户成功案例

活动与网络研讨会

ProtoPie 画廊

产品学习与支持

ProtoPie 学堂

下载 ProtoPie

产品文档

社区

菜单

设备

在 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

桌面、网页与电视

以下是 ProtoPie 为桌面、网页和电视支持的设备尺寸:

  • 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. 选择设备。

  4. 选择方向。

方向

可在以下两种方向之间进行选择:

  • 竖屏

  • 横屏

自定义设备

如果找不到原型所需的设备尺寸,你可以设置自定义设备尺寸。

  1. 选择设备菜单中点击自定义

  1. 输入所需的宽度高度值。

  2. 填写密度(屏幕像素密度:@2x、@3x、@4x 等)

  3. 可选:启用设备的系统状态栏。