Responsive Style Guide and Pattern Library Creation in Axure
Responsive design will give your users the best experience. This course will teach you how to use Axure's widget library to create different kinds of responsive components, like buttons or logos, for all kinds of devices. Software required: Axure 7.
What you'll learn
Designing responsive components that adapt to any device's display is important to providing the best user experience. In this course, Responsive Style Guide and Pattern Library Creation in Axure, you'll learn how to create responsive components for mobile, tablet, and desktop, wrapped in an Axure widget library. You'll start by creating a widget library to match your brand typography, then move onto other brand elements. Next, you'll cover how to make other components such as checkboxes, buttons, grids, and dropdowns, even looking at how to make them touch-friendly. Finally, you'll learn about other important advertising elements and how to make your navigation responsive for your user. By the end of the course, you will have a solid understanding on how to prototype any component required to create a responsive style guide and pattern library. Software required: Axure 7.
Table of contents
- Creating an Axure Library File and Setting up Its Breakpoints 4m
- Styling Your Axure Widget Library to Match Your Brand Typography 10m
- Adding Branding Elements 10m
- Creating Responsive Buttons 10m
- Transforming Axure Checkboxes into Touch Friendly Widgets 10m
- Transforming Axure Radio Buttons into Touch Friendly Widgets 8m
- Creating Responsive Grids and Padding Elements 10m
- Customizing Input Fields and Adding Logic 10m
- Creating Interactive Notifications 9m
- Integrating Error Messages into an Input Field 9m
- Implementing Native and Custom Dropdowns 10m
- Adding Advertising Elements 9m
- Setting up a Responsive Navigation 10m
- Customizing the Responsive Navigation with Logic 10m
- Creating a Axure Template File 10m
- Creating a Prototype with the Responsive Library 6m
About the author
With a dual degree in Engineering and Education, Sandra also has extensive knowledge in developing curriculums for clients such as NASA, GE and Scholastic. Sandra has been previously endorsed by Axure for her successful efforts leading Axure meetups and full-day workshops in London and Madrid. She has often been referred as an Axure evangelist thanks to her in-depth experience as an educator and her unique approach to teaching Axure.