SlideShare a Scribd company logo
1 of 10
DESIGN CONCEPTS
Used in “Black Squares” and
 “Nursery Rhyme” Problem
DESIGN CONCEPTS
•Framing
•Balance
•Touching
•Overlapping and cropping of forms
•Illusory space
•Contrast of elements
•Negative and positive
FRAMING
Think of the outside edge of a picture as a
frame. Framing is the position of an object
within the boundary of the image. When
you crop a picture to a smaller size, you’re
changing the relationship to the frame.
When you make a composition from
scratch your elements can be within the
frame, touching the frame, or appear to
extend beyond the frame, like looking out
a window and seeing objects partially
hidden by the wall around the window.
BALANCE
 As you make a composition from
 scratch your elements need to be
 arranged so they appear balanced.
 This is like balancing objects on a See-
 Saw (a flat plank on a triangular
 fulcrum); if you put a large object on
 one end and a small one on the other
 you must change the position of the
 fulcrum or add more small objects to
 balance the big one.
TOUCHING
 Distinct elements within a composition
 don’t have to be separate; they can
 just touch at a corner or along part or
 all of one edge. The way things touch
 can tell you about their relationship to
 each other.
OVERLAPPING
 Distinct elements within a composition
 can overlap each other or be cropped
 by the frame of the image. When
 combined with changes in relative
 size this can imply position in illusory
 space.
ILLUSORY SPACE
Since images on paper are flat (2D) you can only
create an illusion of 3D space by the position
and relative size of the objects within the
composition.
Since we usually can’t see through objects we
assume that when one overlaps another, the
one in front is closer. As things get closer to the
eye they appear larger, so if two things look
similar but one is larger it’s probably closer. In a
composition this is called relative size. By using
different sizes and overlapping you can create a
plausible illusion of position in 3D space.
CONTRAST
 You can create or suggest many
 different meanings just by the contrast
 of elements in terms of size, direction,
 space, and position.
 • Size (larger or smaller)
 • Direction (rotation of objects, or
 groups of objects
 • Space (separating objects)
 • Position (of elements, relative to
 each other and the image frame)
NEGATIVE+POSITIVE 01
  If you put a single element onto a page,
  say a large black letter “A” on a white
  background, you’d say that the “A” is in
  the foreground. We’re used to thinking
  about the recognizable, foreground object
  as being more important; in art and
  design it’s called positive. Everything
  else, the white space around it and the
  white triangular hole in it is said to be
  negative.
NEGATIVE+POSITIVE 02
  Design tends to treat positive and
  negative elements as having equal value,
  as interlocking parts of a whole like a yin-
  yang symbol. Negative can even become
  positive, and vice versa. In a good
  composition there is a dynamic
  relationship between positive elements
  and negative space (dynamic in this sense
  means moving or changing).

More Related Content

Similar to Four Black Squares Design Concepts

KCC Art 141 Chapter 5 Space
KCC Art 141 Chapter 5 SpaceKCC Art 141 Chapter 5 Space
KCC Art 141 Chapter 5 Space
Kelly Parker
 
Three Dimensional Space
Three Dimensional SpaceThree Dimensional Space
Three Dimensional Space
cjoyce104
 
Visio 2007ù Expertly Position, Stack, And Group Shapes
Visio 2007ù Expertly Position, Stack, And Group ShapesVisio 2007ù Expertly Position, Stack, And Group Shapes
Visio 2007ù Expertly Position, Stack, And Group Shapes
Oklahoma Dept. Mental Health
 
Visual composition slideshow
Visual composition slideshowVisual composition slideshow
Visual composition slideshow
bluedevils
 
The Principles of Design
The Principles of DesignThe Principles of Design
The Principles of Design
Ramamurthy KS
 
Elementsprinciples 091210004439-phpapp01
Elementsprinciples 091210004439-phpapp01Elementsprinciples 091210004439-phpapp01
Elementsprinciples 091210004439-phpapp01
anjoronjust
 

Similar to Four Black Squares Design Concepts (20)

Design Element 3 - "Space"
Design Element 3 - "Space"Design Element 3 - "Space"
Design Element 3 - "Space"
 
Green drawing figure_ground_updated
Green drawing figure_ground_updatedGreen drawing figure_ground_updated
Green drawing figure_ground_updated
 
Alison Mc Bride Ppt (Leadership) Ch 3
Alison Mc Bride Ppt (Leadership) Ch 3Alison Mc Bride Ppt (Leadership) Ch 3
Alison Mc Bride Ppt (Leadership) Ch 3
 
Ch 3 Mental Prisms of Leadership by Fenwick W. English, PhD
Ch 3 Mental Prisms of Leadership by Fenwick W. English, PhDCh 3 Mental Prisms of Leadership by Fenwick W. English, PhD
Ch 3 Mental Prisms of Leadership by Fenwick W. English, PhD
 
Alison Mc Bride Ppt (Leadership) Ch 3
Alison Mc Bride Ppt (Leadership) Ch 3Alison Mc Bride Ppt (Leadership) Ch 3
Alison Mc Bride Ppt (Leadership) Ch 3
 
Chapter 4- The Art of Educational Leadership by Dr. Fenwick W. English, Prese...
Chapter 4- The Art of Educational Leadership by Dr. Fenwick W. English, Prese...Chapter 4- The Art of Educational Leadership by Dr. Fenwick W. English, Prese...
Chapter 4- The Art of Educational Leadership by Dr. Fenwick W. English, Prese...
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Principle of design
Principle of design Principle of design
Principle of design
 
The Figure-Ground Relationship in Art
The Figure-Ground Relationship in ArtThe Figure-Ground Relationship in Art
The Figure-Ground Relationship in Art
 
KCC Art 141 Chapter 5 Space
KCC Art 141 Chapter 5 SpaceKCC Art 141 Chapter 5 Space
KCC Art 141 Chapter 5 Space
 
Photo composition
Photo compositionPhoto composition
Photo composition
 
Guide to print ad visuals
Guide to print ad visualsGuide to print ad visuals
Guide to print ad visuals
 
Three Dimensional Space
Three Dimensional SpaceThree Dimensional Space
Three Dimensional Space
 
Visio 2007ù Expertly Position, Stack, And Group Shapes
Visio 2007ù Expertly Position, Stack, And Group ShapesVisio 2007ù Expertly Position, Stack, And Group Shapes
Visio 2007ù Expertly Position, Stack, And Group Shapes
 
Visual composition slideshow
Visual composition slideshowVisual composition slideshow
Visual composition slideshow
 
The Principles of Design
The Principles of DesignThe Principles of Design
The Principles of Design
 
Design principles
Design principlesDesign principles
Design principles
 
Elements & Principles of Design
Elements & Principles of DesignElements & Principles of Design
Elements & Principles of Design
 
Elementsprinciples 091210004439-phpapp01
Elementsprinciples 091210004439-phpapp01Elementsprinciples 091210004439-phpapp01
Elementsprinciples 091210004439-phpapp01
 

More from James Brown (9)

Parts of a Script
Parts of a ScriptParts of a Script
Parts of a Script
 
One Shot Short Introduction
One Shot Short IntroductionOne Shot Short Introduction
One Shot Short Introduction
 
Idea Mapping
Idea MappingIdea Mapping
Idea Mapping
 
Media Literacy (Brief) Overview Storyboard
Media Literacy (Brief) Overview StoryboardMedia Literacy (Brief) Overview Storyboard
Media Literacy (Brief) Overview Storyboard
 
Elements and Principles of Visual Design
Elements and Principles of Visual DesignElements and Principles of Visual Design
Elements and Principles of Visual Design
 
James D Brown Oral Defense Presentation
James D Brown Oral Defense PresentationJames D Brown Oral Defense Presentation
James D Brown Oral Defense Presentation
 
Digital Design & Criticism Introduction
Digital Design & Criticism IntroductionDigital Design & Criticism Introduction
Digital Design & Criticism Introduction
 
Boys to Men Mentoring Introduction
Boys to Men Mentoring IntroductionBoys to Men Mentoring Introduction
Boys to Men Mentoring Introduction
 
ePortfolio Presentation from Educating for Careers
ePortfolio Presentation from Educating for CareersePortfolio Presentation from Educating for Careers
ePortfolio Presentation from Educating for Careers
 

Recently uploaded

The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
ciinovamais
 

Recently uploaded (20)

Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural ResourcesEnergy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
Energy Resources. ( B. Pharmacy, 1st Year, Sem-II) Natural Resources
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-IIFood Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
Food Chain and Food Web (Ecosystem) EVS, B. Pharmacy 1st Year, Sem-II
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 

Four Black Squares Design Concepts

  • 1. DESIGN CONCEPTS Used in “Black Squares” and “Nursery Rhyme” Problem
  • 2. DESIGN CONCEPTS •Framing •Balance •Touching •Overlapping and cropping of forms •Illusory space •Contrast of elements •Negative and positive
  • 3. FRAMING Think of the outside edge of a picture as a frame. Framing is the position of an object within the boundary of the image. When you crop a picture to a smaller size, you’re changing the relationship to the frame. When you make a composition from scratch your elements can be within the frame, touching the frame, or appear to extend beyond the frame, like looking out a window and seeing objects partially hidden by the wall around the window.
  • 4. BALANCE As you make a composition from scratch your elements need to be arranged so they appear balanced. This is like balancing objects on a See- Saw (a flat plank on a triangular fulcrum); if you put a large object on one end and a small one on the other you must change the position of the fulcrum or add more small objects to balance the big one.
  • 5. TOUCHING Distinct elements within a composition don’t have to be separate; they can just touch at a corner or along part or all of one edge. The way things touch can tell you about their relationship to each other.
  • 6. OVERLAPPING Distinct elements within a composition can overlap each other or be cropped by the frame of the image. When combined with changes in relative size this can imply position in illusory space.
  • 7. ILLUSORY SPACE Since images on paper are flat (2D) you can only create an illusion of 3D space by the position and relative size of the objects within the composition. Since we usually can’t see through objects we assume that when one overlaps another, the one in front is closer. As things get closer to the eye they appear larger, so if two things look similar but one is larger it’s probably closer. In a composition this is called relative size. By using different sizes and overlapping you can create a plausible illusion of position in 3D space.
  • 8. CONTRAST You can create or suggest many different meanings just by the contrast of elements in terms of size, direction, space, and position. • Size (larger or smaller) • Direction (rotation of objects, or groups of objects • Space (separating objects) • Position (of elements, relative to each other and the image frame)
  • 9. NEGATIVE+POSITIVE 01 If you put a single element onto a page, say a large black letter “A” on a white background, you’d say that the “A” is in the foreground. We’re used to thinking about the recognizable, foreground object as being more important; in art and design it’s called positive. Everything else, the white space around it and the white triangular hole in it is said to be negative.
  • 10. NEGATIVE+POSITIVE 02 Design tends to treat positive and negative elements as having equal value, as interlocking parts of a whole like a yin- yang symbol. Negative can even become positive, and vice versa. In a good composition there is a dynamic relationship between positive elements and negative space (dynamic in this sense means moving or changing).