The main tool successful UX professionals rely on is the one between their ears. But, even the brainiest user experience designers rely on two emerging industry standards for UX software: Axure for wireframing, user flows, and creating interactive prototypes, and Sketch, for building beautiful, scalable prototypes of a website or app’s visual design. You need to know them both, and after this five-week hands-on evening course, you most assuredly will.
Extra $45 fee for new students / non members
In this evening class you’ll get to know Axure and Sketch by working with them on your own computer. If you’ve never tried Axure before, SVC has arranged for you to download the latest version of Axure RP at no cost. Then, we’ll add to your downloads by steering you to a trial version of Sketch. With software in hand (or on disk) we’ll then spend five weeks teaching you the basics and beyond of these essential UX tools as we cover these topics and more:
- The Axure interface and tools
- Creating site maps, user flows, and wireframes in Axure
- Building common interactive elements in Axure for a functional prototype
- The Sketch interface: creating, selecting, moving, and resizing content and layers
- Organizing your Sketch drawings with groups, artboards, and hidden content
- Positioning Sketch elements with smart guides, grids, alignment, and distribution
Prerequisites – You must provide your own Mac laptop, running OS X 10.6 or newer, minimum 4 GB memory.
Who should take this class?
This class is for current and prospective UI, UX, and visual designers who want to learn how to use Axure and Sketch for web and app wireframing, user flows, and prototyping.
Detailed Class Outline
- Introduction: what is Axure, what it can be used for (prototypes, site maps, user flows).
- Interface: what are the tools, where are they located, creating and styling widgets + dynamic panels, understanding and using masters.
- Adding interactivity: Linking pages, understanding triggers, events, cases and actions, moving things around with animation, exploring hide/show options.
- Create an accordion menu.
- Create a tabbed navigation.
- Generating and sharing prototypes: Prototype outputs, sharing with AxShare.
- Flows and site maps: using flow widgets and connectors, linking flows to site pages.
- Page level styling: sketch effects and custom style sets, page notes and page interactions.
- Form widgets: Text areas, drop lists, checkboxes and radio buttons, putting together a final form.
- Libraries: how to use different libraries depending on the style and goal of your prototype, finding the right library, (if there is time + interest from the students – learning how to design your own Axure library).
- Adaptive web design: creating adaptive designs for different screen sizes, understanding prototyping for mobile, testing prototypes on your phone.
- Starting Sketch – Introduction to Sketch: What is Sketch good for, vector vs. raster, interface tour
- Designing for multiple screens
- Layer basics: types of layers, interacting with objects, hiding, locking and grouping
- UI templates: iOS Design UI tools, material design templates
- Understanding Artboards, Pages and colors
- Shapes and symbols: drawing vector shapes, editing shapes, masking, creating and using symbols.
- Styling and text: fills, borders, shadows, text editing, text on a path
- Exporting: exporting artboards, layers and slices to multiple screen resolutions