Join Aaron Quigley for an in-depth discussion in this video Using and previewing responsive templates, part of Adobe Captivate 8 First Look.
- View Offline
One of the main new features, to Captivate 8, that really sets it apart from prior versions of Captivate, is your ability to create responsive projects. What I mean by responsive project, is you're going to have a single slide. And you can add elements to that slide, you'll choose if the elements appear, on a computer, a tablet, and even a mobile device. This gives you a lot of control, over the learner's environment, as they're going through your particular training. If you have learners accessing your training on a variety of devices, then a responsive project is right for you. From the main Adobe project picker, all you have to do to get started, is click on Responsive Project.
And Captivate's going to automatically set up, the responsive environment. In order for us to preview a few of the responsive elements however, we're not going to start with a blank project. We're going to use one of Adobe's samples. By clicking on the Sample Project button, in the upper right-hand corner, and then we're going to select Picture Perfect, and click Open. Now, the Picture Perfect project, is a responsive project and because it's a responsive project, there's a few other things that we have, that will allow us to preview, how it's going to look on different devices. Right away, this opened up to the Mobile view. At the top of the screen I can see this gold bar, and this gold bar is showing me, that the mobile view will be 360 pixels wide.
I also have the ability to click on the Tablet icons, to see how this particular slide, will show up on a tablet device. And finally I can click on the Desktop icon, to see what it would look at 1024 pixels, or how this slide would appear, on a desktop computer. You notice as I move between these three different areas, that the color of top of the screen changes. One thing I'd like to point out, is as we're previewing, and working with responsive design. You may see part of the images, that hang off, of what's actually going to be shown to the end user. When I'm in this Preview mode, only what's directly below this gold bar will show up.
That means that these buttons on the right-hand side, in this extra background, will not be visible to the end user. In the next video, we'll go and take a look at how we can start customizing our responsive environment, as well as adding some responsive elements, within our design.