2014
Lynda
Justin Putney
1:11
English
The UX Design Tools series connects early UX creative processes—like wireframing and prototyping—with the tools and techniques necessary to create a successful product design. Illustrator is one of those tools, noteworthy for its type tools, spacious artboard, libraries of reusable artwork, and clean vector lines. In this course, Justin Putney shows how to use symbols to take advantage of reusability, organize your artwork into layers, use artboards to design different wireframes for multiple screens and different application states, and export wireframes to share with clients and developers.
Introduction
Welcome
About Illustrator and UX
Using the exercise files
1. Setting Up Your Files
Creating Illustrator documents optimized for your project
Creating and positioning guides
Aligning objects using the grid
2. Creating Shapes
Building shapes using the Rectangle and Line Segment tools
Adjusting the appearance of shapes
3. Creating Reusable Artwork
Designing reusable symbols
Modifying symbols
Using 9-slice scaling to create responsive symbols
Using symbols across multiple documents
Challenge: Nested symbols
Solution: Nested symbols
4. Using Text
Creating character and paragraph styles
Saving and loading styles
Storing styles inside symbol libraries
Adding placeholder text
5. Organizing Content
Stacking artwork
Using the Layers panel to organize content
Using artboards to display application states
Using artboards to explore different device layouts
6. Exporting Wireframes
Exporting to multipage PDF
Exporting a single page
Conclusion
Next steps
Download File Size:183.77 MB