MenuToggle Menu

Devices

ProtoPie에서는 다양한 기기의 프레임이 제공됩니다. iOS, iPadOS, Android, 데스크탑 등 원하는 기기를 선택하여 프로토타이핑을 할 수 있습니다. 모바일, 태블릿, 데스크탑, 웹, TV 등 모든 기종의 스크린을 지원하고 있습니다.

Mobile & Tablet

클라우드에서는 iOS, iPad OS, 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

Desktop, Web & 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

Selecting a Device

[object Object]
  1. 상단의 Device name을 클릭합니다.
  2. Select Device 메뉴에서 원하는 기기 타입을 선택합니다.
  3. 원하는 기기를 선택합니다.
  4. 스크린의 방향을 선택합니다.

Orientation

두 가지의 스크린 방향을 선택할 수 있습니다.

  • Portrait (세로 방향)
  • Landscape (가로 방향)

작업을 완료한 뒤 스크린 방향을 바꾸신다면, 그에 따라 레이어와 인터랙션을 재배치하면 됩니다.

Customizing a Device

만들고자 하는 프로토타입에 적당한 기기 프레임이 없다면, 원하는 기기 사이즈를 만들 수 있습니다.

[object Object]
  1. Select Device 메뉴에서 Custom을 클릭합니다.
  2. 폭과 높이 값을 설정합니다.
  3. 해상도 값을 설정합니다.*
  4. 추가적으로 기기 타입을 선택할 수도 있습니다.

*해상도는 화면의 픽셀 밀도를 나타냅니다. 디스플레이 영역에 표시할 픽셀 수(@2x, @3x, @4x 등)를 선택할 수 있습니다.

Back To Top