Join Justin Putney for an in-depth discussion in this video About Illustrator and UX, part of UX Design Tools: Illustrator.
For this course, we're going to focus on the first step in the user experience process. The idea of creating a wireframe is very similar to creating a blue print in architecture. The wireframe will determine where you hang all of your content later, as the design gets fleshed out. Illustrator has several built in advantages for creating wireframes. Wireframes are generally made up of simple lines and shapes. Since Illustrator is a vector illustration program, it excels at creating lines and shapes that can be remanipulated without degrading their quality.
Additionally, those shapes can also be turned into symbols that can be reused across documents and scaled to different sizes. There are several different ways to show different application states as well as wireframes for different sized screens. We'll take a look at artboards and layers throughout the course. Let's get started creating new wireframes using Adobe Illustrator.
- Creating and positioning guides
- Building shapes
- Designing reusable symbols
- Creating character and paragraph styles
- Adding text
- Using artboards to organize and display content
- Exporting to multipage PDF