Join Justin Seeley for an in-depth discussion in this video Adding labels and comments to your wireframe, part of Illustrator for Web Design: Wireframing.
- Another very important step when we are…working on wireframes in Illustrator…is to label things very specifically…so that when people are looking at the wireframe…they know exactly what they're looking at.…You want to leave nothing to the imagination, per say.…You wanna make sure that your vision is very specific…in what it is the people are looking at…and adding labels can be done in either one or two ways.…You can actually do it inside of Illustrator…which makes it a little bit harder because…of the fact that you're gonna be creating an art board…that's bigger than the actual screen size you're working on.…Or you can do it inside of Adobe Indesign…with the help of Illustrator…and so a little bit later on…I'm gonna show you how to take this…over into InDesign to publish your wireframe…and once I do that then I will show you…what these labels are actually for.…
So, the first thing we're gonna do…is we're gonna determine what I call…the pecking order of the labels.…So, what order is this gonna go in…and generally I just go like you're reading a book,…
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