오리가미 스튜디오Origami Studio는 모던 인터페이스 디자인을 위한 프로토타이핑 툴입니다. 페이스북Facebook 디자이너들이 만들고 사용 중인 프로토타이핑 툴로써, 특히 인터랙션, 애니메이션 및 동작을 위한 프로토타입을 구현하기에 적합한 툴입니다.
[오리가미 스튜디오 Basic] 목차
1. 소개 Introduction
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 디자인 글과 동향을 소개해 드립니다.
'Origami + Studio ' 카테고리의 다른 글
[오리가미 스튜디오 Basic 07] 미리보기 & 공유하기 Previewing & Sharing (0) | 2017.01.13 |
---|---|
[오리가미 스튜디오 Basic 06] 애니메이션 Animation (0) | 2016.12.30 |
[오리가미 스튜디오 Basic 05] 상태 State (0) | 2016.12.28 |
[오리가미 스튜디오 Basic 04] 인터랙션 Interaction (0) | 2016.12.26 |
[오리가미 스튜디오 Basic 03] 레이어 Layers (0) | 2016.12.23 |
[오리가미 스튜디오 Basic 02] 패치 Patches (0) | 2016.12.20 |