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
(24)
Level
Advanced
Updated
Sep 6, 2014
Duration
1h 12m
Table of contents
Description
Course info
Rating
(24)
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
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.