Scribd
Upload
18 views20 pages

Basic Principles of Graphics and Design

The document discusses several basic principles of graphics and design including proximity, alignment, contrast, repetition, and avoidance of all caps text. Proximity involves grouping related items close together and separating unrelated items. Alignment creates visual connections between elements. Contrast avoids similarity and emphasizes differences. Repetition strengthens unity by duplicating visual elements. All caps text is harder to read than mixed case.

Uploaded by

Angelie Conel Dizon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
18 views20 pages

Basic Principles of Graphics and Design

The document discusses several basic principles of graphics and design including proximity, alignment, contrast, repetition, and avoidance of all caps text. Proximity involves grouping related items close together and separating unrelated items. Alignment creates visual connections between elements. Contrast avoids similarity and emphasizes differences. Repetition strengthens unity by duplicating visual elements. All caps text is harder to read than mixed case.

Uploaded by

Angelie Conel Dizon
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 20

Basic Principles

of
graphics and design
GRAPHICS
DESIGN

 Design is the creation of a plan or convention for the


construction of an object, system or measurable human
interaction
PROXIMIT Y

 Items relating to each other should be grouped close


together.
 When several items are in close proximity to each other,
they become one visual unit rather than several separate
units.
 This helps organize information and reduces clutter.
PROXIMIT Y

Items that are not related to each


other should not be in close
proximity.
The closeness or lack of closeness
indicates the relationship.
Elements that are intellectually
connected should be visually
connected.
PROXIMIT Y EXAMPLE
WHAT’S WRONG WITH THESE CARDS?
CENTER ALIGNED, PROXIMAL INFO
ALIGNMENT

Nothing should be placed on the


page arbitrarily.
Every element should have some
visual connection with another
element on the page.
This creates a clean, sophisticated
look.
RIGHT ALIGNED
CONTRAST

 Avoid elements on the page that are merely similar .


 If the elements (type, color, size, line thickness, shape,

space, etc.) are not the same, then make them very
different .

Contrast is often the most important visual


element on the page.
AVOID ALL CAPS

ALL CAPS ARE HARD FOR PEOPLE


TO READ B/C THERE’S NO SHAPE
TO THEM
Mixed-case sentences have
redundant shape coding that
make them easier to read.
AVOID ALL CAPS

ALL CAPS HAVE NO SHAPE CODING

Mixed-case sentences have redundant


shape coding

Ascenders

Descenders
AVOID ALL CAPS

ALL CAPS TAKES UP MORE SPACE,


FORCING YOU TO USE A SMALLER
FONT TO PUT THE SAME AMOUNT OF
INFORMATION
(If you don’t believe me, this
sentence has just the same number
of letters as the previous one.)
REPETITION

Repeat visual elements of the


design throughout the piece. You
can repeat color, shape, texture,
spatial relationships, line
thicknesses, sizes, etc.
This helps develop the organization
and strengthens the unity.
REPETITION
PROXIMIT Y
ALIGNMENT
REPETITION
CONTRAST

You might also like