본문 바로가기

리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

ProtoPie 가이드북 상세페이지

컴퓨터/IT 컴퓨터/앱 활용 ,   컴퓨터/IT 개발/프로그래밍

ProtoPie 가이드북

UI/UX 디자인에 강한 파워업 프로토타이핑 도구
소장종이책 정가24,000
전자책 정가20%19,200
판매가19,200
ProtoPie 가이드북 표지 이미지

ProtoPie 가이드북작품 소개

<ProtoPie 가이드북> UI/UX 디자인에 강한 파워업 프로토타이핑 도구

ProtoPie는 고도화되고 있는 UX 디자인 분야에 탁월하게 대응하는 High-Fidelity 프로토파이핑 소프트웨어이자 강력한 인터랙티브 콘텐츠 저작도구로서 코드를 사용하지 않고도 실제에 가까운 프로토타이핑 제품을 구현할 수 있다.

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

이 책의 특징
- 자세한 실습과 예제를 통해 기본부터 쉽고 탄탄하게 익힐 수 있습니다.
- 각 과정의 상세한 설명과 함께 그에 대한 이유를 설명하여 논리적인 이해도를 높혔습니다.
- 반복되는 내용도 꾸준히 표기하여 책을 이리저리 찾지 않아도 쉽게 학습에 집중할 수 있습니다.

이 책이 필요한 독자
- 실제와 같은 고정밀 프로토타입을 만들고자 하는 기획자
- 복잡한 개발 과정을 거치지 않고 높은 수준의 프로토타이핑을 구현하고자 하는 디자이너
- 새로운 인터랙션 모델을 신속하게 구현하고자 하는 개발자


출판사 서평

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

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


저자 소개

나재휘

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

오성수

홍익대학교에서 인터랙션 디자인을 전공하고 광고 그룹인 퍼블리시스에서 8년간 디자이너로 일했다. 홍익대학교, IDAS, 동아대학교에서 디자인 강의를 했으며 현재 대한민국 디자인 전람회 추천 디자이너이자 바이널엑스 수석 디자이너이다.

목차

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


리뷰

구매자 별점

0.0

점수비율
  • 5
  • 4
  • 3
  • 2
  • 1

0명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기

spinner
모바일 버전