…In the previous video, I mentioned that art boards can be used for…many things, and one of those things…is creating different layouts for different devices.…So we're going to take a look at that in this video.…On screen, I have a wire frame file open.…You can find it in the Exercise files in chapter five, zero five, zero four.…And on screen, there's a layout for a tablet, in landscape format, but…we're going to use an artboard to create a second layout for a phone.…So, I'm going to go over to artboard's panel, and drag the existing artboard down…to the new artboard button that will copy all of the artwork for us.…

And then I'm going to go up to the flyout menu, and choose artboard options,…and let's change the name to phone-portrait,…so we're going to get a very different layout.…It's not much point in wire framing very similar layouts, so we really want to…get kind of the, not exactly the…edge cases, but at least very different layouts.…So under the preset let's go down and choose iPhone…4S and that'll automatically set the pixel dimensions for us.…

Resume Transcript Auto-Scroll

Author

Released

3/11/2014

The UX Design Tools series connects early UX creative processes—like wireframing and prototyping—with the tools and techniques necessary to create a successful product design. Illustrator is one of those tools, noteworthy for its type tools, spacious artboard, libraries of reusable artwork, and clean vector lines. In this course, Justin Putney shows how to use symbols to take advantage of reusability, organize your artwork into layers, use artboards to design different wireframes for multiple screens and different application states, and export wireframes to share with clients and developers.