In this video, learn how to create and add new artboards to your Principle project as well as how to resize artboards and the limitations of adding and resizing artboards.
- [Tom] In this exercise we look at using Artboards. And to get yourself started, open a new Principle document. Every micro interaction you create, needs to appear on an Artboard or between Artboards. Think of Artboards as being your design surface and you are on the right track. Right now you have a default Artboard showing, you can see it, it's just blank and it's got a green box around it, telling you it's selected. If you want to choose the specific size Artboard, you come to the Size Presets and select the pop-down. And when you do, a world of choice opens up to you. You get everything from smartphones to TV and even Artboards you can use to send ideas or concepts to Dribble, Twitter, and Instagram. For me, a major oversight is the non-inclusion of Android devices. If you are developing for Android, use the custom sizes up here, right here, to create the Artboard. A common device size for android is 360 by 640, which is a fairly good starting point. So why don't we do that. And we'll make this one 640, by 360 and we got that done. Okay, so you know, how to turn Artboards around or give them landscape view. Now, one thing you can't do, okay, I want to be really clear on this one, is you can't mix up the views, it's either landscape or portrait, You can't have landscape and portrait in the same project. Okay, I'm going to undo this, I just got to press Command+Z a couple of times, there we go. Now, you can also duplicate Artboards. You can select the Artboard in the layers panel, hold down the option key and just drag it the other way, you see, you got it. And if you want to delete it, you can get rid of it by selecting and deleting it. The other thing I want to show you is, we're going to duplicate it, so another way of doing it is just Command+D. And now I want to get into things you need to know about Artboards. First off, you can't move them around on the canvas. The other way to rearrange them, is to use the properties panel, or the last panel, and change their order. What you also can't do is mix and match Artboards, if you want to for example add an Apple watch artboard, so we're going to start an Artboard, and then I'm going to make up the Apple watch. All of the Artboards, change size. You also may be thinking, "Hey Tom, what about resizing just one Artboard?' Same thing, if you change one, they all change. If you do want to change Artboards around to change the flow as I told you, you need to shuffle them around inside the layers, or the properties panel by changing the order. So there you have it, Artboards. Bottom line is you can only use on prototype for one screen size, and you can't move them around on the canvas to accommodate flow changes.
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
Share this video
Embed this video
Video: Creating and adding artboards