Basic Principles of Layout and Graphics: Empowerment Technologies
Basic Principles of Layout and Graphics: Empowerment Technologies
Layout and
Graphics
Empowerment Technologies
Four (4) Basic Principles of
Design and Layout
• Contrast
• Repetition
• Proximity
• Alignment
Contrast
• Making important thing
stand out
• This adds visual interest to
the design and creates
visual hierarchy
• Calls the attention of the
viewer/reader
• Using colors, bold, italics,
underline, or changing font
style and size are examples
of ways in which designers
can create a contrast.
Another example of Contrast
Repetition
• Applying consistency in the
design
• Repeating an aspect of the
design
• Acts as a visual key that unifies
your design and helps maintain
the attention of the viewer/reader
• Using the same elements such as
font style, font size, format or
graphic are some examples of
ways where designers can create
repetition.
• Repetition is seen in templates
Example of Repetition
Proximity
• Putting related items closely
together and putting non-
related items apart.
• Puts structure and
organization in the design
• Helps identify which items
are related
• E.g. Information on employee
details is placed closely
together, Information on
address is placed closely
together, Company name and
website are placed far from
other information
Alignment
• Making text easier to read
through proper alignment
• How space is used,
whether to align text to the
right, left or center
• Giving order and strength
in the design
• Different alignments have
different effects.
• E.g. The text in this
business card is aligned to
the right
Why do you think these
principles are important when
we are designing a graphic
layout or a project?