There are several things to keep in
mind when creating your mockup. First, begin with the ideas
you expressed in your documentation. When designing the
site, think about who it for, how they will use it, what
is the purpose, and what is the look and feel?
Things to think about:
Design and
Resolution: Do not design the site to look perfect
in your monitor. Think about how the site will look if
the monitor or screen resolution is smaller (or larger).
Look
at Resolution comparison of the Loyola Web site
Uniformity:
You will want all of your pages to look identical. Design
your site so that it can still be uniform throughout,
even if one page has more text to scroll, or even if one
button has a longer word than the others. (Make sure all
of your buttons are in the same size font, don't make
the point size smaller for one button because you can't
get it to fit on your button... instead reduce the point
size for all of the buttons, or make all of the buttons
wider to accomodate it.)
Screen Real
Estate: This is very important. Too often, beginner
designers make copy, headings, and graphics too large--
resulting in a clunky design that is more appropriate
for a personal home page than for a design project. The
bottom line here: Text on navigation buttons should be
between 14 and 24 points, and not larger. When you make
graphics, think about how much space they take up on the
screen. Does your heading graphic need to be that big?
You can make your design cleaner and more professional
by sizing it down and not wasting space.
Mockup
in Photoshop
Previous
Step