SlideShare a Scribd company logo
1 of 18
Visual Elements
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.
2001:A Space Odyssey (Stanley Kubrick, 1968)
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.
Bedroom at Arles (1992) Roy Lichtenstein
Leading Lines
Lines that guide a viewer’s
eyes around, or through, a
design.
Scanno (1953) Henri Cartier-Bresson
Shape/Form
An area with clear
boundaries.
Shape is 2D, Form is 3D
Organic shapes occur
naturally.
Geometric shapes are
mathematically calculated.
(squares, circles, etc.)
Shell (1927) Edward Weston
Space
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.)
(Costello, ch. 4)
Digital Workspaces
Measured in pixels—tiny
rectangular or square
blocks of color.
Width is measured along
x-axis (horizontally), and
height is measured along
y-axis (vertically).
Coordinates are an x:y
position. The upper left-
hand corner is (0:0).
(Costello, ch. 4)
Texture
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.
Georgia O’Keeffe Annie Leibovitz
Value
The range from light to
dark in a design.
Migrant Mother (1936) Dorothea Lange
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.
Afghan Girl (1984) Steve McCurry
STEM Conference Program Art Director: Seamus Duerr Designer: Kristina Fick
Analogous Colors
Next to each other on the
color wheel.
Create a feeling of
harmony.
Image Source: https://photographyicon.com/analogous
Think You Can’t Write? Think Again! Art Director: Patricia Meyer Designer: Patricia Meyer
Warm Colors
Indicate safety
Draw the viewer into the
frame
Can build excitement
Life of Pi (Ang Lee, 2012)
Cool Colors
Indicate uncertainty
Push the viewer from the
frame
Can dampen the mood
The Revenant (Alejandro González Iñárritu, 2016)

More Related Content

What's hot

The History of Graphic Design
The History of Graphic DesignThe History of Graphic Design
The History of Graphic DesignMatt Erickson
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The BasicsMainstreethost
 
Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and TrendsRida Farooq
 
1.01 Typography Usability and Readability
1.01 Typography Usability and Readability1.01 Typography Usability and Readability
1.01 Typography Usability and ReadabilityMsGilbert
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Tomasz Charnas
 
Elements of Graphic Design
Elements of Graphic DesignElements of Graphic Design
Elements of Graphic Designclewis86
 
Typography
TypographyTypography
Typographymjones27
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typographyMigle Migle
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication DesignSarun Pinyarat
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A PresentationGraeme Smith
 
1 visual comunication pptx
1 visual comunication pptx1 visual comunication pptx
1 visual comunication pptxasun camarasa
 

What's hot (20)

The History of Graphic Design
The History of Graphic DesignThe History of Graphic Design
The History of Graphic Design
 
Typography 101: The Basics
Typography 101: The BasicsTypography 101: The Basics
Typography 101: The Basics
 
Elements of design
Elements of designElements of design
Elements of design
 
Typography - History, Basics and Trends
Typography - History, Basics and TrendsTypography - History, Basics and Trends
Typography - History, Basics and Trends
 
1.01 Typography Usability and Readability
1.01 Typography Usability and Readability1.01 Typography Usability and Readability
1.01 Typography Usability and Readability
 
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...Good practises in graphic design, typography and editing: “Clear Layout. Basi...
Good practises in graphic design, typography and editing: “Clear Layout. Basi...
 
Elements of Graphic Design
Elements of Graphic DesignElements of Graphic Design
Elements of Graphic Design
 
It's all about typography
It's all about typographyIt's all about typography
It's all about typography
 
Typography
TypographyTypography
Typography
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
 
Graphic design
Graphic designGraphic design
Graphic design
 
Typography
TypographyTypography
Typography
 
Visual language
Visual language Visual language
Visual language
 
A crash course in typography
A crash course in typographyA crash course in typography
A crash course in typography
 
Intro to Graphic Design Elements
Intro to Graphic Design ElementsIntro to Graphic Design Elements
Intro to Graphic Design Elements
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication Design
 
Typography, A Presentation
Typography, A PresentationTypography, A Presentation
Typography, A Presentation
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
1 visual comunication pptx
1 visual comunication pptx1 visual comunication pptx
1 visual comunication pptx
 

Similar to Visual Elements

Elements & principles
Elements & principlesElements & principles
Elements & principlesProfessor Bauer
 
Visual Communication Design Theories
Visual Communication Design TheoriesVisual Communication Design Theories
Visual Communication Design TheoriesProfessor Bauer
 
The Elements of Art and Principles of Design
The Elements of Art and Principles of DesignThe Elements of Art and Principles of Design
The Elements of Art and Principles of DesignProfessor Bauer
 
Art Vocabulary
Art VocabularyArt Vocabulary
Art VocabularyT. White
 
Art1100 LVA 4 Online
Art1100 LVA 4 OnlineArt1100 LVA 4 Online
Art1100 LVA 4 OnlineDan Gunn
 
Powerpoint Elements and Principles
Powerpoint Elements and PrinciplesPowerpoint Elements and Principles
Powerpoint Elements and PrinciplesHeather Soodak
 
ART ELEMENTS
 ART ELEMENTS ART ELEMENTS
ART ELEMENTSblakele
 
The Visual Elements
The Visual ElementsThe Visual Elements
The Visual ElementsGary Freeman
 
ELEMENTTS AND PRINCIPLES OF ARTS.ppt
ELEMENTTS AND PRINCIPLES OF ARTS.pptELEMENTTS AND PRINCIPLES OF ARTS.ppt
ELEMENTTS AND PRINCIPLES OF ARTS.pptJuneSadana
 
Chapter 10 illusion of space
Chapter 10 illusion of spaceChapter 10 illusion of space
Chapter 10 illusion of spaceTracie King
 
Compositio 2 -_visual_elements[1]
Compositio 2 -_visual_elements[1]Compositio 2 -_visual_elements[1]
Compositio 2 -_visual_elements[1]MArtist1
 
Elements of Art and Principles of Design
Elements of Art and Principles of DesignElements of Art and Principles of Design
Elements of Art and Principles of Designmrsbauerart
 
Elements and Principles of art and the Processes used to create art
Elements and Principles of art and the Processes used to create artElements and Principles of art and the Processes used to create art
Elements and Principles of art and the Processes used to create artAramais Orkusyan
 
Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts Maryna Tsehelska
 

Similar to Visual Elements (20)

Elements & principles
Elements & principlesElements & principles
Elements & principles
 
Visual Communication Design Theories
Visual Communication Design TheoriesVisual Communication Design Theories
Visual Communication Design Theories
 
The Elements of Art and Principles of Design
The Elements of Art and Principles of DesignThe Elements of Art and Principles of Design
The Elements of Art and Principles of Design
 
Elements of Art
Elements of ArtElements of Art
Elements of Art
 
Art Vocabulary
Art VocabularyArt Vocabulary
Art Vocabulary
 
Art1100 LVA 4 Online
Art1100 LVA 4 OnlineArt1100 LVA 4 Online
Art1100 LVA 4 Online
 
Powerpoint Elements and Principles
Powerpoint Elements and PrinciplesPowerpoint Elements and Principles
Powerpoint Elements and Principles
 
ART ELEMENTS
 ART ELEMENTS ART ELEMENTS
ART ELEMENTS
 
The Visual Elements
The Visual ElementsThe Visual Elements
The Visual Elements
 
Arod elements of art
Arod elements of artArod elements of art
Arod elements of art
 
ELEMENTTS AND PRINCIPLES OF ARTS.ppt
ELEMENTTS AND PRINCIPLES OF ARTS.pptELEMENTTS AND PRINCIPLES OF ARTS.ppt
ELEMENTTS AND PRINCIPLES OF ARTS.ppt
 
Chapter 10 illusion of space
Chapter 10 illusion of spaceChapter 10 illusion of space
Chapter 10 illusion of space
 
Elements and-principles
Elements and-principlesElements and-principles
Elements and-principles
 
Slo study guide 2015
Slo study guide 2015Slo study guide 2015
Slo study guide 2015
 
Compositio 2 -_visual_elements[1]
Compositio 2 -_visual_elements[1]Compositio 2 -_visual_elements[1]
Compositio 2 -_visual_elements[1]
 
Elements of Art and Principles of Design
Elements of Art and Principles of DesignElements of Art and Principles of Design
Elements of Art and Principles of Design
 
Chapter2
Chapter2Chapter2
Chapter2
 
Elements and Principles of art and the Processes used to create art
Elements and Principles of art and the Processes used to create artElements and Principles of art and the Processes used to create art
Elements and Principles of art and the Processes used to create art
 
Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts Workshop 8 Teaching about Visual Arts
Workshop 8 Teaching about Visual Arts
 
Chapter 2
Chapter 2Chapter 2
Chapter 2
 

More from Professor Bauer

Elements of Art & Principles of Design Presentation
Elements of Art & Principles of Design PresentationElements of Art & Principles of Design Presentation
Elements of Art & Principles of Design PresentationProfessor Bauer
 
Elements and Principles of Art - Art 101 @ MCC
Elements and Principles of Art - Art 101 @ MCCElements and Principles of Art - Art 101 @ MCC
Elements and Principles of Art - Art 101 @ MCCProfessor Bauer
 
Intro to Art Appreciation - Art 101 @ MCC
Intro to Art Appreciation - Art 101 @ MCCIntro to Art Appreciation - Art 101 @ MCC
Intro to Art Appreciation - Art 101 @ MCCProfessor Bauer
 
Elements of Art & Principles of Design
Elements of Art & Principles of DesignElements of Art & Principles of Design
Elements of Art & Principles of DesignProfessor Bauer
 
Intro to Art Appreciation
Intro to Art AppreciationIntro to Art Appreciation
Intro to Art AppreciationProfessor Bauer
 
Common Uses of Textbook Graphics
Common Uses of Textbook GraphicsCommon Uses of Textbook Graphics
Common Uses of Textbook GraphicsProfessor Bauer
 
Ethical Considerations for Visual Media Makers.pptx
Ethical Considerations for Visual Media Makers.pptxEthical Considerations for Visual Media Makers.pptx
Ethical Considerations for Visual Media Makers.pptxProfessor Bauer
 
15 tips for taking smartphone photos for social media
15 tips for taking smartphone photos for social media15 tips for taking smartphone photos for social media
15 tips for taking smartphone photos for social mediaProfessor Bauer
 
Graphic Design for Social Media
Graphic Design for Social MediaGraphic Design for Social Media
Graphic Design for Social MediaProfessor Bauer
 
Tips for Securing Your Facebook Account
Tips for Securing Your Facebook AccountTips for Securing Your Facebook Account
Tips for Securing Your Facebook AccountProfessor Bauer
 

More from Professor Bauer (20)

Elements of Art & Principles of Design Presentation
Elements of Art & Principles of Design PresentationElements of Art & Principles of Design Presentation
Elements of Art & Principles of Design Presentation
 
Elements and Principles of Art - Art 101 @ MCC
Elements and Principles of Art - Art 101 @ MCCElements and Principles of Art - Art 101 @ MCC
Elements and Principles of Art - Art 101 @ MCC
 
Intro to Art Appreciation - Art 101 @ MCC
Intro to Art Appreciation - Art 101 @ MCCIntro to Art Appreciation - Art 101 @ MCC
Intro to Art Appreciation - Art 101 @ MCC
 
Elements of Art & Principles of Design
Elements of Art & Principles of DesignElements of Art & Principles of Design
Elements of Art & Principles of Design
 
Intro to Art Appreciation
Intro to Art AppreciationIntro to Art Appreciation
Intro to Art Appreciation
 
Common Uses of Textbook Graphics
Common Uses of Textbook GraphicsCommon Uses of Textbook Graphics
Common Uses of Textbook Graphics
 
Anatomy of a Textbook
Anatomy of a TextbookAnatomy of a Textbook
Anatomy of a Textbook
 
Page Layout
Page LayoutPage Layout
Page Layout
 
Rhetoric & Design
Rhetoric & DesignRhetoric & Design
Rhetoric & Design
 
Sketches
SketchesSketches
Sketches
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
Ethical Considerations for Visual Media Makers.pptx
Ethical Considerations for Visual Media Makers.pptxEthical Considerations for Visual Media Makers.pptx
Ethical Considerations for Visual Media Makers.pptx
 
Deceptive Advertising
Deceptive AdvertisingDeceptive Advertising
Deceptive Advertising
 
Media changes
Media changesMedia changes
Media changes
 
15 tips for taking smartphone photos for social media
15 tips for taking smartphone photos for social media15 tips for taking smartphone photos for social media
15 tips for taking smartphone photos for social media
 
Graphic Design for Social Media
Graphic Design for Social MediaGraphic Design for Social Media
Graphic Design for Social Media
 
Word press basics
Word press basicsWord press basics
Word press basics
 
Tips for Securing Your Facebook Account
Tips for Securing Your Facebook AccountTips for Securing Your Facebook Account
Tips for Securing Your Facebook Account
 
Composition for Video
Composition for VideoComposition for Video
Composition for Video
 
Writing about film
Writing about filmWriting about film
Writing about film
 

Recently uploaded

Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Micromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersMicromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersChitralekhaTherkar
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991RKavithamani
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 

Recently uploaded (20)

Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Micromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersMicromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of Powders
 
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
Industrial Policy - 1948, 1956, 1973, 1977, 1980, 1991
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 

Visual Elements

  • 1. Visual Elements 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. 2001:A Space Odyssey (Stanley Kubrick, 1968)
  • 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. Bedroom at Arles (1992) Roy Lichtenstein
  • 4. Leading Lines Lines that guide a viewer’s eyes around, or through, a design. Scanno (1953) Henri Cartier-Bresson
  • 5. Shape/Form An area with clear boundaries. Shape is 2D, Form is 3D Organic shapes occur naturally. Geometric shapes are mathematically calculated. (squares, circles, etc.) Shell (1927) Edward Weston
  • 6. Space 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.) (Costello, ch. 4)
  • 7. Digital Workspaces Measured in pixels—tiny rectangular or square blocks of color. Width is measured along x-axis (horizontally), and height is measured along y-axis (vertically). Coordinates are an x:y position. The upper left- hand corner is (0:0). (Costello, ch. 4)
  • 8. Texture 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. Georgia O’Keeffe Annie Leibovitz
  • 9. Value The range from light to dark in a design. Migrant Mother (1936) Dorothea Lange
  • 10.
  • 11.
  • 12. 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).
  • 13. Complimentary Colors Directly across from each other on the color wheel. Make each other appear brighter and more intense. Afghan Girl (1984) Steve McCurry
  • 14. STEM Conference Program Art Director: Seamus Duerr Designer: Kristina Fick
  • 15. Analogous Colors Next to each other on the color wheel. Create a feeling of harmony. Image Source: https://photographyicon.com/analogous
  • 16. Think You Can’t Write? Think Again! Art Director: Patricia Meyer Designer: Patricia Meyer
  • 17. Warm Colors Indicate safety Draw the viewer into the frame Can build excitement Life of Pi (Ang Lee, 2012)
  • 18. Cool Colors Indicate uncertainty Push the viewer from the frame Can dampen the mood The Revenant (Alejandro González Iñárritu, 2016)