Join Daniel Brigham for an in-depth discussion in this video Formatting the master slide and creating layouts, part of Articulate Studio Advanced Techniques.
- View Offline
When I was getting started in e-learning, I'll be honest. I didn't put a ton of effort into the visual look of my quizzes. Content yes, visual look, not so much. But if you think about it, there's no good reason why your quizzes shouldn't be as visually appealing as your regular slides. The trick with quiz design is that you want your quizzes to look related to your content slides. But a bit different, so there's some visual variety. In this movie, I'll show you how to format a Quizmaster slide and create layouts you can use on a variety of question types.
Along the way, I'll give you some insight as to why I made the design choices I did. Nothing exists in a vacuum. Here is the basic look of my new hire training slides and this look will impact my quiz design. Let me highlight what I think are the important aspects, we have this green swoosh at the top, we have this natural terracotta background. We have colors that indicated different sections; purple indicating quiz. And then we have this green border at the bottom.
The first thing I do when creating a design for a quiz is to head to the Slide Master. So to get the slide master just select View and then Slide Master. If you are familiar with Power Point and Master slides, you're going to feel quite at home here. So we have our Master slide at the top. And then a variety of layouts. These layouts will get their formatting cues from the master. Before we begin in earnest, I'll make sure my colors are selected, which they are and my fonts, great.
Now, let's format the background of this master. We'll go up to background styles. Select Format Background. Fill, we'll select Picture < Insert from File. I'll select my sky background, and select Open. So I chose the sky background for two reasons. One, it's a natural background. If you recall on my Presenter slides, it had that natural terra cotta background. Well the sky's also natural, right? And also that blue is a slightly different cooler color. So on the sky background, I'll se the transparency to about, let's just say 30%.
Select close, and you can see the layouts are taking that background to cues from the slide master. Okay, we have our background. Let's insert that swoosh at the top, and the swoosh now, is going to be purple because purple indicates a quiz. The swoosh is just an image. So go to Insert, select Picture, select our purple swoosh, open it and then arrow it up. You can see it doesn't go all the way across this line, so I'll make it a little bit wider.
Let's say 730 pixels. Now it's wide enough. I'll just put it in position, holding down the Ctrl key and just arrowing up a bit. Okay, now we need that green border at the bottom. So, I'll select Insert Picture. I'll select it and we'll arrow it down. So again, this is a lot like my presenter slides, just a bit different. Now let's set our master font. I'll select that top one. The font is fine, the size is a bit big for what I need generally.
I'll bold it, we're going to choose a different color. And for this, let's left justify. Okay, and now in this text box, which generally has to do with your answer choices, I'll format it, 14 is good, let's change the color. Good, now let's take a look at our layouts, make the tweaks that we need, and then create those new layouts that we need. So this one, title and content, I really don't even need this one, so I'm going to right click and delete it.
And I'd suggest, if there's a layout you know you're not going to use, just delete it. It will clean up your master slide area. So this title only layout, I know I'm going to use this, as the introductory slide of a scenario that's coming up. So I'm just going to move this text box down, format it a bit. The font looks good. Make the font size bigger. And the color should be right on, because we set that on the master, yes. And I'm also going to apply an animation to this. because I know how I'm going to use it, I'll select Animations.
Let's do a fly in, from the right. And a speed of medium is fine. Okay, moving right along, our question layout. I'll use this one quite a bit. As you can tell, the text is a little bit too high, so let me click and drag over everything here which will select it. And then using the arrow keys, arrow it down. Let me check the fonts here. Bit too big, but the color and bolding is right. I want that 14, and I want a particular color.
Let's go to our next layout. Very similar, right? So I'll select everything, it's riding a little too high as you can tell, and just arrow it down. Let's make sure that's in line with this one. Ok it is, it's just the font is a little big on this one, we can deal with that. We'll go to 16 and this will be 14. And this is the classic E-learning quiz layout you know if you're if you're ever rushes head towards this format just text on the left put a picture up there and you've got a quiz question, so that's classic.
I know there's a certain layout I'm going to need for my scenarios. So this is a good time to build it. And because many slides will be sharing this layout, I definitely want to build it on the Master Slide. If I need to make a tweak, I can just tweak it once on the Master, and not you know, five times on every slide that shares that Master. I love blank layouts for my master slides give me a lot of flexibility. So what I'll do is just right click this and select Duplicate Layout and then start building that scenario layout from there.
So I'll begin building it by inserting that background. Just a grey rectangle, that's a bit big, I'll just size it down, move it into position, basically centering it and so this will hold the content. Now I'll insert a white shape that will hold the images. One with some rounded corners just going to drag it out. It's about right. It'll be about half the background. Maybe I don't want the corners that rounded, so I'll drag that diamond back, right click, Format Shape.
Solid fill is fine, let's go white, maybe 60% transparency. Line color, let's do a gray. Maybe a lighter gray that looks good. Line style, maybe five points. Okay, so this will hold our images and we'll have some text on the right. Now it's time to insert our text placeholders, so I'll go to Slide Master < Insert Placeholder Text, and click and drag where you want that text to be. This is going to be my title text up here. And we'll format that the way that we want it.
Font's good but I want the size bigger. Want it bold then I want a particular shade. I'm going to have some body text down here so let's repeat that process, insert placeholder text. You can drag where you want it. And now format it. Font is fine, I want it a little bit bigger, 14. And that shade that I want. Great, so that layout is done. I just have one more scenario layout that I'll create. So I'll go back to my blank slide. Right click, Duplicate Layout.
This one is simpler. I'll insert a picture here and it's just a gray, really sliver is all it is. Make this a bit smaller. Arrow it up. That looks about right. I want to put a text place holder right on top of that shape, so insert place holder text, click and drag. And I'll format it, it's going to be sixteen, bold, centered, in that particular shade that I want and then I'll hold down Ctrl and just center this in this shape and this will be for a question slide, so the question will go right there and then, I'll have some other images.
Okay, so we've taken a large step towards creating our quiz design. We've formatted our slide master, set our fonts and created our layouts. Let's finish our design by taking a look at our feedback masters. Let me give you that line one more time and that's to stress feedback. Let's finish our design by taking a look at our feedback masters.
Like this course? Find more of Daniel's courses on his author page.
- Breaking up onscreen text with Engage
- Building short scenarios with a Tabs interaction
- Building nonlinear interactions in Presenter
- Creating a quiz template
- Using the Convert to the Freeform tool to inspire your creativity
- Creating a branching scenario in Quizmaker
- Publishing and managing projects