Skip navigation

On September 14th, 2017, we published revised versions of our Privacy Policy, Terms of Service and Website Use Policy and published a Cookie Policy. Your continued use of means you agree to these revised documents, so please take a few minutes to read and understand them.

Set up wireframe background elements

Set up wireframe background elements: OmniGraffle 6 for UX Design
Set up wireframe background elements: OmniGraffle 6 for UX Design

The first step in creating wireframes is setting up the background elements. Search for a stencil that has the frame (ie. Browser window graphic) that you want to use. Place this on the canvas. Resize as needed. Also create a title for the page with the text tool. When the background elements are sized and placed correctly, it is a good idea to lock these elements, particularly the browser window, as most of the wireframe work will take place on top of that graphic.

Resume Transcript Auto-Scroll
Skill Level Intermediate
2h 42m
Show More Show Less
Skills covered in this course
Prototyping Web User Experience Wireframing OmniGraffle

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now