튜토리얼

3

분 소요

ProtoPie 101 크래시 코스: 초급부터 고급까지

ProtoPie 101 단기 집중 과정을 통해 고충실도 프로토타이핑을 빠르게 시작하세요.

Bern Espino, Customer Learning Manager

새로운 프로토타이핑 도구를 익히는 일은 부담스러울 수 있으므로, 저희 팀은 ProtoPie를 A부터 Z까지 사용하는 방법에 대한 무료 학습 콘텐츠를 이용할 수 있는 ProtoPie School을 마련했습니다.

기초부터 핵심 기능까지 단계적으로 배우는 가이드형 학습 경로를 찾고 있다면, ProtoPie 101 Crash Course로 가서 초급부터 고급 예제까지 단계별로 따라 해 보세요. 자신의 속도에 맞춰 공부할 수 있고, 진행 상황을 강사와 다른 학생들과 공유할 수도 있습니다!

저는 바빠요, 그냥 알려주세요

저희는 매우 ProtoPie 101 전체 과정을 수강하실 것을 권장합니다. 하지만 너무 바쁘시다면, 아래에 다양한 유용한 데모를 포함한 종합 워크숍 다섯 개를 모아 두었습니다. 필요한 섹션으로 건너뛸 수 있도록 타임스탬프를 참고해 주세요.

Pies 사용 중 막히는 부분이 있다면, 각 기능에 대한 자세한 내용이 있는 문서 페이지를 확인해 보세요. 또는 ProtoPioneers 커뮤니티에 참여하여 ProtoPie 전문가에게 직접 도움을 받아 보세요.

그럼 바로 시작해 봅시다!

초급: 디자인 워크플로와 기본 인터랙션

[Figma 파일 다운로드] [Pie 파일 다운로드]


[0:51] ProtoPie는 어떻게 작동하나요?

  • 개념 모델

  • 객체, 트리거, 그리고 응답

[13:16] ProtoPie 생태계

  • Studio: 프로토타이핑 놀이터

  • Player: iOS와 Android에서 라이브 뷰어로 프로토타입을 테스트하세요

  • Cloud: 공유와 협업

[18:29] 1단계. ProtoPie 플러그인으로 에셋 가져오기

[26:05] 2단계. 기본 인터랙션 만들기

  • 반복

  • 루프

  • 중지

[46:42] 3단계. 테스트 및 공유

[57:49] 4단계. 협업

중급 1/2: 마이크로 인터랙션 만들기

ProtoPie 워크숍: 중급자를 위한 ProtoPie 사용법

[Pie 파일 다운로드]

[5:50] 데모 1: 페이지 전환

[29:47] 데모 2: 페이징과 스크롤

[49:03] 데모 3: 슬라이딩 메뉴

중급 2/2: 네이티브 센서 사용하기

[Pie 파일 다운로드]

[4:24] 데모 1: 카메라

  • 사진을 찍고, 기기의 전면 및 후면 카메라를 전환하는 방법을 배워 보세요.

[15:00] 데모 2: 타이핑

  • 기기의 기본 키보드를 사용해 타이핑 인터랙션을 만드는 방법을 배워 보세요.

[27:41] 데모 3: 음성

  • 음성 명령을 사용하여 스마트 홈 제어를 활성화하는 방법을 배워 보세요.

고급 1/2: 조건을 사용한 논리 기반 인터랙션

ProtoPie 워크숍: 고급자를 위한 ProtoPie 사용법

[Pie 파일 다운로드]

[5:32] 데모 1: 비밀번호 재설정 (조건)

[14:19] 데모 2: 이미지 슬라이드쇼 (체인)

[26:35] 데모 3: 스크롤 기반 비디오 플레이어 (범위)

[48:11] Chain과 Range의 차이점은 무엇인가요?

고급 2/2: 변수와 수식 사용하기

{ 'Send' 파일 다운로드 } [ 'Receive' 파일 다운로드 ]

[4:06] 데모 1: 카메라 초점 (수식)

[9:43] 데모 2: 여러 씬에서 값 사용하기 (변수)

[30:41] 데모 3: 슬라이더 (컴포넌트)

[1:16:36] 데모 5: IoT 홈 (보내기 및 받기)