프로토파이 스튜디오 인터페이스

프로토파이 스튜디오에는 쉽게 탐색할 수 있는 간단한 인터페이스가 있습니다. 이 페이지에서는 인터페이스의 주요 구성 요소에 대해 자세히 설명합니다.

인터페이스에 이미 익숙하신가요? 첫 번째 프로토타입을 만드는 방법에 대해 자세히 알아보려면 여기를 클릭하세요!

대시보드(Dashboard)

프로토파이 스튜디오에 로그인하면 대시보드가 사용자를 맞이합니다. 대시보드를 사용하여 최근 프로토타입(파이)을 열람하고, 새 파이를 만들고, 로컬 또는 클라우드 기반 파이에 액세스할 수 있습니다.

• 최근 파이(Recent Pies): 최근 파이 섹션에서는 최근에 액세스한 프로토타입을 쉽게 찾아서 열 수 있습니다. 이렇게 하면 진행 중인 프로젝트에 빠르게 액세스할 수 있습니다.
  • 삭제(Delete): 이 옵션을 선택하면 컴퓨터나 클라우드 페이지에서 파이가 영구적으로 삭제됩니다.
  • 최근 파이에서 제거(Remove from Recent): 최근에 본 파이 목록에서 파이를 제거하려는 경우 "최근 파이에서 제거" 옵션을 선택합니다.
• 새 파이(New Pie): 새 파이 만들기를 시작하려면 사용 가능한 두 개의 새 파이 버튼 중 하나를 선택합니다. 또한 첫 번째 프로토타입을 만드는 방법에 대해 자세히 알아보려면 여기를 클릭하세요!

학습(Learn)

프로토파이 스튜디오의 "학습" 탭을 살펴보세요. 이 탭에서는 프로토파이에 대한 최상의 학습 자료를 찾아볼 수 있습니다. 로그인하면 프로토타이핑 여정을 시작하는 데 도움이 되는 많은 리소스를 찾아볼 수 있습니다. 예를 들면 다음과 같습니다.

• 상호작용 템플릿(Interaction Templates): 프로토파이에서 곧바로 상호작용 템플릿을 엽니다. 상호작용을 만든 방법을 보거나 상호작용을 재사용합니다.
• 프로토타입 갤러리(Prototype Gallery): 다른 프로토파이 사용자가 만든 프로토타입을 탐색하면서 영감을 얻을 수 있습니다.
• 빠른 시작 과정(Quick Start Courses): 프로가 되는 데 도움이 되는 필수적인 기능에 대한 5~7분 분량의 자습서입니다.
• 팁과 요령(Tips & Tricks): 진정한 프로토파이 전문가가 되는 여정에서 .필요한 도움을 제공합니다.
• 이벤트(Events): 프로토파이의 라이브 이벤트를 확인합니다. 프로토파이 전문가와 고객으로부터 모범 사례와 업계 동향을 알아봅니다.

지원(Support)

도움이 필요하거나 피드백을 보내고 싶으신가요? 블로그를 방문하거나, 전용 설명서를 읽거나, 기능 요청을 제출 또는 투표하거나, 프로토파이어니어스(ProtoPioneers) 커뮤니티에 가입하여 다른 프로토파이 사용자로부터 배울 수 있습니다.

Prototyping in ProtoPie Studio

1. Layer Panel

레이어 패널에는 Scene별로 레이어가 정렬되어 있습니다. Scene에 대한 자세한 사항은 다음 링크를 참고하십시오.

레이어 패널에서는 레이어의 순서를 바꾸거나, 이름을 변경하거나, 특정 레이어를 잠그거나 해제할 수 있고, 가리거나 표시할 수도 있습니다.

Figma, Sketch, Adobe XD에서 디자인을 임포트했을 때, 레이어 패널에는 레이어 순서가 그대로 유지되어 나타납니다. 임포트에 대한 자세한 사항은 다음 링크를 참고하십시오.

2. Scene Panel

좌측 첫번째 아이콘을 클릭하면 Scene 패널이 표시됩니다. 프로토타입 내 모든 Scene을 확인할 수 있고, 원하는 Scene으로 바로 이동하거나, Scene의 순서를 변경할 수도 있습니다.

Scene에 대한 자세한 사항은 다음 링크를 참고하십시오.

3. Canvas

Canvas에는 Scene과 그 안에 포함된 레이어가 나타나며, 한번에 하나의 Scene만 표시됩니다.

Canvas에 레이어를 추가하는 방법은 다양합니다. 원하는 레이어를 직접 생성하거나, 다른 디자인 툴에서 임포트할 수도 있습니다. 레이어에 대한 자세한 사항은 다음 링크를 참고해주십시오.

스페이스바를 누른 상태에서 클릭 후 드래그하면 캔버스를 원하는 방향으로 움직일 수 있습니다.

4. Property Panel

속성 패널에는 선택한 Scene, Layer, Trigger, Response의 속성이 나타납니다. 여러 개의 레이어를 선택했을 경우 그들의 공통 속성이 표시됩니다.

5. Interaction Panel

인터랙션 패널에는 Trigger 및 Response가 나타납니다. 하나의 Trigger에 여러 개의 Response를 추가할 수도 있습니다.

해당 Scene에 추가된 모든 인터랙션이 패널에 표시됩니다. 레이어 패널과는 달리, 인터랙션 순서는 무방합니다.

인터랙션 제작에 대한 자세한 사항은 다음 링크를 참고하십시오.

6. Timeline

특정 인터랙션의 지속 시간, 지연 시간, 반복 여부 등을 확인할 수 있습니다. 속성 패널에서 관련 속성을 변경하면 자동으로 타임라인에 적용되어 나타납니다.

타임라인에 대한 자세한 사항은 다음 링크를 참고하십시오.

7. Preview Window

프리뷰 창에서 프로토타입을 실행해볼 수 있습니다. 인터랙션이 어떻게 작동하는지, 원하는 방향으로 작동하는지 등을 프리뷰 창에서 확인할 수 있습니다.

레이어나 인터랙션을 편집할 경우, 프리뷰 창에도 자동으로 적용되어 나타납니다.

8. Toolbar

툴바를 이용하면 다음 기능들에 쉽게 접근할 수 있습니다.

• 레이어를 추가합니다.
• 기기 타입을 변경합니다.
• 프리뷰 창을 엽니다.
• 프로토타입을 ProtoPie Player에서 엽니다.
• 프로토타입을 ProtoPie Cloud에 업로드합니다.

9. Component Panel

좌측 두번째 아이콘을 클릭하면 컴포넌트 패널이 표시됩니다. 기본 컴포넌트와 라이브러리에 저장된 컴포넌트들을 모두 확인할 수 있습니다.

컴포넌트와 Interaction Library에 대한 자세한 사항은 링크를 참고하십시오.

10. Variable Panel

좌측 하단 Variables을 클릭하면 패널이 나타납니다. 특정 Scene에 사용된 Variable 및 전체 Scene에 사용된 Variable 모두 확인할 수 있습니다.

Variable에 대한 자세한 사항은 다음 링크를 참고하십시오.

기본 설정(Preferences)

일반(General)

이 섹션에서는 언어, 모양, 캔버스 배경색을 포함하여 프로토파이 스튜디오의 일반 설정을 조정할 수 있습니다. 현재 프로토파이 스튜디오는 영어, 일본어, 중국어를 지원합니다.

장면(Scene)

파이를 처음 만들기 시작할 때 사용할 기본 장치를 설정합니다. 사전 설정 목록에서 기본 장치 중 하나를 선택하거나 고유의 장치를 사용자 지정할 수 있습니다. 프로토파이 스튜디오 내부에서 지원되는 장치에 대해 자세히 알아보려면 여기를 클릭하세요.

네트워크(Network)

프로토파이 스튜디오의 프록시(Proxy) 설정은 초기에 '프록시 없음(No Proxy)'으로 설정되어 있습니다. 회사에서 프록시 서버를 사용하는 경우 프로토파이로 작업할 수 있도록 프록시 설정을 구성하는 방법에 대한 지침을 참조하려면 여기를 클릭하세요.

랩(Labs)

랩에서는 최신 베타 기능을 활성화하여 테스트합니다. 베타 기능에 관한 피드백을 보내고 싶으신 경우 ‘문제 보고(Report an issue)’ 양식을 작성하여 프로토파이 스튜디오 내에서 쉽게 문제를 보고할 수 있습니다.

또는 여기를 클릭하여 프로토파이어니어스 커뮤니티에 가입하고 의견을 공유할 수도 있습니다.