View on GitHub

Prototype On Xcode

Create application prototype using Xcode Storyboard

샘플 프로토타입 동영상

PilotPlant를 이용해 만든 프로토타입 동영상입니다. PilotPlant는 Xcode 스토리보드를 이용해 정확한 프로토타입을 만들 수 있도록 도와주는 라이브러리입니다.

위 동영상은 2013년 2학기 수업 결과물입니다. 여기에서 더 많은 샘플을 볼 수 있습니다.

정확한 프로토타입 만들기

PilotPlant는 iOS 앱 개발 도구인 Xcode를 활용한 프로토타입 도구입니다.

개발도구인 Xcode를 이용하는 만큼 사용법은 다른 프로토타입 툴에 비해 어렵지만, Objective-C 언어를 이용해 코딩을 할 필요는 없기 때문에 기획자나 디자이너가 동기 부여만 잘 되어 있다면 충분히 익혀서 사용할 수 있습니다.

Xcode를 이용해 프로토타입을 만드는 가장 큰 이유는 '정확한' 프로토타입을 만들 수 있기 때문입니다.

자유도가 높은 다른 프로토타입 도구와 달리, Xcode로 만든 프로토타입은 실제 앱을 만드는 데 사용하는 UI요소들을 사용하며 그 동작방식을 준수하는 방식으로 프로토타입이 제작됩니다.

PilotPlant는 프로토타입을 위해 Xcode에 라이브러리를 추가한 것이므로, 앱의 구현을 염두에 둔 정확한 프로토타입을 만들 수 있도록 도와줍니다.

프로토타입 제작 프로세스

1. 앱 정의하기

2. 유저 멘탈 모델

3. 더미데이터 만들기

4. PilotPlant 이용해 프로토타입

참여하기

PilotPlant는 사용자와 개발자의 참여를 환영합니다.

기능 요청하기

PilotPlant 라이브러리의 이슈 페이지에 PilotPlant의 문제점이나 기능 개선 요청 사항을 적어주시면 적극적으로 대응하겠습니다.

개발자 참여신청

PilotPlant 라이브러리 개발 프로젝트에 참여하고 싶은 개발자는 메일을 통해 참여의사를 밝혀주시면 초청장을 보내드리겠습니다. (repository : Bitbucket)

기본 개념 익히기

Xcode 설치하기

스토리보드 살펴보기

알아두면 좋은 개념들

Global Tint 설정하기

PilotPlant 가이드라인

MyIssue 1단계 - 목업 스케치에 생명을

MyIssue 2단계 - 간단한 프로토타이핑 Page 1 Page 2

ReadOnPage - 세밀한 프로토타이핑

PilotPlant 레퍼런스

웹 페이지 표시하기

큰 이미지 표시하기

지도 표시하기

피커 표시하기

페이징 표시하기

긴 콘텐트 표시하기

사이드 메뉴 기반으로 프로토타입 만들기

Back 버튼 숨기기