Origami Studio for UX Design

Description

In this course, you will learn:

• The Origami studio interface
• Working with patches
• Importing content and working with shapes
• Scrolling content
• Animation
• Creating and using loops
• Media & effects
• Device testing and sharing

Syllabus:

• Introduction
• Exercise files

1. The Origami Studio Interface

• Interface
• Target devices
• Viewer
• Layers
• Properties
• Patches
• More patches
• Screens
   

2. Working with Patches

• Patch
• Multiple patches
• Long press
• A ripple effect
• Logic
• Multiple interaction
• Challenge: Wayfinding in an interface
• Solution: Wayfinding in an interface
   

3. Importing Content and Working with Shapes

• Photoshop
• Sketch
• Illustrator
• Text
• Shapes
• Masking
   

4. Scrolling Content

• Vertical scrolling
• Horizontal scrolling
   

5. Animation

• Classic animation
• Pop animation
• Animate a hamburger menu
• Repeating animation
• Timed animation
   

6. Creating and Using Loops

• Simple loop
• More loops
• Interactive loops
• JSON
   

7. Media and Effects

• Audio
• Import video
• Video layer
• Time and duration
• Sliders
• Progress ring
• Particle
   
• 8. Device Testing and Sharings
• Device testing iOS
• Device testing Android
• Share and export

Show more