Illustrator’s libraries and symbols make it a great program for developing detailed wireframes for your design ideas. In this installment of Illustrator CC for Web Design, Justin Seeley walks through everything to know about creating, using, and saving wireframes in Illustrator. Starting with a carefully chosen color scheme, Justin shows how to structure a wireframe in layers, develop templates for different devices, and create a library of ready-to-use UI elements, including multistate buttons and placeholders for media and forms. He then combines these elements in an example wireframe, and shows how to save versions of your file as the design evolves.
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