ProtoPie Master Courses (프로토파이 마스터 클래스)

1. ProtoPie 소개 및 페이지 롤링 UI 만들기

• ProtoPie 소개 및 특징, 활용 범위, 화면 구조, System Status Bar, 프리뷰 화면 소개
• Figma 디자인을 ProtoPie로 불러오기
• 페이지 롤링 UI 만들기: 튜토리얼 화면 제작

2. 버튼과 화면 전환 및 카드 롤링 UI 만들기

• Tab 트리거로 화면 전환 / 인터렉션 추가
• 자연스러운 모션을 위한 Easing 값 조절
• 투명 오브젝트의 활용
• 카드 롤링 UI / 세로 스크롤 만들기

3. Tab 네비게이션 만들기

• 스크롤과 페이징 컨테이너의 중복 사용
• Chain과 Page Scroll 컨테이너를 사용한 Tab 네비게이션 만들기

4. 프로토타입 공유, ProtoPie Player App 사용법

• Cloud 공유와 Interaction Record
• ProtoPie Player 모바일앱 소개 및 사용법

5. 헤더 인터렉션과 Pull 트리거

• Chain / Drag를 사용한 헤더 인터렉션
• TouchVelocity를 사용한 헤더 인터렉션
• 리스트를 밀면 나타나는 Context 메뉴만들기

6. 인터렉티브 컴포넌트와 통신

• 액션 영역 그룹핑
• Condition 사용한 체크박스 컴포넌트 만들기
• Send / Receive Trigger를 통한 제어와 통신

7. Variable 사용한 인터렉션 (1)

• 역방향 페이지 스크롤 인터렉션
• iOS Background Blur 효과 사용하기
• 변수 사용한 로그인 화면 비밀번호 입력 표현
• 변화하는 변수값을 화면에 표시하기

8. Variable 사용한 인터렉션 (2)

• 슬라이더에 의해 값이 변화하는 인터렉션
• 하단메뉴 마이크로 인터렉션
• 3D Rotate 카드 인터렉션

9. Variable 사용한 인터렉션 (3)

• 원형 그래프 인터렉션 만들기
• 화면의 스크롤 값을 변수에 넣어서 보기
• Range를 사용한 인터렉션

10. Input / Return 트리거 사용과 반복 애니메이션

• 입력창과 디바이스 키패드의 사용
• 비밀번호 입력화면 실습
• 타임라인 애니메이션: 반복효과 등