by Andy Anderson | Publisher: O'Reilly Media, Inc. | Release Date: April 2018 | ISBN: 9781492035541

Today's world is all about smart phone and computers, but creating the apps and websites that run on these devices can take a year or more to complete. Prototypes are typically non-functioning models of apps and websites that give developers and designers the edge on this lengthy creation process. Why? Because prototypes can be assembled in as little as a single day, saving them time and money. This course teaches you how to use Origami, a prototyping tool created by designers at Facebook that makes it easy to create prototypes for smart apps and websites. You'll explore Origami's interface, learn the principles of prototyping, and gain experience assembling and disseminating a basic prototype.Learn to use Origami, the prototyping tool built by designers at FacebookDiscover what a prototype is and how to organize for the construction of a prototypeUnderstand where prototypes fit into the workflow of project developmentSee how developers and designers use prototypes in the development of final productsLearn how to share your project with other developersUnderstand how to build a process without having to write codeProfessor Andy Anderson is the author of dozens of best-selling books and videos, including the O'Reilly titles Learn to Use Photoshop CC 2017 and Prototyping with Figma. Funny, engaging, and always on point, Andy runs One-of-a-Kind Productions, where he's worked with and trained thousands of people in the areas of photography, animation, graphics, and web design over the past 25 years.

1. Introduction
   • Introduction 00:01:15
   • About your instructor 00:03:44
   • What is Origami? 00:03:46
2. Getting Started
   • Chapter 2 Introduction 00:00:48
   • The Origami Interface 00:04:28
   • Understanding the Patch Editor 00:04:46
   • Organizing the Project 00:04:54
   • Using the Patch Editor 00:07:10
3. The Origami Toolset
   • Chapter 3 Introduction 00:00:33
   • Beginning a Project 00:03:48
   • Designing the Screens 00:04:58
   • Creating Separate View Screens 00:04:53
   • Adding Life to the Deisgn 00:03:05
4. The Role of Coding in Origami
   • Chapter 4 Introduction 00:01:03
   • Laying the Foundation 00:08:17
   • Interaction & Hit Areas 00:06:24
   • Working with Dismiss 00:06:16
   • Quiting the App 00:02:22
5. Building Complexity into the Design
   • Chapter 5 Introduction 00:00:33
   • Adding a Video Screen 00:08:50
   • Controlling the Video 00:08:05
   • Finishing up the Video Screen 00:07:27
   • Creating a Scrolling Screen 00:07:45
   • Working with Interactive Text 00:08:39
   • Finishing Up Recipe Notes 00:06:02
6. Sharing an Origami Prototype
   • Chapter 6 Introduction 00:01:02
   • Sharing the Prototype 00:02:36
   • Using Live Preview 00:02:31
7. Final Thoughts
   • Conclusion 00:01:50