Vibrant Web Graphics Start with a Wireframe


show more Starting with a wireframe provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012) show less
please wait ...

Starting with a wireframe

Before beginning any web design project, it's good practice to start with a wireframe of the project first. This gives you a roadmap to follow as you start to aggregate content and create your finished mockup that you'll be delivering to your client. Use the wireframe to determine things like margins and positioning of major elements like logos, graphics, and background elements. If you're unfamiliar with creating wireframes, it'll be a good idea to go back to chapter 5 of this course and go through those movies prior to jumping into this chapter. I've created a very basic wireframe for us here, and it will serve as the backbone of our design going forward in this chapter.

I also have opened a finished project for this robot toy company site that we're going to build. Notice that it has the same basic structure as the wireframe, and it also adheres to the margins and content placements that I outlined in the wireframe as well. Throughout this chapter, we...

Starting with a wireframe
Video duration: 54s 4h 56m Appropriate for all Updated Oct 04, 2013

Viewers:

Starting with a wireframe provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012)

Subject:
Web
Software:
Photoshop
Author:
please wait ...