BA0706HowToAlignByEye.pdf

(5803 KB) Pobierz
Before&After
®
BAmagazine.com
i
U
X
Align by eye
The world is full of funny
shapes that your eye can
align better than your ruler.
Here are six examples.
Continued
Continued
How to align by eye
0706
How to
Before&After
®
BAmagazine.com
i
U
X
How to align by eye
The world is full of funny-shaped images that your eye can align
better than your ruler. Here are six things to look for.
The images above — chair, plant, utensils, pillows, vase — are each a different shape, size,
color; the viewing angles are different, and so on. How do you
line these up,
sized and spaced
just so, with other things? We’ll show you why your eye is the best tool you have.
   
2
of
11
How to align by eye
0706
Before&After
®
How to align by eye
3
of
11
BAmagazine.com
i
U
X
Scale and align by mass
For different objects to have similar visual height, scale them by their central
mass, not their bounding-box height. Squinting will help you visualize.
Before
“Kitty whiskers”
After
Stickout
“Kitty whiskers”
2
Bounding
box
1
Shadow
Corner
That troublesome bounding box
The images above are technically the same height. That’s
because a digital image is contained inside an invisible
bounding box that extends to the farthest pixel on every
side. That pixel can be an ultra-faint shadow, a hair, a little
bump, even blank space. Your ruler measures the bound-
ing box, which is why it’s terrible at graphic design. What
matters is the image inside, specifically its center of mass.
Shadow
Corner
Mass
0
Scale by mass
Every image has a center of mass, its fullest, bulkiest
area, that governs its perceived size. Use this mass
instead of the bounding box to scale your images,
which (above) now appear similar in size. (Right) Mass
is easiest to see on rectangular objects. For irregular
objects like the plant, squint and ignore small corners,
faint shadows, minor stickouts, and “kitty whiskers.”
Mass
   
3
of
11
How to align by eye
0706
Before&After
®
How to align by eye
4
of
11
BAmagazine.com
i
U
X
Center by weight
An asymmetrical object is naturally off balance. Centering it over a body
of text or other object requires a nudge right or left.
Before
After
Decorative Pillows
We offer a wide range of colors, textures,
and sizes to add comfort and style to your
lounge or sleeping area.
Decorative Pillows
We offer a wide range of colors, textures,
and sizes to add comfort and style to your
lounge or sleeping area.
Centered by ruler
With both bounding boxes (image
and text) center-aligned, the image’s
asymmetrical shape makes it heavi-
er on the left (below).
Centered by eye
Pushing the center of mass to the
right balances the image, like bal-
ancing a heavy and light load on the
teeter-totter. It helps to squint.
Decorative Pillows
We offer a wide range of colors, textures,
and sizes to add comfort and style to your
lounge or sleeping area.
   
4
of
11
How to align by eye
0706
Before&After
®
How to align by eye
5
of
11
BAmagazine.com
i
U
X
Center by value
A dark object on a light background appears heavier than a light one, which,
like mass, throws off the balance. Compensate with a nudge.
After
Tomato Recipes
Are you looking for that tempting appetizer,
flavorful main dish, or that unusual dessert?
We have the tomato recipe for you!
Rice Recipes
Whether it’s Spanish rice, chicken fried rice,
or rice pilaf, we’ll show you hundreds of ideas to
complement hearty main courses.
Tomato Recipes
Are you looking for that tempting appetizer,
flavorful main dish, or that unusual dessert?
We have the tomato recipe for you!
Asymmetrical value
There’s more mass on the right
(big white bowls) but more visual
weight on the left. Compensate
with a slight nudge to the right.
Symmetrical shape overrides value
Like the tomatos and bowls, the image
above is also left-heavy. In this case, though,
symmetry overrides value; identical objects
feel correct only when centered.
   
5
of
11
How to align by eye
0706

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin