Responsive Style Guide and Pattern Library Creation in Axure
Pluralsight
Course Summary
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.
-
+
Course Description
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.
-
+
Course Syllabus
Introduction and Project Overview- 1m 5s
—Introduction and Project Overview 1m 5sResponsive Style Guide and Pattern Library Creation in Axure- 2h 23m
—Creating an Axure Library File and Setting up Its Breakpoints 4m 1s
—Styling Your Axure Widget Library to Match Your Brand Typography 9m 52s
—Adding Branding Elements 9m 44s
—Creating Responsive Buttons 9m 58s
—Transforming Axure Checkboxes into Touch Friendly Widgets 9m 31s
—Transforming Axure Radio Buttons into Touch Friendly Widgets 8m 23s
—Creating Responsive Grids and Padding Elements 9m 43s
—Customizing Input Fields and Adding Logic 9m 51s
—Creating Interactive Notifications 9m 14s
—Integrating Error Messages into an Input Field 8m 40s
—Implementing Native and Custom Dropdowns 9m 57s
—Adding Advertising Elements 9m 11s
—Setting up a Responsive Navigation 10m 0s
—Customizing the Responsive Navigation with Logic 9m 37s
—Creating a Axure Template File 9m 38s
—Creating a Prototype with the Responsive Library 6m 4s