From the course: OmniGraffle for UX and Brainstorming
Unlock the full course today
Join today to access over 23,800 courses taught by industry experts.
Wireframe an advanced search page - OmniGraffle Tutorial
From the course: OmniGraffle for UX and Brainstorming
Wireframe an advanced search page
- [Instructor] Now that we have our homepage wire frame, I want to wire frame one of the important pages, which is the advanced search. We're going to use our sidebar and make a new canvas and name our canvases. So, duplicate home, option drag, and this one will be advanced search. You can close the sidebar now. The reason we do that is just because all of the navigation, the header and the footer are usually going to stay the same. So, this becomes a template for us. We can take this out. And then with the combination of our text tools and our stencil, we're going to start mapping out what an advanced search page would look like. So add a text block out there and pair it with our own text. And you'll notice I'm going to sort of align as I go, but not too carefully, sort of rough align as I go. And then we'll touch up everything at the end. So, and then also the other thing I like to do is once I have elements out…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
(Locked)
Choose a wireframe look and stencil2m 33s
-
(Locked)
Wireframe a homepage3m 3s
-
(Locked)
Edit persistent navigation3m 47s
-
(Locked)
Wireframe an advanced search page4m 55s
-
(Locked)
Wireframe a search result or browse page3m 34s
-
(Locked)
Wireframe a content page for different kinds of media4m 16s
-
(Locked)
-
-
-