From the course: Principle for UX Design (2019)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Create a video player - Principle Tutorial
From the course: Principle for UX Design (2019)
Create a video player
- [Narrator] In this project, we're going to add video to our Principle Interface and video is one of the new additions to Principle so let's take a look at how all that works and get yourself started open the video file found in your chapter download. Now when the file opens, you'll see that I've got four art boards here. Main, pause, play and art board 1. Now there are a couple of ways of bringing video in and I want to show you the bad way first. So would select art board 1 and we select this button right up here, media. Just click it. It's going to ask you to choose the media. This is how you bring in video and we're going to bring in the Hong Kong traffic mp4 file. Click open and what it does is it actually puts the video in the background of the art board and you notice it's just part of the art board. There's no video showing up here at all. This is not good because it will just distort the video and there's no way that you can actually fix it and if I delete it, I delete the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
Drag and drop3m 48s
-
(Locked)
Create reusable UI components4m 39s
-
(Locked)
Create a preloader animation7m 2s
-
(Locked)
Card animation5m 28s
-
(Locked)
Create a slide-in menu5m 23s
-
(Locked)
Create a video player4m 41s
-
(Locked)
Create a video scrub control1m 23s
-
(Locked)
Control the audio volume of a video2m 13s
-
(Locked)
Create an Apple Watch UI3m 51s
-
-