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

ProtoPie/ProtoPie 튜토리얼 3

컨테이너를 사용하여 스크롤 만들기

안녕하세요. 블로그 관리자입니다. 프로토파이(Protopie)에서 컨테이너를 이용하여 스크롤을 만들 수 있습니다. 컨테이너란 무엇입니까? 컨테이너는 다수의 레이어들을 그룹핑([command] + [G])하여 한 번에 제어하거나 스크롤이나 페이징 인터랙션을 만드는 용도로 사용할 수 있습니다. 컨테이너를 사용하여 스크롤 만들기 1. 스크롤을 적용할 리스트를 생성합니다. 2. 스크롤 컨테이너를 생성합니다. 3. 컨테이너의 영역을 선택 및 드래그하여 지정합니다. 4. 리스트 레이어들을 모두 선택하고 스크롤 컨테이너 안으로 드래그하여 이동 시킵니다. 레이어 선택하여 스크롤 컨테이너 안으로 이동 이동 완료 5. Preview 창에서 스크롤을 직접 확인할 수 있습니다. Properties 1. Direction : ..

프로토파이(Protopie) Duration과 Start Delay 값 조절하여 다양한 인터랙션 만들기

안녕하세요. 블로그 관리자입니다. 프로토파이(Protopie)의 Duration과 Start Delay 값을 설정하여 다양한 느낌의 인터랙션을 만들 수 있습니다. 아래 패널에서 Duration, Start Delay 항목에 수치를 입력하여 세밀하게 조절할 수 있습니다. 또한 값이 변경될 때마다 타임라인에서도 Duration과 Start Delay 값을 시각화해서 확인할 수 있습니다. 자유롭게 조절도 가능합니다. 프로토파이(Protopie)를 통해 Duration 값과 Start Delay 값만 변경해도 다양한 느낌의 인터랙션을 만들 수 있습니다. 프로토파이(Protopie) 문의 : Protopie@tangunsoft.com

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

안녕하세요. 단군소프트 블로그 관리자 입니다. 프로토파이(Protopie)를 이용하면 디자이너는 가장 빠르고 손쉽게 코딩없이 인터렉션을 제작할 수 있습니다. 구현 정도와 퀄리티에 따라 Low-Fidelity ~ High Fidelity로 나뉘는데 프로토파이(Protopie)는 Hi-Fi 프로토타입 툴로써 말로는 설명하기 어려운 디테일한 인터랙션을 바로 손쉽게 구현할 수 있습니다. 프로토파이(Protopie)의 인터렉션 구성은 오브젝트 + 트리거 + 리스폰스로 되어있습니다. 디자이너가 "네모를 탭하면 여기로 움직이게 해주세요"라고 인터랙션을 설명할 때 아래와 같이 오브젝트, 트리거, 리스폰스로 구성이 됩니다. 오브젝트 생성하기 프로토파이(Protopie)에서 오브젝트인 Ractangle을 하나 생성합니다...