ProtoPie 가이드북

ProtoPie 가이드북 

 

부제 UI/UX 디자인에 강한 파워업 프로토타이핑 도구

저자 나재휘, 오성수

 

출간/배본가능일 2019년 8월 30일 

정가 24,000원 

페이지 260

판형 46배판 (188 * 245)

 

ISBN 979-11-90014-42-7 (93000)

 

 

책 소개 

 

UI/UX 디자인에 강한 파워업 프로토타이핑 도구

  

ProtoPie는 고도화되고 있는 UX 디자인 분야에 탁월하게 대응하는 High-Fidelity 프로토파이핑 소프트웨어이자 강력한 인터랙티브 콘텐츠 저작도구로서 코드를 사용하지 않고도 실제에 가까운 프로토타이핑 제품을 구현할 수 있다. 스크롤 터치 반응, 애니메이션 및 사운드 등의 인터랙션을 고품질로 구현해낼 수 있는 것은 물론, 경쟁 제품에 비해 실제 디바이스의 센서를 활용한 반응 및 여러 기기에 반응하는 인터랙션 구현 등이 가능하며 MacOS와 Window 모두를 지원하는 호환성까지 갖추고 있어서 성공적인 제품 출시를 대비한 수준 높은 프로토타이핑 구현과 새로운 인터랙션 연구에 있어서 뛰어난 퍼포먼스를 보여줄 수 있는 완성도 높은 프로토타이핑 소프트웨어이다.

 

이 책은 ProtoPie의 방대한 기능을 보다 쉽게 접근할 수 있도록 가장 쉽게 소개하고, 각각의 기능이 어떻게 응용되는지 함께 설명하여 독자에게 해당 과정의 이해뿐 아니라 원리를 응용하여 활용할 수 있도록 돕고 있다. 더불어 자세하고 긴 분량의 예제를 제공함으로써 눈으로 읽는 것만으로도 해당 프로그램을 이해할 수 있도록 구성했다. 본 책을 통하여 ProtoPie의 활용을 학습할 수 있음은 물론 UX/UI의 시각에서 어떻게 프로젝트를 다루어야 하는지를 엿볼 수 있는 가이드로 활용할 수 있을 것이다.

 

이 책의 특징 

- 자세한 실습과 예제를 통해 기본부터 쉽고 탄탄하게 익힐 수 있다.

- 각 과정의 상세한 설명과 함께 그에 대한 이유를 설명하여 논리적인 이해도를 높혔다.

- 반복되는 내용도 꾸준히 표기하여 책을 이리저리 찾지 않아도 쉽게 학습에 집중할 수 있다.

 

이 책이 필요한 독자 

- 실제와 같은 고정밀 프로토타입을 만들고자 하는 기획자

- 복잡한 개발 과정을 거치지 않고 높은 수준의 프로토타이핑을 구현하고자 하는 디자이너

- 새로운 인터랙션 모델을 신속하게 구현하고자 하는 개발자

 

독자대상 

초중급 

 

소스코드 다운로드 

https://github.com/bjpublic/protopie

 

저자 소개 

나재휘

홍익대학교 조형대학 및 영상대학원에서 디지털미디어 디자인과 인터랙션 디자인을 공부했다. 공공 디자인 및 UX/UI 디자인 분야에서 근무했으며 관련 분야 대학에서 겸임교수 및 초빙교수로 활동 중이다. 그 밖에 미디어 아트 전시와 프로젝트 참여, 기업 강의 등의 활동을 하고 있다.

 

오성수

홍익대학교 조형대학 및 영상대학원에서 디지털미디어 디자인과 인터랙션 디자인을 공부했다. 공공 디자인 및 UX/UI 디자인 분야에서 근무했으며 관련 분야 대학에서 겸임교수 및 초빙교수로 활동 중이다. 그 밖에 미디어 아트 전시와 프로젝트 참여, 기업 강의 등의 활동을 하고 있다.

 

목차

 

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

 

 

 

출판사 리뷰 

현재 UX 디자인 시장에 다양한 프로토타이핑 툴이 소개되고 있는 가운데, 디자인 부분은 Sketch, Adobe XD 그리고 Photoshop 등이 주요 시장을 형성하고 있으며, 이를 고품질 프로토타이핑(High-Fidelity)으로 구현하여 고객사 및 제작사와 높은 수준의 인터랙션을 확인할 수 있는 소프트웨어인 Flinto, Principle 등과 같은 소프트웨어들이 사용되고 있다. 이러한 시장의 변화 속에 등장한 프로토타이핑 소프트웨어인 ProtoPie는 시장이 요구하는 다채로운 기능을 탄탄히 갖춘 매우 흥미로운 프로그램이라고 볼 수 있다.

 

ProtoPie는 Studio XID에서 출시한 High-Fidelity 프로토타이핑 소프트웨어로써 경쟁 소프트웨어에 비해 가볍고 저렴한 제품 가격, Windows와 Mac은 물론 Sketch와 Adobe XD 등 주요 소프트웨어와 호환성을 확보하고 있는 등 경쟁 제품에 비해 뛰어난 확장성과 경쟁력을 가지고 있는 소프트웨어이다. 고도화되고 있는 UX 디자인 분야에 탁월하게 대응하는 유연한 소프트웨어이자 강력한 인터랙티브 콘텐츠 저작 도구로써 지속적인 업데이트와 서드파티의 지원을 통해 성장해 나아가고 있는 만큼 이 책을 통해 높은 효용과 방대한 가능성을 여러분의 것으로 만들 수 있게 되기를 바란다.