| |
So, designers have to find their ways around these space
limitations---not by disregarding them, of course, but by learning
to create designs that fit comfortably into the limited space.
Fortunately, their efforts are greatly assisted by the
incredible flexibility of our visual perception.
Our eyes are highly efficient in determining the size of a
rectangle with relevant information and successfully accommodating
to it. After a very short while, we are no more disturbed by a
web page being significantly smaller than the whole screen. An image
of some 400x200 pixels seems really huge in a browser window---while
the same would look tiny in a graphics program with its window flung
open on a 17" monitor.
This accommodation capacity could be compared to the lighting
adaptability of human eye, which is a constant concern for
photographers. Scenes that are mildly and quite discernibly lit to
a human eye, are often too dark and have too much contrast for the film in
a camera. Although modern cameras can adapt to a wide range of
lighting conditions, additional illumination is often necessary, and
photographers need to somehow "turn off" their inborn accommodation
capacities to properly set their flashes and lamps.
Thus, your primary design goal is to make this accommodation as
seamless as possible, to force your viewers to forget just how small
the page really is. This can only be achieved by a sensible
system of proportions between page elements, which probably is the
most distinct feature that sets a professional design apart from an
amateur exercise. Even with image loading turned off you can
often tell how good a page is---the dimensions of the images'
rectangles, their density and spacing between them provide enough
information for a judgment.
A page must be a world in itself, with its own large and small
elements that balance, interact, and support each other even when
they're seemingly scattered without any order. Only then can it be
perceived as a whole, and we can easily scale our field of view to
adapt to its outer dimensions. As we'll see from the examples in the next section,
unwieldly large elements can easily break page composition, render it
"sizeless" and amorphous, while rather small graphics, if properly
positioned and coordinated, can make you forget about any
space restrictions.
Web page elements must always have a certain range of sizes
(similarly to what is called "dynamic range" in acoustics, the
difference between the highest and lowest volume sounds). Your
proportions have to "stand on both legs" so that big things look
big, and small things, small---then the whole page's dimensions will
be just right.
|
|