Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

Illustrator for UX Design

via LinkedIn Learning

Overview

Discover how to use Illustrator for web and app design. Learn how to make wireframes and design layouts using artboards, shapes, layers, guides, text symbols, masks, and styles.

Work smarter and faster with Adobe Illustrator to design your next web or app project, starting with wireframes. Brian Wood shows how, in this course, building upon what you already know—making shapes, working with layers, and using guides—and focusing on the features needed to effectively work with text, symbols, libraries, and a lot more. Brian demonstrates how to set up your artboards and use grids, masks, and styles to fulfill common UX design needs, from organizing content and buttons to making a layout responsive. He concludes by taking you through the export process.

Syllabus

Introduction
  • Welcome to the course
  • What you should know
  • What you will learn
  • Using the exercise files
1. Setting Up Your Files
  • Illustrator and UX design
  • Creating your Illustrator file
  • Using artboards
  • Adding column guides
  • Setting up the grid
  • Custom shortcuts
2. Working with Text and Shapes
  • Pixel grid snapping
  • Shape appearance
  • Images and masking
  • Text styles
  • Hosted fonts
3. Creating Reusable Artwork and Formatting
  • Using Symbols
  • Dynamic symbols
  • Buttons
  • Graphic styles
  • Creative Cloud Libraries
4. Organizing Content
  • Working with layers
  • Artboards for mobile and responsive design
5. Exporting
  • PDF export
  • Asset export
Conclusion
  • Next steps

Taught by

Brian Wood

Related Courses

Related articles

Reviews

Start your review of Illustrator for UX Design

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free