Book Image

Axure RP Prototyping Cookbook

By : John Henry Krahenbuhl
Book Image

Axure RP Prototyping Cookbook

By: John Henry Krahenbuhl

Overview of this book

<p>Axure has quickly become one of the leading tools for rapid prototyping in use today. Driving Axure’s popularity and wide spread adoption is the ability to iteratively develop interactive HTML prototypes of websites and applications. With the AxShare cloud-based service, prototypes are easily shared amongst clients and team members. Prototypes can even be viewed on Android, iPhone, and iPad, appearing like a native application.</p> <p>This guide provides fast, practical, step-by-step recipes to create your own custom prototypes for mobile and desktop. You can now easily create your mobile-first designs as well as responsive and adaptive web design interactions. Using real-world examples developed from today’s hottest technological trends, you can take your skills to the next level!</p> <p>This book takes you through the latest methods to create Adaptive Web Layouts (AWD) with Axure RP 7 Pro, and create widgets for Responsive Web Layouts (RWD). Prototyping for mobiles will now be easier as you will be able to include jQuery Mobile into your Axure Prototypes. You will learn to connect to Social Media sites such as Facebook, Twitter, YouTube, and Pinterest and create ecommerce order checkout flows to make your prototypes come to life. With this book and Axure RP Pro, you will witness increased productivity in your team by leveraging Axure Team Projects.</p> <p>You will see how to create custom templates for specifications to impress your clients, create Masters and build your own custom Widget libraries. You will learn to use AxShare to quickly share password protected prototypes with clients and teammates, and explore integrate Axure Prototypes with external JavaScript Libraries.</p> <p>Finally, you will be able to setup Android and iPad/iPhone emulators to quickly view your prototypes and run them native on Android, iOS and Windows 8.1 devices. By applying the recipes in "Axure RP Prototyping Cookbook", your prototypes on your iPhone, iPad, Android device, or browser will have never looked better!</p>
Table of Contents (16 chapters)
Axure RP Prototyping Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Designing for adaptive and responsive layouts


There are two approaches to starting your layout. In one approach, you design first for the desktop. Next, select each arbitrary breakpoint, and design a layout for each successively smaller breakpoint. Finally, complete the overall design with mobile. In the desktop-first approach, you focus on graceful degradation as the screen size decreases.

In the second approach, you start with mobile first. Next, design each breakpoint of increasing width. Finally, finish the design with the desktop layout. For a mobile-first design, you will focus on progressive enhancements as the screen size increases.

Getting ready

For this recipe, we will walk through the steps to design for an adaptive or responsive layout.

How to do it...

  1. Decide which design approach you will utilize for your project—desktop-to-mobile or mobile-first.

  2. Determine the pixel width for desktop and mobile.

  3. In Axure, set guides to assist with the spacing of elements by selecting Arrange from...