Learn everything you need to know about creating, using, and saving wireframes in Illustrator.
- [Voiceover] Hi there, my name is Justin Seeley and I'm a staff author here at lynda.com. I'd like to welcome you to Illustrator CC for Web Design: Wireframing. This is the second course in my new Illustrator for Web Design series, so if you missed part one be sure to go back and watch Illustrator CC for Web Design: Core Concepts so you're completely up to speed. In this course we'll be creating wireframes for a variety of different use cases. I'll be showing you how to set up a wireframing system including choosing a color scheme, organization using layers, targeting specific devices and also, how to design custom grids.
From there, I'll walk you through building a library of ready-made wireframing elements to help streamline your workflow. We'll build some common UI elements, multi-state buttons, and even build place holders for multimedia and forms. From there, it's all about assembling your wireframe into a usable template for a designer to follow and then saving and versioning your wireframes appropriately. We've got a whole lot to cover inside of this course, so if you're ready, let's begin our look at Illustrator CC for Web Design: Wireframing.
Miss part one? Check out Illustrator CC for Web Design: Core Concepts.
- Choosing a color scheme
- Creating a layer structure
- Targeting specific devices
- Building a wireframe library
- Adding UI placeholders
- Assembling your wireframe
- Saving and versioning a wireframe