홈앤서비스 SK BROADBAND

Chapter 1. UX/UI디자인과 프로토타이핑
1.1 프로토타이핑이란?
1.2 High-Fidelity 프로토타이핑

Chapter 2. ProtoPie에 관하여
2.1 ProtoPie의 특징
2.1.1 개발자의 도움 없이 제작 가능
2.1.2 정교한 인터랙션 구현이 가능
2.1.3 실제 스마트폰의 센서를 이용한 구현이 가능
2.1.4 객체지향성의 성격
2.2 ProtoPie가 동작하는 방식(콘셉트 모델)

Chapter 3. ProtoPie 시작하기
3.1 ProtorPie 실행하기
3.1.1 초기 화면
3.1.2 계정 정보 화면
3.1.3 환경설정
3.2 주요 메뉴 구성
3.2.1 기본 화면

Chapter 4. 오브젝트와 레이어 다루기
4.1 이미지
4.2 비디오 & 오디오
4.3 모양 오브젝트
4.4 텍스트 레이어
4.5 컨테이너

Chapter 5 기본 인터랙션 학습
5.1 ProtoPie 인터랙션의 기본 개념 알아두기
5.1.1 Scroll
5.1.2 Paging
5.1.3 Touch 트리거
5.1.4 Conditional 트리거84
5.1.5 Mouse 트리거
5.1.6 Key트리거
5.1.7 Input 트리거
5.1.8 Sensor트리거
5.1.9 Response
5.1.10 Timeline / Valueline
5.1.11 Scene
5.1.12 Preview Screen
5.2 Formula
5.2.1 변수 Variable
5.2.2 Formula 문법
5.3 Connect to Play
5.3.1. ProtoPie Player
5.4 Animation Curve
5.4.1 Easing
5.5 Import Project
5.5.1 Adobe XD Import
5.5.2 Figma Import
5.5.3 Sketch Import(MacOS)

Chapter 6. 인터랙션 실습해보기
6.1 응용 인터랙션 만들어보기
6.1.1 ON /OFF 버튼 만들기
6.1.2 마우스에 반응하는 버튼 만들기
6.1.3 가로 및 세로로 스크롤되는 박스
6.1.4 아래로 당기면 나오는 메뉴 박스
6.1.5 나타났다 사라지는 팝업창
6.1.6 화면 밖에서 들어오는 사이드 메뉴
6.2 샘플 프로젝트
6.2.1 프로젝트 계획 세우기
6.2.2 디자인 불러오기
6.2.3 레이어 정리와 속성 부여하기
6.2.4 인터랙션 구성하기
6.2.5 Scene 이동 인터랙션 구현하기
6.2.6 보조 인터랙션 구현하기
6.2.7 메인화면 레이어 정리하기
6.2.8 컨테이너로 스크롤 영역 설정하기
6.2.9 스크롤에 반응하는 타이틀 영역
6.2.10 상세 페이지 Scene 정리하기
6.2.11 메인과 상세 페이지 이동 구현하기
6.2.12 사이드 메뉴 만들기

Chapter 7. 고급 활용
7.1 Connect Device
7.1.1 Send 프로젝트 만들기
7.1.2 Receive 프로젝트 만들기
7.2 Cloud

Chapter 8. Version 4에서 추가된 기능
8.1 주요 변경 내용
8.2 Component
8.2.1 반응하는 버튼 만들기
8.2.2 되돌아오는 버튼 만들기
8.2.3 컴포넌트로 만들기
8.2.4 컴포넌트의 수정
8.2.5 컴포넌트끼리 연동되는 인터렉션 구현하기

Chapter 9. 일반 팁 및 요령

Chapter 10. Formula 정리
10.1 Functions
10.1.1 Text Manipulation
10.1.2 Math
10.1.3 Color
10.1.4 Type Conversion

Chapter 11. 단축키