Scribd
Upload
22 views34 pages

Visual Principles

Uploaded by

roselyntampus143
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
22 views34 pages

Visual Principles

Uploaded by

roselyntampus143
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/ 34

VISUAL DESIGN PRINCIPLES

Source: p. 130, MIL TG by CHED


1.CONSISTENCY
• Consistency of margins, typeface,
typestyle, and colors is necessary,
especially in slide presentations or
documents that are more than one
page.
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
How is consistency achieved in
this infographics?

Source: https://www.pinterest.com/pin/28077197647114171/
How is consistency of design achieved in the website in web
application and desktop application?

Source: https://gofishdigital.com/guide-design-consistency/
How is consistency of design achieved in these soft drink
products?

Source: http://www.loopassociates.com/projects/brand-consistency-leading-to-millions-
in-cost-reduction/
2. CENTER OF INTEREST
• an area that first attracts attention in a
composition
• important objects or elements in a
composition
• can be achieved by contrast of values,
more colors, and placement

VISUAL DESIGN PRINCIPLES


Source: p. 130, MIL TG by CHED
How is center of interest applied in this
photo?

Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
How is center of interest applied in this
photo?

Source: https://iactivedesign.wordpress.com/tag/graphic-design/
3. BALANCE
• visual equality in shape, form,
value, color, etc.
• can be symmetrical and evenly
balanced, or asymmetrical and
unevenly balanced
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
Source: http://operationwritehome.org/all-things-being-equal-balance-in-design/
Source:
http://
en.koreaportal.com/
articles/
7525/20160102/one-
punch-man-
How is balance achieved in this
composition?

Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
4. HARMONY
• brings together a composition with
similar units
• notice how similar harmony is to unity
(some sources list both terms)

VISUAL DESIGN PRINCIPLES


Source: p. 130, MIL TG by CHED
How is harmony achieved in this photo?

Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
How is unity achieved in this illustration?

Source: https://www.johnlovett.com/design-overview
5. CONTRAST
• offers some change in value creating a
visual discord in a composition
• shows the difference between shapes and
can be used as a background to bring
objects out and forward in a design
• can also be used to create an area of
emphasis
VISUAL DESIGN PRINCIPLES
Source: p. 130, MIL TG by CHED
How is contrast achieved in this
photo?

Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
How is contrast achieved in this
photo?

Source:
https://
www.designcont
est.com/blog/
contrast-in-
design/
6. DIRECTIONAL MOVEMENT
• a visual flow through the composition
• can be the suggestion of motion in a
design as you move from object to
object by way of placement and
position

VISUAL DESIGN PRINCIPLES


Source: p. 130, MIL TG by CHED
How was directional movement achieved in this
picture?

Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
How was directional movement achieved in this
picture?

Source: https://webdesign.tutsplus.com/articles/visual-direction-in-web-
design--webdesign-2545
How was directional movement achieved in this
picture?

Source: https://webdesign.tutsplus.com/articles/visual-direction-in-web-
design--webdesign-2545
7. RHYTHM
• a movement in which some
elements recur regularly
• like a dance, it will have a flow of
objects that will seem to be like
the beat of music

VISUAL DESIGN PRINCIPLES


Source: p. 130, MIL TG by CHED
How was rhythm achieved in this picture?

Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/
How was rhythm achieved in this picture?

Source: https://www.hatchdesign.ca/principles-of-design-part-2-rhythm/
8. PERSPECTIVE
• created through the arrangement
of objects in two dimensional
space to look like they appear in
real life
• learned meaning of the
relationship between different
objects
VISUAL seen
DESIGN in space
PRINCIPLES
Source: p. 130, MIL TG by CHED
How is perspective achieved in this
drawing?

Source: https://www.youtube.com/watch?v=phWtQ2odZh0
How is perspective achieved in this
drawing?

Source: http://www.studentartguide.com/articles/one-point-perspective-drawing
How is perspective achieved in this
drawing?

Source: https://tomadondesign.wordpress.com/two-point-perspective-drawing/
How is perspective achieved in this
drawing?

Source: https://piaart.wordpress.com/two-point-perspective/
How is perspective achieved in this
drawing?

Source: https://en.wikipedia.org/wiki/Taj_Mahal
How is perspective achieved in this
drawing?

Photo Credit: Christian Dascalu


Source: https://www.cyprus-photo.com/2015/02/model-photo-shoot-at-saint-raphael-beach/g
9. DOMINANCE
• gives interest, counteracting
confusion and monotony
• can be applied to one or more of
the elements to give emphasis

PRINCIPLES OF DESIGN
https://oss.adm.ntu.edu.sg/wheng004/tag/design/
How was dominance achieved in this
photo?

Source: https://oss.adm.ntu.edu.sg/wheng004/tag/design/

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy