O'Reilly logo

Web Design All-in-One for Dummies® by Sue Jenkins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 2: Mocking Up the Design
In This Chapter
Using the visual site map as a guide for the layout
Selecting and setting up a graphics program
Mocking up the site design
Strategically placing page elements in the mock-up
Designing additional graphics for the site
I
f you already read the previous chapters in the book, you’ve covered
quite a bit of ground laying the foundations for your project. With the
site’s purpose, a grasp of the target audience, and the definition of the ideal
site visitor, you should now have a firm identity for the site that includes
ideas about colors, fonts, graphics, photographs, layout, navigation, and
other design-related site components. You may now take all that informa-
tion, combine it with the content on the home page and your visual site
map, and jump feet first into your chosen graphics software program to
create the actual mock-up for the design.
In this chapter, you mush all that information, your research, and your
design decisions into a one-of-a-kind layout for your Web project.
Hopefully what you’ll quickly find is that by using the pro-
ject’s site map as your guide, you can easily generate a
unique, creative, and compelling Web page mock-up
that best represents the project goals and the client’s
vision for the site, all the while with an eye of what
will best appeal to the target audience. Sounds like
a tall order, but it’s really not. All you must really do
is put all the parts of the site together in a visually
pleasing way — whatever that means to you —
given your aesthetic preferences, the client’s spe-
cific requests, and the visual pieces you have to
work with. Think of it as a balance between your aes-
thetics, what the client wants, and what the site needs
to be successful.
Creating a good design, no matter what project you’re working
on and how many design restrictions you feel you have, requires that
each of the elements for the site — text, fonts, colors, design elements, and
so on — is strategically placed on the page. For some sites, this can be
11_417966-bk02ch02.qxp 3/25/09 10:33 PM Page 153

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required