2016
Digital Tutors / Pluralsight.com
Sandra Gonzalez
2:24
English
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.
In this tutorial we'll learn how to create responsive components for mobile, tablet, and desktop wrapped in an Axure widget library. Throughout these lessons we'll look at the steps required to create components commonly found in style guides and pattern libraries such logos, online forms, and advertising elements. By the end of the tutorial you will have a solid understanding on how to prototype any component required to create a responsive style guide and pattern library.
1 Introduction and Project Overview
01:05
2 Creating an Axure Library File and Setting Up its Breakpoints
04:01
3 Styling Your Axure Widget Library to Match Your Brand Typography
09:52
4 Adding Branding Elements
09:44
5 Creating Responsive Buttons
09:58
6 Transforming Axure Checkboxes into Touch Friendly Widgets
09:32
7 Transforming Axure Radio Buttons into Touch Friendly Widgets
08:23
8 Creating Responsive Grids and Padding Elements
09:43
9 Customizing Input Fields and Adding Logic
09:51
10 Creating Interactive Notifications
09:14
11 Integrating Error Messages into an Input Field
08:40
12 Implementing Native and Custom Dropdowns
09:57
13 Adding Advertising Elements
09:11
14 Setting Up a Responsive Navigation
10:00
15 Customizing the Responsive Navigation with Logic
09:37
16 Creating a Axure Template File
09:38
17 Creating a Prototype with the Responsive Library
06:04
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.
digitaltutors.com/tutorial/2446-Responsive-Style-Guide-and-Pattern-Library-Creation-in-Axure
Download File Size:581.42 MB