[오리가미 스튜디오 Basic 01] 소개 Introduction

오리가미 스튜디오Origami Studio는 모던 인터페이스 디자인을 위한 프로토타이핑 툴입니다. 페이스북Facebook 디자이너들이 만들고 사용 중인 프로토타이핑 툴로써, 특히 인터랙션, 애니메이션 및 동작을 위한 프로토타입을 구현하기에 적합한 툴입니다. 

[오리가미 스튜디오 Basic] 목차

1. 소개 Introduction

2. 패치 Patches

3. 레이어 Layers

4. 인터랙션 Interaction

5. 상태 State

6. 애니메이션 Animation

7. 미리보기 & 공유하기 Previewing & Sharing

1. 소개 Introduction

오리가미 스튜디오에는 4개의 메인 패널이 있습니다.

패치 에디터 Patch Editor

패치patches라고 부르는 블록을 사용하여 인터랙션interaction, 애니메이션animation, 동작behavior을 프로토타입에 추가합니다.

레이어 Layers

프로토타입에 있는 레이어 목록입니다. 툴바에 +버튼으로 새로운 레이어를 추가하세요. 레이어를 선택하고 우측 상단의 속성창에서 속성값을 조정할 수 있습니다. 레이어에 인터랙션을 추가하려면 해당 레이어 위에 마우스를 올려놓고 "Touch" 버튼을 클릭하여 탭Tap, 스크롤Scroll, 스와이프Swipe 등을 선택합니다. 

뷰어 Viewer

프로토타입을 보면서 인터랙션하는 곳입니다.

패치 라이브러리 Patch Library

모든 패치 및 해당 설명 목록을 봅니다. 패치 라이브러리를 열려면 패치 에디터를 두 번 클릭하거나 리턴return키를 누르세요. 프로토타입에 패치를 추가하려면 패치를 선택하고 리턴return 키를 누릅니다. 

원문: origami studio - introduction

Refresh Studio

해외 최신 웹/모바일/UX 디자인 글과 동향을 소개해 드립니다.