Google은 어떤 온라인 검색이든 가장 든든한 친구인 것처럼, ProtoPie는 고충실도 프로토타입을 위한 사실적인 인터랙션을 만드는 데 가장 먼저 떠올릴 프로토타이핑 도구가 되도록 설계되었습니다. 하지만 이 특성은 결국 양날의 검이 되었습니다. 한편으로 ProtoPie는 현실적인 페이지 내 마이크로 인터랙션이 있는 최첨단 고충실도 프로토타입을 만들 수 있게 해줍니다. 다른 한편으로는 추가 응답을 사용하지 않고 씬 간 커스텀 전환을 만드는 것이 항상 매우 직관적인 것은 아니었습니다.
여러분 중 일부가 ProtoPie 커뮤니티와 가장 많은 추천을 받은 기능 요청에서 지적했듯이, ProtoPie에서 간단한 씬 전환을 만드는 데는 마땅히 걸려야 할 시간보다 더 많은 시간이 들었습니다.
ProtoPie 6.1은 이 모든 번거로움의 끝을 의미합니다. Smart Jump를 사용하면 씬 간 커스텀 전환을 번거로움 없이 만들 수 있습니다. 그뿐만이 아닙니다—Figma의 프레임 간 인터랙션도 ProtoPie로 가져와 Jump 응답으로 변환할 수 있습니다
Smart Jump란 정확히 무엇인가요?
Smart Jump는 Jump 응답의 일부인 새로운 전환 유형입니다. 일치하는 오브젝트를 자동으로 애니메이션하여 씬 전환을 빠르게 만들 수 있게 해줍니다.
Smart Jump를 사용하면 다음과 같은 인터랙션을 쉽게 만들 수 있습니다:
오버레이 확장
스켈레톤 로더
당겨서 새로고침
길게 누르기 메뉴
...그리고 더 많습니다!
방법을 알아보세요.
자세히 알아보기 Jump 응답에 대해.
Smart Jump는 어떻게 작동하나요?
Figma의 Smart Animate처럼, Smart Jump는 씬 전반의 일치하는 레이어 간 차이점을 식별하고 이를 자동으로 애니메이션합니다.
이러한 차이에는 다음 속성의 변경이 포함될 수 있습니다:
위치
크기
회전
불투명도
반경
채우기
테두리
그림자
스크롤
ProtoPie는 두 씬에서 각 레이어의 이름과 레이어 계층 구조 를 바탕으로 어떤 레이어가 서로 일치하는지 알 수 있습니다.
예를 들어, 씬 A와 씬 B에 같은 아이콘이 있지만 위치가 다르다고 해봅시다. Smart 전환이 적용된 Jump 응답을 사용해 씬 A에서 씬 B로 점프하면, 이 아이콘은 점프할 때 자동으로 애니메이션됩니다.
ProtoPie 6.1 이전에는 같은 결과를 얻으려면 어느 한 씬 또는 양쪽 씬 모두에 추가 응답이 필요했습니다. 이제는 번거로운 작업을 모두 대신해 주는 단 하나의 Jump 응답만 있으면 됩니다. 지속 시간, 이징, 지연을 조정해 상상하는 어떤 커스터마이징이든 적용할 수 있습니다.
Figma 인터랙션을 Jump 응답으로 가져오기
클릭스루 프로토타입의 시작점으로 Figma를 사용하시나요? ProtoPie에서 이어서 작업하여 클릭스루 프로토타입을 고충실도 프로토타입으로 바꿔보세요.
ProtoPie는 Figma의 프레임 간 인터랙션을 가져오기를 하면 자동으로 Jump 응답으로 변환합니다. 프레임에 Smart Animate 전환이 포함되어 있다면, ProtoPie는 이를 Smart 전환이 적용된 Jump 응답으로 자연스럽게 가져옵니다.
즉, 더 복잡한 인터랙션을 추가하기 전에 ProtoPie에서 씬 간 전환을 다시 만들 필요가 აღარ습니다. 저희가 대신 처리해 드리니, ProtoPie가 가장 잘하는 고충실도 프로토타이핑에 집중하실 수 있습니다.
Smart Jump와 ProtoPie의 다른 고급 기능으로 무엇을 더 구현할 수 있는지 알아보세요.
ProtoPie를 처음 사용하시나요?
ProtoPie 는 디자이너를 위한 가장 쉬운 고충실도 프로토타이핑 도구입니다. UI/UX 디자인 아이디어를 모바일, 데스크톱, 웹, 나아가 IoT까지 아우르는 고충실도 프로토타입으로 바꿔보세요. 코드나 엔지니어의 도움 없이, 매우 현실적이고 실제 제품 같은 프로토타입을 만들어 인터랙션 디자인 아이디어를 탐색, 검증, 테스트할 수 있습니다.
