현재 UX 디자인 시장에 다양한 프로토타이핑 툴이 소개되고 있는 가운데, 디자인 부분은 Sketch, Adobe XD 그리고 Photoshop 등이 주요 시장을 형성하고 있으며, 이를 고품질 프로토타이핑(High-Fidelity)으로 구현하여 고객사 및 제작사와 높은 수준의 인터랙션을 확인할 수 있는 소프트웨어인 Flinto, Principle 등과 같은 소프트웨어들이 사용되고 있습니다. 이러한 시장의 변화 속에 등장한 프로토타이핑 소프트웨어인 ProtoPie는 시장이 요구하는 다채로운 기능을 탄탄히 갖춘 매우 흥미로운 프로그램이라고 볼 수 있습니다.. ProtoPie는 Studio XID에서 출시한 High-Fidelity 프로토타이핑 소프트웨어로써 경쟁 소프트웨어에 비해 가볍고 저렴한 제품 가격, Windows와 Mac은 물론 Sketch와 Adobe XD 등 주요 소프트웨어와 호환성을 확보하고 있는 등 경쟁 제품에 비해 뛰어난 확장성과 경쟁력을 가지고 있는 소프트웨어입니다. 고도화되고 있는 UX 디자인 분야에 탁월하게 대응하는 유연한 소프트웨어이자 강력한 인터랙티브 콘텐츠 저작 도구로써 지속적인 업데이트와 서드파티의 지원을 통해 성장해 나아가고 있는 만큼 이 책을 통해 높은 효용과 방대한 가능성을 여러분의 것으로 만들 수 있게 되기를 바랍니다. [이 책의 특징] - 자세한 실습과 예제를 통해 기본부터 쉽고 탄탄하게 익힐 수 있습니다. - 각 과정의 상세한 설명과 함께 그에 대한 이유를 설명하여 논리적인 이해도를 높혔습니다. - 반복되는 내용도 꾸준히 표기하여 책을 이리저리 찾지 않아도 쉽게 학습에 집중할 수 있습니다. [이 책이 필요한 독자] - 실제와 같은 고정밀 프로토타입을 만들고자 하는 기획자 - 복잡한 개발 과정을 거치지 않고 높은 수준의 프로토타이핑을 구현하고자 하는 디자이너 - 새로운 인터랙션 모델을 신속하게 구현하고자 하는 개발자 [독자대상] 초중급

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. 단축키