DesignOps : 효율적인 업무 프로세스 자세히보기

ProtoPie/ProtoPie 튜토리얼

프로토파이(Protopie)란 무엇입니까?

단군소프트 2020. 6. 25. 18:13

안녕하세요. 단군소프트 블로그 관리자 입니다.

프로토파이(Protopie)를 이용하면 디자이너는 가장 빠르고 손쉽게 코딩없이 인터렉션을 제작할 수 있습니다.

구현 정도와 퀄리티에 따라 Low-Fidelity ~ High Fidelity로 나뉘는데 프로토파이(Protopie)는 Hi-Fi 프로토타입 툴로써

말로는 설명하기 어려운 디테일한 인터랙션을 바로 손쉽게 구현할 수 있습니다.

프로토파이(Protopie)의 인터렉션 구성은 오브젝트 + 트리거 + 리스폰스로 되어있습니다.

프로토파이(Protopie) 인터렉션 구성

디자이너가 "네모를 탭하면 여기로 움직이게 해주세요"라고 인터랙션을 설명할 때 아래와 같이 오브젝트, 트리거, 리스폰스로 구성이 됩니다.


오브젝트 생성하기

프로토파이(Protopie)에서 오브젝트인 Ractangle을 하나 생성합니다.

트리거 추가하기

Add Trigger를 눌러 Tap을 선택합니다.

리스폰스 지정하기

Move라는 리스폰스를 지정합니다.

오브젝트가 이동할 X, Y 값을 입력해주면 끝입니다.

결과

프로토파이(Protopie) Preview를 이용하면 인터랙션을 바로 확인할 수 있습니다.

프로토파이(Protopie) Preview

프로토파이(Protopie) 기업용 문의 : Protopie@tangunsoft.com