Creating an Adaptive and Responsive Layout in Axure

In this tutorial we'll learn how to use Axure's features to create a layout for web that is responsive and adaptive to different screen sizes on mobile devices. Software required: Axure RP Pro 7.0.
Course info
Rating
(23)
Level
Advanced
Updated
Sep 6, 2014
Duration
1h 12m
Table of contents
Description
Course info
Rating
(23)
Level
Advanced
Updated
Sep 6, 2014
Duration
1h 12m
Description

In this tutorial we'll learn how to use Axure's features to create a layout for web that is responsive and adaptive to different screen sizes on mobile devices. We’ll learn how to create breakpoints, a responsive background, customize content to different screens and create a mobile prototype with a slide menu. Software required: Axure RP Pro 7.0.

About the author
About the author

Antonia Anni is a freelance User Experience Consultant coaching individuals and startups on the importance of UX.

More from the author
Designing an iPhone App in Axure
Advanced
1h 11m
Jul 16, 2015
Introduction to Axure
Beginner
1h 45m
Jan 27, 2015
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi everyone, my name is Antonia. I am a freelance User Experience Consultant. My latest projects have included creating mobile apps for the World Cup in sports betting. In this lesson, we will learn how to create an adaptive prototype in Axure. Some of the major topics will include creating a responsive background, and setting break points and customizing components to different screen sizes. We would also learn how to create a mobile prototype. By the end of this training, you will be able to do this on your own. You will create a working prototype, viewable on desktop and mobile devices. I'm really excited to be working with Digital-Tutors, and to share these valuable tricks and techniques with fellow artists. So, let's get started with the first lesson.