In this video, explore the Principle interface and learn how to access and use many of the important panels found in the interface.
- [Instructor] Before we get into the actual process … of designing and creating prototypes in principle, … I think it's important for you to get a handle … on the interface that you're looking at. … So to get started opening the interface file found … in your chapter download. … And when it opens, what you're looking at … is a typical principal project. … Over here on the left is the properties inspector. … And this is where you will be doing most of your work. … Properties are context sensitive. … So if you come over here, say, and click on this image, … you'll get all the properties for the image … where it is on the X-axis, where it on the Y-axis … it's with the type, it's fill color, … you get all sorts of things for it. … You can also use these little tools up here … to align it to the airport. … So if I want to align it to the right … all I have to do is just click … or if I want to move it around, I can change the number. … As you can see, I can click and change the X value here …
Author
Released
1/4/2021- Adding content to new artboards
- Creating your first Principle animation
- Managing the Principle timeline
- Animating with keyframes and drivers
- Using assets from Photoshop and Sketch
- Masking and cropping
- Creating an Apple Watch UI
- Creating a video player
Skill Level Intermediate
Duration
Views
Related Courses
-
Prototyping Microinteractions with Adobe Animate
with Joseph Labrecque1h 50m Intermediate -
Design Thinking: Prototyping
with frog58m 16s Intermediate -
UX Foundations: Prototyping
with Diane Cronenwett1h 18m Beginner -
Prototyping Microinteractions with After Effects
with Tom Green3h 33m Intermediate
-
Introducing Principle
-
What is Principle?1m 17s
-
-
1. Getting Started with Principle
-
Principle tools4m 35s
-
Adding and formatting text4m 20s
-
Create your first animation3m 59s
-
Test and share your work3m 8s
-
2. Using the Principle Timeline
-
Understanding the timeline6m 16s
-
Using the easing feature6m 5s
-
Motion paths3m 54s
-
Create scrollable content2m 23s
-
-
3. Using the Principle Drivers
-
Overview of Driver channel3m 41s
-
Constrain drivers3m 29s
-
Interactive drivers4m 13s
-
Paging3m 57s
-
Drivers and paging3m 44s
-
-
4. Managing Content in Principle
-
What Principle doesn't do4m 15s
-
Create assets in Photoshop6m 21s
-
Create assets in Sketch3m 57s
-
Import Sketch artboards2m 34s
-
Import Figma artboards4m 45s
-
Cropping and masking1m 53s
-
-
5. Practical Principle Projects
-
Drag and drop5m 41s
-
Create a preloader animation3m 45s
-
Card animation5m 45s
-
Create a slide in menu6m 35s
-
Auto animations3m 26s
-
Import video3m 16s
-
Create a video controller4m 57s
-
Using multiple drivers7m 4s
-
Create an Apple Watch UI4m 1s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Review of the Principle interface