SlideShare a Scribd company logo
1 of 39
Download to read offline
LANGUAGE OF DESIGN
F O R M + S PA C E
Form
Form is considered a positive element,
        a solid thing or object.
Space
Form is considered negative—not in a bad way, but as the
 absence, or opposite, of form. Space is the “ground” in
             which form becomes a “figure.”
All form has meaning.
The space between and around forms is often called
    whitespace (although it is not always white).
Where is the space?
Contrast/Difference
 How we distinguish between form and space. The human
  brain innately simplifies and groups similar elements. If it
cannot easily make these connections, it perceives confusion.
We are hardwired to find differences in our environment
Form is Space, Space is Form
The relationship between form and space, or figure and
 ground, is complementary and mutually dependent: it’s
        impossible to alter one and not the other.
The relationship of form and space creates meaning.
Form + Space = Visual Logic
    Visual logic, all by itself, can also carry meaning. The
figure/ground relationship composed in such a way that the
    feeling this compositional, or visual logic, generates is
           perceived as appropriate to the message.
THE ELEMENTS   THE PRINCIPLES
 OF DESIGN       OF DESIGN


    Line          Balance
   Shape         Emphasis
  Texture         Rhythm
   Space           Unity
    Size          Contrast
   Value
THE ELEMENTS OF DESIGN




 from Design for Communication, Elizabeth Resnick
Line
Shape
Texture
Space
 Size
Value
LINE
     Lines can organize, direct, separate, be expressive, suggest emotion,
  or create rhythm. They can join elements or divide them using a rule, which
         is a line that separates one element in a design from another.




Saul Bass




                                                                        Emil Steinberger, 1965
                                Susanna Dulkinys, 2003
SHAPE
   The external outline of a form or anything that has height and width.
An example would be the three basic shapes: the circle, the square, and the
  triangle, considered to be the fundamental shapes found in all design.




Saul Bass


                             Paul Rand, 1985


                                                                          Max Bill, 1944
TEXTURE
   The look and feel of a surface. In two-dimensional form, texture is
essentially visual and adds richness and dimension to work. Texture can
                also refer to pattern, which is visual texture.




                                                                          Sony Music, 2001




      Donald Brun, 1946
                                                   William Golden, 1951
S PA C E
  Refers to the distance between shapes and forms, but it is best understood
in design as white space or negative space—terms used to refer to the empty
             but often active areas that are void of visual elements.




                      The Pushpin Group, 2004


                                                                Bruno Munari, 1982
SIZE
   How big or small something is in scale to other objects. Scale refers to the
 process of making size relationships. unless there is a scale of reference within
a design, it is impossible to discern the relative scale of objects and the meaning
                                   they represent.




                        Herbert Matter, 1935

                                                                      Helmut Krone, 1959
VA L U E ( & C O L O R )
The relative lightness or darkness of an area or object. Value adds dimension by
 creating the illusion of depth in a design. With the addition of a color, you can
            create and convey a mood to enhance a strong concept.




                                                                      Metropolis Magazine, 2005
                Paula Scher
THE PRINCIPLES OF DESIGN
Balance
Emphasis
Rhythm
 Unity
Contrast
BALANCE
—occurs when all the design elements are equally distributed through the design.
   There are essentially two types of balance: symmetrical and asymetrical.
 Symmetrical elements are arranged equally on both sides of a composition to
  suggest a stable or static motion. Asymetrical elements create a deliberate
             imbalance to suggest variety or dynamic movement.




                                                                       Tibor Kalman, 1980




                                          FT Marienetti, 1914
                 1937
EMPHASIS
    —indicates the most important element on the page based on the message.
It’s the element that stands out and gets noticed first. The most emphasized visual
      element in a design is called a focal point because it attracts the viewer’s
attention first. How can you create emphasis in design? By taking an element and
   making it bigger, bolder, or brighter, by putting it in a contrasting color, or by
                          surrounding it with white space.




                 Aleksandr Rodchenko, 1923
                                                                  Ellen Lupton, 2006
RHYTHM
  —is a pattern created by repeating elements. Rhythm denotes the movement
in the way that elements direct our gaze to scan the message for understanding
  or information. The term sequence is used to refer to the viewing order of the
    elements and to determine the flow of a multipage publication such as a
                              magazine or book.




                                                                    1927

                      Josef Müller-Brockmann
UNITY
 —is achieved when all the design elements relate to one another and project a
  sense of completeness. Gestalt theory is the psychological process by which a
viewer unites disparate design elements into a whole form that is greater than the
   sum of its parts. Two such ideas are grouping and figure/ground. Grouping
   happens when elements are close together and visually appear as part of a
 group. Figure/ground occurs when a viewer can identify an object (figure) as a
                    shape distinct from its background (ground).




                                                                      Paula Scher
CONTRAST
—stresses the visual differences in size, shape, and color between the elements to
enhance the perception of a message intended. Contrast also draws and directs
              the viewer’s attention to specific areas of information.




                              Saul Bass                     Barbara Kruger, 1987
THE ELEMENTS   THE PRINCIPLES
 OF DESIGN       OF DESIGN


    Line          Balance
   Shape         Emphasis
  Texture         Rhythm
   Space           Unity
    Size          Contrast
   Value

More Related Content

What's hot

Perspective
PerspectivePerspective
Perspectivej Nourry
 
Elements of design power point
Elements of design power pointElements of design power point
Elements of design power pointKristin Beeler
 
elements and principles of design
elements and principles of designelements and principles of design
elements and principles of designShahril Khairi
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfRAYMONDELIUD
 
Elements of Design
Elements of DesignElements of Design
Elements of DesignSteve Guinan
 
Sketching for Design
Sketching for DesignSketching for Design
Sketching for DesignJackson Fox
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual CultureDeborahJ
 
PRINCIPLES OF COMPOSITION
PRINCIPLES OF COMPOSITIONPRINCIPLES OF COMPOSITION
PRINCIPLES OF COMPOSITIONswetha karlmarx
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic DesignMariam Elias
 
Composition
CompositionComposition
Compositiond cason
 
Chapter 4 scale and proportion
Chapter 4 scale and proportionChapter 4 scale and proportion
Chapter 4 scale and proportionTracie King
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and ElementsMark Rotondella
 
Grid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User ExperienceGrid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User ExperienceDustin DiTommaso
 

What's hot (20)

Perspective
PerspectivePerspective
Perspective
 
Principles of design
Principles of designPrinciples of design
Principles of design
 
Design Elements
Design ElementsDesign Elements
Design Elements
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
Elements of design power point
Elements of design power pointElements of design power point
Elements of design power point
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Composition Tips
Composition TipsComposition Tips
Composition Tips
 
elements and principles of design
elements and principles of designelements and principles of design
elements and principles of design
 
Practical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdfPractical Lecture 3_Graphics Elements and Principles.pdf
Practical Lecture 3_Graphics Elements and Principles.pdf
 
Elements of design
Elements of designElements of design
Elements of design
 
Principles Of Design
Principles Of DesignPrinciples Of Design
Principles Of Design
 
Elements of Design
Elements of DesignElements of Design
Elements of Design
 
Sketching for Design
Sketching for DesignSketching for Design
Sketching for Design
 
Introduction to Visual Culture
Introduction to Visual CultureIntroduction to Visual Culture
Introduction to Visual Culture
 
PRINCIPLES OF COMPOSITION
PRINCIPLES OF COMPOSITIONPRINCIPLES OF COMPOSITION
PRINCIPLES OF COMPOSITION
 
History Of Graphic Design
History Of Graphic DesignHistory Of Graphic Design
History Of Graphic Design
 
Composition
CompositionComposition
Composition
 
Chapter 4 scale and proportion
Chapter 4 scale and proportionChapter 4 scale and proportion
Chapter 4 scale and proportion
 
Design Principles and Elements
Design Principles and ElementsDesign Principles and Elements
Design Principles and Elements
 
Grid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User ExperienceGrid Systems: Building Blocks to a Better User Experience
Grid Systems: Building Blocks to a Better User Experience
 

Viewers also liked

Viewers also liked (20)

Elective Fair Art Presentation
Elective Fair Art PresentationElective Fair Art Presentation
Elective Fair Art Presentation
 
IB Visual_arts
 IB Visual_arts IB Visual_arts
IB Visual_arts
 
Ceramic Pinch Pot Construction
Ceramic Pinch Pot ConstructionCeramic Pinch Pot Construction
Ceramic Pinch Pot Construction
 
Ceramic slab building techniques
Ceramic slab building techniquesCeramic slab building techniques
Ceramic slab building techniques
 
Koi Fish in Asian Art
Koi Fish in Asian ArtKoi Fish in Asian Art
Koi Fish in Asian Art
 
Ceramics vocabulary
Ceramics vocabularyCeramics vocabulary
Ceramics vocabulary
 
7 habitos mortales_vs_7_habitos_de_amor
7 habitos mortales_vs_7_habitos_de_amor7 habitos mortales_vs_7_habitos_de_amor
7 habitos mortales_vs_7_habitos_de_amor
 
Techniques in Ceramics
Techniques in CeramicsTechniques in Ceramics
Techniques in Ceramics
 
Sculpture
SculptureSculpture
Sculpture
 
LUXURY IN CHINA: Get Rich Is Glorious
LUXURY IN CHINA: Get Rich Is GloriousLUXURY IN CHINA: Get Rich Is Glorious
LUXURY IN CHINA: Get Rich Is Glorious
 
Winter Value Powerpoint
Winter Value PowerpointWinter Value Powerpoint
Winter Value Powerpoint
 
introduction to sculpture
introduction to sculptureintroduction to sculpture
introduction to sculpture
 
Introduction to clay
Introduction to clayIntroduction to clay
Introduction to clay
 
Elements & principles
Elements & principles Elements & principles
Elements & principles
 
Working with Clay
Working with ClayWorking with Clay
Working with Clay
 
Portraitdrawing
PortraitdrawingPortraitdrawing
Portraitdrawing
 
Line Quality
Line QualityLine Quality
Line Quality
 
Lino print process
Lino print processLino print process
Lino print process
 
Intro. ceramics powerpoint
Intro. ceramics powerpointIntro. ceramics powerpoint
Intro. ceramics powerpoint
 
Color Properties
Color PropertiesColor Properties
Color Properties
 

Similar to LANGUAGE OF DESIGN (Intro to GD, Wk 2)

Visual composition slideshow-briannafenton
Visual composition slideshow-briannafentonVisual composition slideshow-briannafenton
Visual composition slideshow-briannafentonbluedevils
 
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
 
Visual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina ChandVisual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina Chandbluedevils
 
Interior Design principles and elements
Interior Design principles and elementsInterior Design principles and elements
Interior Design principles and elementsDivya Suresh
 
Visual Communication Design Theories
Visual Communication Design TheoriesVisual Communication Design Theories
Visual Communication Design TheoriesProfessor Bauer
 
Visual composition slideshow -darlene dechambre
Visual composition slideshow -darlene dechambreVisual composition slideshow -darlene dechambre
Visual composition slideshow -darlene dechambrebluedevils
 
Art elements and principles
Art elements and principlesArt elements and principles
Art elements and principlesFernanGutierrez1
 
Gestalt & single image composition for designers
Gestalt & single image composition for designersGestalt & single image composition for designers
Gestalt & single image composition for designersKaitlin Hanger, Ph.D.
 
Basic elements and principles of design
Basic elements and principles of designBasic elements and principles of design
Basic elements and principles of designQanita Tarique
 
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 Designdamaba78
 
Elements and organization of art
Elements and organization of artElements and organization of art
Elements and organization of artNorwin Lechuga
 
Elements of Shape
Elements of ShapeElements of Shape
Elements of ShapeChadandBen
 
Formal elements of images
Formal elements of imagesFormal elements of images
Formal elements of imagesCnavarrovargas
 
Powerpoint Elements and Principles
Powerpoint Elements and PrinciplesPowerpoint Elements and Principles
Powerpoint Elements and PrinciplesHeather Soodak
 
Lecture 5 space and texture
Lecture 5 space and textureLecture 5 space and texture
Lecture 5 space and textureDimple Sharma
 

Similar to LANGUAGE OF DESIGN (Intro to GD, Wk 2) (20)

Visual composition slideshow-briannafenton
Visual composition slideshow-briannafentonVisual composition slideshow-briannafenton
Visual composition slideshow-briannafenton
 
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
 
Visual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina ChandVisual composition slideshow - Rubina Chand
Visual composition slideshow - Rubina Chand
 
Interior Design principles and elements
Interior Design principles and elementsInterior Design principles and elements
Interior Design principles and elements
 
Visual Communication Design Theories
Visual Communication Design TheoriesVisual Communication Design Theories
Visual Communication Design Theories
 
Elements of design
Elements of designElements of design
Elements of design
 
Visual composition slideshow -darlene dechambre
Visual composition slideshow -darlene dechambreVisual composition slideshow -darlene dechambre
Visual composition slideshow -darlene dechambre
 
Art elements and principles
Art elements and principlesArt elements and principles
Art elements and principles
 
Using White Space
Using White SpaceUsing White Space
Using White Space
 
Elements of Art & Photography
Elements of Art & PhotographyElements of Art & Photography
Elements of Art & Photography
 
Gestalt & single image composition for designers
Gestalt & single image composition for designersGestalt & single image composition for designers
Gestalt & single image composition for designers
 
Basic elements and principles of design
Basic elements and principles of designBasic elements and principles of design
Basic elements and principles of design
 
unity.ppt
unity.pptunity.ppt
unity.ppt
 
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
 
Elements and organization of art
Elements and organization of artElements and organization of art
Elements and organization of art
 
Elements of Shape
Elements of ShapeElements of Shape
Elements of Shape
 
Elements and-principles
Elements and-principlesElements and-principles
Elements and-principles
 
Formal elements of images
Formal elements of imagesFormal elements of images
Formal elements of images
 
Powerpoint Elements and Principles
Powerpoint Elements and PrinciplesPowerpoint Elements and Principles
Powerpoint Elements and Principles
 
Lecture 5 space and texture
Lecture 5 space and textureLecture 5 space and texture
Lecture 5 space and texture
 

More from Shawn Calvert

Basics of Web Navigation
Basics of Web NavigationBasics of Web Navigation
Basics of Web NavigationShawn Calvert
 
User Centered Design
User Centered DesignUser Centered Design
User Centered DesignShawn Calvert
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web DesignShawn Calvert
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML BasicsShawn Calvert
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS PresentationShawn Calvert
 
Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Shawn Calvert
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQueryShawn Calvert
 
HTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsHTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsShawn Calvert
 
10 Usability & UX Guidelines
10 Usability & UX Guidelines10 Usability & UX Guidelines
10 Usability & UX GuidelinesShawn Calvert
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User ExperienceShawn Calvert
 
Creating Images for the Web
Creating Images for the WebCreating Images for the Web
Creating Images for the WebShawn Calvert
 
CSS Foundations, pt 2
CSS Foundations, pt 2CSS Foundations, pt 2
CSS Foundations, pt 2Shawn Calvert
 
CSS Foundations, pt 1
CSS Foundations, pt 1CSS Foundations, pt 1
CSS Foundations, pt 1Shawn Calvert
 

More from Shawn Calvert (20)

HTML Email
HTML EmailHTML Email
HTML Email
 
Basics of Web Navigation
Basics of Web NavigationBasics of Web Navigation
Basics of Web Navigation
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
Intro to jQuery
Intro to jQueryIntro to jQuery
Intro to jQuery
 
Images on the Web
Images on the WebImages on the Web
Images on the Web
 
Introduction to Responsive Web Design
Introduction to Responsive Web DesignIntroduction to Responsive Web Design
Introduction to Responsive Web Design
 
Web Layout
Web LayoutWeb Layout
Web Layout
 
Web Typography
Web TypographyWeb Typography
Web Typography
 
Class Intro / HTML Basics
Class Intro / HTML BasicsClass Intro / HTML Basics
Class Intro / HTML Basics
 
Week 2-intro-html
Week 2-intro-htmlWeek 2-intro-html
Week 2-intro-html
 
Html / CSS Presentation
Html / CSS PresentationHtml / CSS Presentation
Html / CSS Presentation
 
Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03Web Design I Syllabus 22 3375-03
Web Design I Syllabus 22 3375-03
 
Intro to Javascript and jQuery
Intro to Javascript and jQueryIntro to Javascript and jQuery
Intro to Javascript and jQuery
 
HTML Foundations, pt 3: Forms
HTML Foundations, pt 3: FormsHTML Foundations, pt 3: Forms
HTML Foundations, pt 3: Forms
 
10 Usability & UX Guidelines
10 Usability & UX Guidelines10 Usability & UX Guidelines
10 Usability & UX Guidelines
 
Usability and User Experience
Usability and User ExperienceUsability and User Experience
Usability and User Experience
 
Creating Images for the Web
Creating Images for the WebCreating Images for the Web
Creating Images for the Web
 
Web Design Process
Web Design ProcessWeb Design Process
Web Design Process
 
CSS Foundations, pt 2
CSS Foundations, pt 2CSS Foundations, pt 2
CSS Foundations, pt 2
 
CSS Foundations, pt 1
CSS Foundations, pt 1CSS Foundations, pt 1
CSS Foundations, pt 1
 

Recently uploaded

AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 

Recently uploaded (20)

AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 

LANGUAGE OF DESIGN (Intro to GD, Wk 2)

  • 2. F O R M + S PA C E
  • 3. Form Form is considered a positive element, a solid thing or object.
  • 4. Space Form is considered negative—not in a bad way, but as the absence, or opposite, of form. Space is the “ground” in which form becomes a “figure.”
  • 5.
  • 6.
  • 7. All form has meaning.
  • 8.
  • 9.
  • 10.
  • 11. The space between and around forms is often called whitespace (although it is not always white).
  • 12. Where is the space?
  • 13.
  • 14. Contrast/Difference How we distinguish between form and space. The human brain innately simplifies and groups similar elements. If it cannot easily make these connections, it perceives confusion.
  • 15. We are hardwired to find differences in our environment
  • 16. Form is Space, Space is Form The relationship between form and space, or figure and ground, is complementary and mutually dependent: it’s impossible to alter one and not the other.
  • 17. The relationship of form and space creates meaning.
  • 18.
  • 19. Form + Space = Visual Logic Visual logic, all by itself, can also carry meaning. The figure/ground relationship composed in such a way that the feeling this compositional, or visual logic, generates is perceived as appropriate to the message.
  • 20.
  • 21.
  • 22.
  • 23. THE ELEMENTS THE PRINCIPLES OF DESIGN OF DESIGN Line Balance Shape Emphasis Texture Rhythm Space Unity Size Contrast Value
  • 24. THE ELEMENTS OF DESIGN from Design for Communication, Elizabeth Resnick
  • 26. LINE Lines can organize, direct, separate, be expressive, suggest emotion, or create rhythm. They can join elements or divide them using a rule, which is a line that separates one element in a design from another. Saul Bass Emil Steinberger, 1965 Susanna Dulkinys, 2003
  • 27. SHAPE The external outline of a form or anything that has height and width. An example would be the three basic shapes: the circle, the square, and the triangle, considered to be the fundamental shapes found in all design. Saul Bass Paul Rand, 1985 Max Bill, 1944
  • 28. TEXTURE The look and feel of a surface. In two-dimensional form, texture is essentially visual and adds richness and dimension to work. Texture can also refer to pattern, which is visual texture. Sony Music, 2001 Donald Brun, 1946 William Golden, 1951
  • 29. S PA C E Refers to the distance between shapes and forms, but it is best understood in design as white space or negative space—terms used to refer to the empty but often active areas that are void of visual elements. The Pushpin Group, 2004 Bruno Munari, 1982
  • 30. SIZE How big or small something is in scale to other objects. Scale refers to the process of making size relationships. unless there is a scale of reference within a design, it is impossible to discern the relative scale of objects and the meaning they represent. Herbert Matter, 1935 Helmut Krone, 1959
  • 31. VA L U E ( & C O L O R ) The relative lightness or darkness of an area or object. Value adds dimension by creating the illusion of depth in a design. With the addition of a color, you can create and convey a mood to enhance a strong concept. Metropolis Magazine, 2005 Paula Scher
  • 34. BALANCE —occurs when all the design elements are equally distributed through the design. There are essentially two types of balance: symmetrical and asymetrical. Symmetrical elements are arranged equally on both sides of a composition to suggest a stable or static motion. Asymetrical elements create a deliberate imbalance to suggest variety or dynamic movement. Tibor Kalman, 1980 FT Marienetti, 1914 1937
  • 35. EMPHASIS —indicates the most important element on the page based on the message. It’s the element that stands out and gets noticed first. The most emphasized visual element in a design is called a focal point because it attracts the viewer’s attention first. How can you create emphasis in design? By taking an element and making it bigger, bolder, or brighter, by putting it in a contrasting color, or by surrounding it with white space. Aleksandr Rodchenko, 1923 Ellen Lupton, 2006
  • 36. RHYTHM —is a pattern created by repeating elements. Rhythm denotes the movement in the way that elements direct our gaze to scan the message for understanding or information. The term sequence is used to refer to the viewing order of the elements and to determine the flow of a multipage publication such as a magazine or book. 1927 Josef Müller-Brockmann
  • 37. UNITY —is achieved when all the design elements relate to one another and project a sense of completeness. Gestalt theory is the psychological process by which a viewer unites disparate design elements into a whole form that is greater than the sum of its parts. Two such ideas are grouping and figure/ground. Grouping happens when elements are close together and visually appear as part of a group. Figure/ground occurs when a viewer can identify an object (figure) as a shape distinct from its background (ground). Paula Scher
  • 38. CONTRAST —stresses the visual differences in size, shape, and color between the elements to enhance the perception of a message intended. Contrast also draws and directs the viewer’s attention to specific areas of information. Saul Bass Barbara Kruger, 1987
  • 39. THE ELEMENTS THE PRINCIPLES OF DESIGN OF DESIGN Line Balance Shape Emphasis Texture Rhythm Space Unity Size Contrast Value