From the course: Photoshop for Web Design
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Wireframes - Photoshop Tutorial
From the course: Photoshop for Web Design
Wireframes
- [Instructor] A website wire frame is a basic visual guide used in a site's interface design. It sets the structure and helps maintain design consistency throughout your project. They are usually completed before any artwork is actually developed. Here's a wire frame that I've set up for our aloha pineapple website that we're working on. I have wire frames for the small, medium, and large screen. I'll zoom in a little bit so you can take a look. As you can see, I've established basic positioning places and sizing for the various elements that are going to be part of my website. All of the elements in the wire frame are usually displayed and organized to consider the following The content. What will actually be displayed in this page? The structure. How will these elements on the page be put together? The hierarchy. How will these elements be displayed in regards to positioning, labeling, and sizing? And…
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.