From the course: Principle for UX Design

Unlock the full course today

Join today to access over 24,700 courses taught by industry experts.

Create a preloader

Create a preloader - Principle Tutorial

From the course: Principle for UX Design

Start my 1-month free trial Buy for my team

Create a preloader

“

- [Instructor] A common design pattern is a Preloader, which is usually represented using a Spinner or a Progress Bar. In this exercise, we're going to create both. To get yourself started, open the Preload file found in your chapter download. We'll start with the Spinner. Essentially, a Spinner is comprised of an element that loops. What this tells you is you need to apply an auto transition between two art boards. So, we're going to work over here. So, we're going to open up the art board for Spinner and we're going to select the art board and add an auto transition to the second art board. Now, what you're going to do is you're going to open the spin element, see it right there, and you can see it's composed of two things, an indicator and a base. So, we're going to take the spin element over here on Spinner two, and we're going to rotate it a full 360 degrees. And, of course, we're going to have this thing spin,…

Contents