LAYOUTING 101

FORM VS FUNCTION
DESIGN VS CONTENT
What is your goal?
 All elements of design are able to invoke
different emotions in the viewer and affect
them in various ways.

• Do you want your design to attract attention to specific sections?

• Do you want certain words or phrases to have more impact than
others?
Know the Style of Your Typefaces
Choosing a style means choosing an implication.

IMPACT You use italics for

emphasis and bold to make
text stand out. The typefaces
KOMIKA Axis have a lot of personality and
clearly communicate their
Arial Futura subtext because of how they
look.
Interstate

Carrington
1
Know the Style of Your Typefaces
Choosing a style means choosing an implication.
Serif typefaces have little flourishes on

serif
most letters and closer resemble the
look of a typewriter. They have a more
conservative, proper style and most
people find them easier to read.
Sans-serif means without serif, so you
might have figured out that they are
typefaces without the little flourishes on
the letters. They have a more modern,
minimalistic, and clean appearance.
Some find them harder to read, but also
more attractive to look at. If you want
your design to appear more
contemporary, sans-serif typefaces will
sans serif
almost always be the type that you
choose.

1
Choose the Right Color for the Right Impact
Color (or lack thereof)
The color of your text is almost
as important as choosing the
typeface itself. Little splashes of
color can make an enormous
impact, and bold uses of good
color schemes can create
beautiful designs. Using no color
at all, or just shades of gray, can
create its own message. The
choice really comes down to
what you're trying to accomplish,
and that involves an
understanding what colors tend
to mean to people.
Color (Emotional Red)
The color of your text is almost as
important as choosing the
typeface itself. Little splashes of
color can make an enormous
impact, and bold uses of good
color schemes can create
beautiful designs. Using no color
at all, or just shades of gray, can
create its own message. The
choice really comes down to
what you're trying to accomplish,
and that involves an
understanding what colors tend
to mean to people.
Color (Calming Blue)
The color of your text is almost
as important as choosing the
typeface itself. Little splashes of
color can make an enormous
impact, and bold uses of good
color schemes can create
beautiful designs. Using no color
at all, or just shades of gray, can
create its own message. The
choice really comes down to
what you're trying to accomplish,
and that involves an
understanding what colors tend
to mean to people.
2
Choose the Right Color for the Right Impact
• Be sure to reserve heavy uses of color for times when it coincides
with the goals of your designs.

• Picking poor combinations can lead to messy and unappealing

designs, so it helps to know the basics of color theory.

2
Vary Sizes for Better Emphasis
If you're planning on using
a single font, however,
you'll want to make sure it
can remain legible and
attractive at every size you
plan to employ.
CONGRATULATIONS
The size of your type can be
used to imply its importance.
When using larger type as a
header, it also gives context to
where you are on the page.
CONGRATULATIONS
The size of your type can be
used to imply its importance.
When using larger type as a
header, it also gives context to
where you are on the page.
3
Let’s Combine
Format Your Text and Images to Better
Communicate Your Message
"You're going to change
your mind a thousand
times. That's a good
thing. Only imbeciles
never change their
minds."
~ Anna Rascouët-Paz
Format Your Text and Images to Better
Communicate Your Message
"All great experiences
that engage us have
an element of
uncertainty at their
core."
~ Aaron Dignan
Pair Two Typefaces to Give Your Designs the Exact
Feel You Want
This is in the context of a dating game for fonts. It's fun and is a great
way to learn one of the hardest parts of creating effective designs with
type.
Don't Forget to Practice
Design isn't easy and you're not going to become a master by reading
this guide, but hopefully it has provided you with a few ideas to think
about next time you approach work that can benefit from added visual
appeal.
Always start your design project with a layout
grid. No exceptions.
If you don’t, you’ll never be able to repeat that look consistently. Your
projects will never have visual harmony and, like anything which lacks structure or a
strong foundation, your concepts will be visually inconsistent from one product to
another and will always be a struggle to produce. Without a layout grid, graphic
elements will not properly work together.
A layout grid is the invisible force that gives the visible its structure and holds
everything in its proper place.
SOURCE
 http://lifehacker.com/5899904/a-non-designers-guide-to-typefaces-
and-layout