Axure Case: Make Interactive Presentation (PPT/Keynote) with Axure RP

Introduction

This article is a section of course Axure Full Course: Tutorial, Tips and Templates

The biggest feature of Axure RP is its powerful interaction design function, which distinguishes it from other UX/UI/prototyping software.

I used Axure RP to make a presentation at last year's end-of-year conference, and it surprised everyone with its effectiveness and expressiveness. I think there is no problem with using it to make presentations with strong interaction, and the effect is even better than making it directly with PPT/Keynote.  

Today I will share with you how to use Axure RP to make presentations.

Canvas Frame Setup

First we set the size of the page to the size of the commonly used presentation: 1920X1080.

 

Then, set the basic layout of the page.

 

Place UI elements

Place UI elements in appropriate locations and group them, and name the widgets with their coordinates value.

 

Then we move all the widgets off-screen, which we'll use later to make the move-in effect.

 

Add interactions to widgets 

We want to move the widgets to the coordinates just recorded and rotate the top and bottom widgets when the page loads. So, we can set a page loaded event.

We set when page loaded, the widgets are moved in sequence to the corresponding positions, and the top and bottom widgets are rotated, and we animate all the movement and rotation.

When the setting page is clicked, jump to the next page

In order to achieve the jump effect of the slides, we set the jump to the corresponding page when the page is clicked.

 

When the page is right clicked, go back to the previous page.

We can also set the interaction of go back to the previous page: when the page is right clicked, jump to the previous page.

 

Complete the settings of all pages, and a presentation is complete.

Conclusion

To complete the production of a interactive presentation, there are mainly the following steps:

  1. Setup page size.
  2. Setup page layout.
  3. Setup widgets and their interactions.
  4. Setup pages jumping.

That's it for today's lesson. If you have any questions and suggestions, please leave a message.

In the next lesson we will learn how to make an auto-playing presentation.

If you like the article, please share it with others with page link, thanks for your supporting! ❤


Well Joe @AxureBoutique, a technical writer and teacher, focuses on Axure prototype design and product design.


Leave a comment

Please note, comments must be approved before they are published

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.