산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

산업 분야

자동차

항공/우주

금융

게임

메디테크 (MedTech)

IoT

디지털 제품

활용 사례

기업용

개인용

팀용

교육용

주요 특징

하드웨어 및 시스템 통합

Beta

ProtoPie MCP

멀티 디바이스 프로토타이핑을 위한 ProtoPie

인터랙션 로직을 위한 ProtoPie

개발자 인수인계

ProtoPie AI

New

User Testing

플러그인

Figma

Sketch

Adobe XD

인사이트 & 영감

블로그

eBook

고객 성공 사례

이벤트 및 웨비나

ProtoPie 갤러리

제품 학습 및 지원

프로토파이 스쿨

ProtoPie 다운로드

프로덕트 도큐멘테이션

커뮤니티

온라인 워크숍

2

분 소요

ProtoPie 중급 워크숍: 마이크로인터랙션 및 네이티브 센서

ProtoPie로 마이크로 인터랙션을 만드는 방법과 네이티브 센서를 사용하는 방법을 알아보세요.

Abhas Sinha, User Experience Designer @ Microsoft

다룰 내용

중급 1/2

ProtoPie는 클릭형 프로토타입 제작뿐만 아니라 마이크로 인터랙션을 위해 세부 사항을 세밀하게 조정할 수 있게 해줍니다.

이번 워크숍에서는 아래 내용을 함께 배웁니다:

  • "Jump" 트리거를 사용해 페이지 전환을 만드는 방법

  • 컨테이너 레이어의 개념 이해하기

  • 컨테이너 레이어를 사용해 페이지 이동 및 스크롤 인터랙션 만들기

  • "Slide a menu bar" 인터랙션을 만들며 "Fling", "Pull"과 "Drag"의 차이를 구분하기.

중급 2/2

ProtoPie는 코딩 지식 없이도 센서를 쉽게 활용해 프로토타입을 만들 수 있다는 점에서 다른 도구들과 다릅니다. 이 워크숍에서는 ProtoPie를 통해 센서 인터랙션을 만드는 방법을 배웁니다.

이번 워크숍에서는 아래 내용을 함께 배웁니다:

  • 네이티브 카메라: "camera layer"를 사용해 사진 촬영을 시뮬레이션하기

  • 타이핑 인터랙션: "input layer"를 사용해 네이티브 키보드를 띄우기

  • 음성 인터랙션: 음성-텍스트 변환과 텍스트-음성 변환을 사용해 음성 비서 만들기

녹화 영상

중급 1/2

[Pie 파일 다운로드]

중급 2/2

[Pie 파일 다운로드]