SlideShare a Scribd company logo
The Elements of Art
The basic building blocks of design.
Line
A continuous point (mark) used to
delineate an edge, or to lead the eye
through a design.
A line is just a continuation of a point
(dot), which is the smallest unit of design.
Arthur Mackmurdo Wren's City Churches Cover, 1883
Line
Types of Lines
Static
Horizontal = sense of peace
and calm.
Vertical = power, strength,
grandeur, and awe.
Dynamic
Diagonal = speed, movement,
and depth
Curved = Create a sense of
peace and tranquility. Kate Moross
Leading Lines
Lines that guide a
viewer’s eyes around, or
through, a design.
NYC Subway Map, Massimo Vignelli
An area with clear
boundaries.
Shape is 2D, Form is
3D
Organic shapes
occur naturally.
Geometric shapes
are mathematically
calculated. (squares,
circles, etc.)
Sea=Dancer, Gino Severini, 1913
Shape/Form
Used to create a sense of depth, and is
made up of two kinds of space:
Positive space – the object(s) in the
artwork.
Negative space – the area
around/between the object(s) in the
artwork. (also known as whitespace.
Includes line breaks, margins, tabs &
spaces.)
Shigeo Fukuda
Space
How a surface looks and/or feels.
In some forms of art & design, the artist
can create a surface texture that can be
felt by hand.
In other forms of art, such as
photography or graphic design, the
texture is implied but cannot be felt.
Keith Barney
Texture
The range from light to dark in a design.
Chip Kidd
Value
Color
Color is what we see
when light reflects off of
an object.
The three dimensions of
color are Hue (actual
color such as “blue” or
“orange”), Saturation
(intensity), and Value
(brightness).
Complimentary
Colors
Directly across from each
other on the color wheel.
Make each other appear
brighter and more
intense.
Lucian Bernhard
Next to each other on the color wheel.
Create a feeling of harmony.
Think You Can’t Write? Think Again! Art Director: Patricia
Meyer Designer: Patricia Meyer
Analogous Colors
Indicate safety
Draw the viewer into the frame
Can build excitement
Marian Bantjes
Warm Colors
Indicate uncertainty
Push the viewer from the frame
Can dampen the mood
Lou Reed Poster, Stefan Sagmeister
Cool Colors
The Principles of Design
Ways to combine the elements of art to make a
more powerful design/composition
What is Design?
Design is the strategic arrangement of visual elements
within a two-dimensional space to form a unified and
holistic impression.
Sometimes, the word composition is used as an alternative
way of describing the same process.
While each medium (film, graphic design, print, etc.) has
specific visual design expectations, there are some theories
and design principles that apply across all forms of visual
communication.
Compositional Rules
The proper composition of visual elements generates not only
visual stability, it enhances mood through composition and
generates order that prevents visual chaos.
Designers use compositional rules in their work to make the
reader enter their work and experience a design environment
that is calm yet exciting, quiet yet interesting.
Organizational principles create a framework for design without
determining the end results.
Compositional rules can be used to generate content as well as
organize it.
An element (color, shape, form, etc.) that
occurs over and over in a design.
It is more visually appealing to vary the
repetition to some degree.
Poster, Varvara Stepanova
Pattern/Repetition
Contrast
Most often, people think
of contrast as pertaining
to value (the range of
light and dark) in a
design. However,
contrast can also be
created using color,
shape, or any other
element that provides a
sense of visual discord.
Saul Bass, 1959
Our perception of an object’s size is
related to the size and position of other
objects within the field of view.
Proportion
Position objects that belong together
along a common edge or implied line.
Joseph Muller-Brockman
Alignment
Balance
Balance is a sense of visual
stability within a design.
Symmetrical - objects are the
same size, color, and/or shape
Asymmetrical - achieved with a
combination of objects of
varying sizes, shapes, and
colors.
Barbara Kruger
Movement can be a literal representation,
or implied through repetition of shape
(rhythm) or the alternation of lights and
darks.
Armin Hofmann
Movement
A way of directing the viewer’s eye to the
most important aspect of the work.
Designers may create emphasis using a
variety of methods including size, color,
placement, or contrast.
Emphasis
Milton Glaser, I Love New York logo, 1977
Occurs when all of the elements work
together to support the overall
theme/object of the work, rather than
distract the viewer.
Seymour Chwast
Unity
References & Resources
Graphic Design and Print Production Fundamentals by Graphic
Communications Open Textbook Collective is licensed under a Creative
Commons Attribution 4.0 International License, except where otherwise
noted.
Psychology, Sensation and Perception, Gestalt Principles of Perception -
Creative Commons Attribution Non-Commercial

More Related Content

PPT
An Introduction To Graphic Design
PPTX
Elements & principles
PPTX
PPTX
Visual Communication Design Theories
PPTX
Organization of Visual Arts
PPTX
Elements of design and Principles of design
PPTX
Design Elements and Principles_Multimedia
PPTX
The art of graphic design with element and principles
An Introduction To Graphic Design
Elements & principles
Visual Communication Design Theories
Organization of Visual Arts
Elements of design and Principles of design
Design Elements and Principles_Multimedia
The art of graphic design with element and principles

Similar to Elements of Art & Principles of Design Presentation (20)

PDF
E & p of design
PPTX
PRINCIPLES OF DESIGN.pptx
PPT
The elements n_principles_of_design new powerpoint with artists works
PPTX
Elements & Principles of Art
PPT
Composition: Beyond the Obvious
PPT
Elements-Principles-of-Design.ppt
PPTX
Elements of visual design
PPTX
Visual composition slideshow - Rubina Chand
PPTX
4th Lecture_ART APPRECIATION GEC 5.pptx
PPTX
LESSON 5 - Imaging and Design for the Online Environment.pptx
PPT
Chapter 2 unity
PPTX
Elements of design
PPTX
Elements of Art and Principles of Design
PPTX
Introduction to Graphic Design- Elements and Principles of Art
PPTX
Visual Elements
PPTX
Key Design Principles To Improve Your User Experience (UX)
PPT
Graphic Design Fundamentals
PPTX
The principles of design
PPT
Elements-and-Principles-of-Design bvjgu.ppt
PDF
Elements & Principles of Design
E & p of design
PRINCIPLES OF DESIGN.pptx
The elements n_principles_of_design new powerpoint with artists works
Elements & Principles of Art
Composition: Beyond the Obvious
Elements-Principles-of-Design.ppt
Elements of visual design
Visual composition slideshow - Rubina Chand
4th Lecture_ART APPRECIATION GEC 5.pptx
LESSON 5 - Imaging and Design for the Online Environment.pptx
Chapter 2 unity
Elements of design
Elements of Art and Principles of Design
Introduction to Graphic Design- Elements and Principles of Art
Visual Elements
Key Design Principles To Improve Your User Experience (UX)
Graphic Design Fundamentals
The principles of design
Elements-and-Principles-of-Design bvjgu.ppt
Elements & Principles of Design
Ad

More from Professor Bauer (20)

PPTX
Ethical Considerations for Visual Media Makers
PPTX
What is Newsworthy, and Who Decides in News?
PPTX
Historical Overview of Media Trust in the US
PPTX
The Medium is the Message - How the Medium Affects the Message
PPTX
Media Technologies and Information in the US
PPTX
Media Ethics Timeline - Overview in the US
PPTX
Art Criticism - Critical Modalities To Consider
PPTX
Spirituality and Ritual Spaces - Overview
PPTX
Communal Needs and Purposes - An Overview
PPTX
Politics, Conflict, and War in Art - Overview
PPTX
The Evolution of Identity Through Art - Overview
PPTX
The Rise of Realism and The Birth of Photography
PPTX
Key Developments in Architecture - Overview
PPTX
Sculptural Types and Methods - Overview -
PPTX
Notable Collage Artists and Works - Overview
PPTX
Types of Printmaking Techniques - Overview
PPTX
Types of Painting Media - Overview of Medium
PPTX
Types of Drawing Media - Overview of Materials
PPTX
Short Film Crew Roles in Film Production
PPTX
Camera Composition & Movement - Film Production
Ethical Considerations for Visual Media Makers
What is Newsworthy, and Who Decides in News?
Historical Overview of Media Trust in the US
The Medium is the Message - How the Medium Affects the Message
Media Technologies and Information in the US
Media Ethics Timeline - Overview in the US
Art Criticism - Critical Modalities To Consider
Spirituality and Ritual Spaces - Overview
Communal Needs and Purposes - An Overview
Politics, Conflict, and War in Art - Overview
The Evolution of Identity Through Art - Overview
The Rise of Realism and The Birth of Photography
Key Developments in Architecture - Overview
Sculptural Types and Methods - Overview -
Notable Collage Artists and Works - Overview
Types of Printmaking Techniques - Overview
Types of Painting Media - Overview of Medium
Types of Drawing Media - Overview of Materials
Short Film Crew Roles in Film Production
Camera Composition & Movement - Film Production
Ad

Recently uploaded (20)

PDF
Pre independence Education in Inndia.pdf
PDF
Computing-Curriculum for Schools in Ghana
PPTX
Cell Structure & Organelles in detailed.
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PDF
Insiders guide to clinical Medicine.pdf
PDF
Anesthesia in Laparoscopic Surgery in India
PPTX
Institutional Correction lecture only . . .
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
Cell Types and Its function , kingdom of life
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Classroom Observation Tools for Teachers
PDF
Basic Mud Logging Guide for educational purpose
PDF
01-Introduction-to-Information-Management.pdf
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPTX
PPH.pptx obstetrics and gynecology in nursing
Pre independence Education in Inndia.pdf
Computing-Curriculum for Schools in Ghana
Cell Structure & Organelles in detailed.
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Insiders guide to clinical Medicine.pdf
Anesthesia in Laparoscopic Surgery in India
Institutional Correction lecture only . . .
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
Cell Types and Its function , kingdom of life
O5-L3 Freight Transport Ops (International) V1.pdf
STATICS OF THE RIGID BODIES Hibbelers.pdf
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Abdominal Access Techniques with Prof. Dr. R K Mishra
Classroom Observation Tools for Teachers
Basic Mud Logging Guide for educational purpose
01-Introduction-to-Information-Management.pdf
FourierSeries-QuestionsWithAnswers(Part-A).pdf
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PPH.pptx obstetrics and gynecology in nursing

Elements of Art & Principles of Design Presentation

  • 1. The Elements of Art The basic building blocks of design.
  • 2. Line A continuous point (mark) used to delineate an edge, or to lead the eye through a design. A line is just a continuation of a point (dot), which is the smallest unit of design. Arthur Mackmurdo Wren's City Churches Cover, 1883 Line
  • 3. Types of Lines Static Horizontal = sense of peace and calm. Vertical = power, strength, grandeur, and awe. Dynamic Diagonal = speed, movement, and depth Curved = Create a sense of peace and tranquility. Kate Moross
  • 4. Leading Lines Lines that guide a viewer’s eyes around, or through, a design. NYC Subway Map, Massimo Vignelli
  • 5. An area with clear boundaries. Shape is 2D, Form is 3D Organic shapes occur naturally. Geometric shapes are mathematically calculated. (squares, circles, etc.) Sea=Dancer, Gino Severini, 1913 Shape/Form
  • 6. Used to create a sense of depth, and is made up of two kinds of space: Positive space – the object(s) in the artwork. Negative space – the area around/between the object(s) in the artwork. (also known as whitespace. Includes line breaks, margins, tabs & spaces.) Shigeo Fukuda Space
  • 7. How a surface looks and/or feels. In some forms of art & design, the artist can create a surface texture that can be felt by hand. In other forms of art, such as photography or graphic design, the texture is implied but cannot be felt. Keith Barney Texture
  • 8. The range from light to dark in a design. Chip Kidd Value
  • 9. Color Color is what we see when light reflects off of an object. The three dimensions of color are Hue (actual color such as “blue” or “orange”), Saturation (intensity), and Value (brightness).
  • 10. Complimentary Colors Directly across from each other on the color wheel. Make each other appear brighter and more intense. Lucian Bernhard
  • 11. Next to each other on the color wheel. Create a feeling of harmony. Think You Can’t Write? Think Again! Art Director: Patricia Meyer Designer: Patricia Meyer Analogous Colors
  • 12. Indicate safety Draw the viewer into the frame Can build excitement Marian Bantjes Warm Colors
  • 13. Indicate uncertainty Push the viewer from the frame Can dampen the mood Lou Reed Poster, Stefan Sagmeister Cool Colors
  • 14. The Principles of Design Ways to combine the elements of art to make a more powerful design/composition
  • 15. What is Design? Design is the strategic arrangement of visual elements within a two-dimensional space to form a unified and holistic impression. Sometimes, the word composition is used as an alternative way of describing the same process. While each medium (film, graphic design, print, etc.) has specific visual design expectations, there are some theories and design principles that apply across all forms of visual communication.
  • 16. Compositional Rules The proper composition of visual elements generates not only visual stability, it enhances mood through composition and generates order that prevents visual chaos. Designers use compositional rules in their work to make the reader enter their work and experience a design environment that is calm yet exciting, quiet yet interesting. Organizational principles create a framework for design without determining the end results. Compositional rules can be used to generate content as well as organize it.
  • 17. An element (color, shape, form, etc.) that occurs over and over in a design. It is more visually appealing to vary the repetition to some degree. Poster, Varvara Stepanova Pattern/Repetition
  • 18. Contrast Most often, people think of contrast as pertaining to value (the range of light and dark) in a design. However, contrast can also be created using color, shape, or any other element that provides a sense of visual discord. Saul Bass, 1959
  • 19. Our perception of an object’s size is related to the size and position of other objects within the field of view. Proportion
  • 20. Position objects that belong together along a common edge or implied line. Joseph Muller-Brockman Alignment
  • 21. Balance Balance is a sense of visual stability within a design. Symmetrical - objects are the same size, color, and/or shape Asymmetrical - achieved with a combination of objects of varying sizes, shapes, and colors. Barbara Kruger
  • 22. Movement can be a literal representation, or implied through repetition of shape (rhythm) or the alternation of lights and darks. Armin Hofmann Movement
  • 23. A way of directing the viewer’s eye to the most important aspect of the work. Designers may create emphasis using a variety of methods including size, color, placement, or contrast. Emphasis Milton Glaser, I Love New York logo, 1977
  • 24. Occurs when all of the elements work together to support the overall theme/object of the work, rather than distract the viewer. Seymour Chwast Unity
  • 25. References & Resources Graphic Design and Print Production Fundamentals by Graphic Communications Open Textbook Collective is licensed under a Creative Commons Attribution 4.0 International License, except where otherwise noted. Psychology, Sensation and Perception, Gestalt Principles of Perception - Creative Commons Attribution Non-Commercial