Principle - Realistic Animations & Prototypes

In this lesson I will give you an overview of the Principle user interface. Let's go over all the options available and learn some time saving shortcuts in the process.

In this lesson we will explore all features for the preview panel and how to export your animations.

In this lesson we will learn how to group elements together and how groups behave in Principle.

In this lesson we will go over the Insert toolbar menu option. Let's talk about Artboards, Shapes, and Text elements.

In this lesson we will learn to work with Masks in Principle.

In this lesson we will learn how to import different types of assets inside your projects in Principle.

In this lesson we will learn how to import assets from Sketch using copy and paste and the built in import feature in Principle. Also, let's learn how to hide artboards and merge groups into a single layer.

In this lesson we will learn how to import assets from Figma an online vector collaboration tool for creative teams.

NOTE: This feature was introduced in Principle version 5

In this lesson we will learn the basics about Events and Transitions. Learn about the animate panel and how to use it to control your animations.

In this lesson we will explore properties in the animation panel and how to work with them.

In this lesson we will explore circular animations and create a clock face for Apple Watch.

In this lesson we will create an animated circular spinner that can be used to communicated content loading, waiting time between actions, and more.

In this lesson we will enhance our Circular Spinner animation making it more interesting.

In this lesson you are going to learn how to drag and drop elements applying transitions and effects to them.

In this lesson we will learn how to scroll content in Principle. Scroll horizontal and vertical content.

In this lesson we will learn more about the Drivers panel and how to use it to change the behavior of your animations.

In this lesson we will use Drivers to simulate a circular solar system animation while dragging an element.

In this lesson we will learn how to use the Pagination event in Principle. We will also use Drivers to enhance our project.

In this lesson we are going to simulate the popular parallax effect using Principle. Let's create two examples together.

In this lesson we will learn about how to share your animations in Principle.

In this lesson we will learn more about components and why they are important for your workflows.

In this lesson we will learn how use components in principle. Let's create our first component.

In this lesson we will learn how to create a switcher button. Users can use this kind of button to turn on and off features in an application.

In this lesson we will learn how to create a slider component with value indicator.

In this lesson we will create a button with the "ripple effect", the touch effect mostly found on Google's Material Design System.

In this lesson we will learn how to duplicate a component and how we can modify an existing component to behave a little different from the original one.

In this lesson we will learn how connect components to artboards and to other components.

In this lesson we will simulate text input and talk about some limitations in Principle.

In this lesson I will give you an overview of the Yummy Yucky application prototype we will build together during this section of the course.

In this lesson we will create the first screen for our application. You will learn how to use the assets in the resources and how to match your project with the original design.

In this lesson we will create the screen that it will display the app food choices.

In this lesson we will create our food card component using page for a little of scroll effect and drivers to unveil positive and negative events.

In this lesson we will polish our card component and add some effects for positive and negative events (yummy and yucky).

In this lesson we will add transition between our available food choices.

In this lesson we will create a screen to display the food choices app users made while using the application.

In this lesson we will include some interaction for the food menu items. Users should be able to delete saved cards.

In this lesson I will give you an overview of the Moviegoer application we will build together during this section of the course.

In this lesson we will build a circular progress indicator using masks and angles. We will also create an animation to display the Moviegoer logo once the application is loaded.

In this lesson we will build our log-in screen using components for buttons and input types.

NOTE: Use the start.zip file provided to follow the lesson.

In this lesson we will build the reset password screen.

NOTE: Use the start.zip file provided to follow the lesson.

In this lesson we will build the create an account screen for our application.

NOTE: Use the start.zip file provided to follow the lesson.

In this lesson we will build our application main screen with movie highlights, in theaters section, and your favorites.

In this lesson we will learn how to create the list of movies component with the Pagination event.

In this lesson we will learn how to create the trending movies interaction.

In this lesson we will build the movie detail screen with all information about a movie, video trailer, and a list of related materials.

In this lesson we will learn how to play a movie trailer in Principle.

In this lesson we will create a button that let users favorite a movie.

In this lesson we will build a sidebar component with the application menu options.

In this lesson we will build the sidebar list of favorites section.

In this lesson we will create the sign-out feature with a confirmation screen.

In this lesson you will learn how to share your prototypes and interactions as an image or video.

In this lesson you will learn how to share your animation projects as a Macintosh Application. This allows you to share in high fidelity and let users experience the full potential of your prototypes.

In this lesson you will get to know Principle Mirror the iOS app from the principle creator that lets you share your prototypes with iOS devices (iPod Touch, iPhone, and iPad).

In this lesson we will go over all we learn together during this course.

NOTE: What can we use principle for?

- Create prototypes to sell your designs
- Communicate micro-interactions
- Communicate with engineering teams and stakeholders
- Keynote presentations
- Experimental animations