97
Two-Dimensional Design Using the Principles of Design to Organize Compositions

Principle of Design Lecture

Embed Size (px)

Citation preview

Page 1: Principle of Design Lecture

Two-Dimensional Design

Using the Principles of Design to Organize Compositions

Page 2: Principle of Design Lecture

The Elements of Design The basic ingredients the artist uses separately or in combination to

produce visual imagery.

LINE

SHAPE

TEXTURE

VALUE

COLOR

SPACE

TIME AND MOTION

Page 3: Principle of Design Lecture

The Principles of Design

Concepts that guide the arrangement, organization and integration of the elements in achieving a sense of visual order and overall visual unity.

UNITY & VARIETY

BALANCE

RHYTHM

SCALE & PROPORTION

EMPHASIS & FOCAL POINT

Page 4: Principle of Design Lecture

UNITY & VARIETY

Page 5: Principle of Design Lecture

UNITY

The oneness or wholeness in a design that occurs when all parts work together to create a cohesive whole. Unity implies HARMONY.

VARIETY

The differences that give a design visual and conceptual interest. Variety can be used within Unity to interrupt the harmony of a design with an element that strays from the dominant composition.

Andy Warhol, Marilyn Monroe, 1962, silkscreen

Page 6: Principle of Design Lecture

PROXIMITY

The distance between elements. Placing images or elements close to one another in a composition.

Grant Wood, American Gothic, 1930, Oil on board

Ways of achieving Unity & Variety

Page 7: Principle of Design Lecture

PROXIMITY

Keith Haring, section of fresco in Pisa, Italy, 1989

Page 8: Principle of Design Lecture

UNITY / VARIETY

Student sample image using Proximity to create Unity/Variety

Page 9: Principle of Design Lecture

REPETITION

The use of the same visual element, effect or shape a number of times in the same composition.

Diego Rivera, Flower Festival: Feast of Santa Anita, 1931, Encaustic on canvas

Ways of achieving Unity & Variety

Page 10: Principle of Design Lecture

REPETITION

Print Ad for Surfrider Foundation

Page 11: Principle of Design Lecture

UNITY / VARIETY

Student sample image using Repetition to create Unity/Variety

Page 12: Principle of Design Lecture

CONTINUITY

A fluid connection between compositional parts.

Ways of achieving Unity & Variety

Frank Stella, York Factory II, 1974, Screenprint

Page 13: Principle of Design Lecture

CONTINUITY

Delilah Montoya, Los Jovenes (Youth), 1993, Collotype

Page 14: Principle of Design Lecture

UNITY / VARIETY

Student sample image using Continuity to create Unity/Variety

Page 15: Principle of Design Lecture

THE GRID

The grid creates a visual network; a framework around which images can be organized.

David Hockney, Yellow Guitar Still Life, 1982, Polaroid Collage

Ways of achieving Unity & Variety

Page 16: Principle of Design Lecture

Grids are the organizing structures for many patterns.

Wallpaper patterns Tile patterns

THE GRID

Page 17: Principle of Design Lecture

THE GRID

Chuck Close, Self-Portrait, 1991, Oil on canvas

Page 18: Principle of Design Lecture

UNITY / VARIETY

Student sample image using The Grid to create Unity/Variety

Page 19: Principle of Design Lecture

COLOR and VALUE

Complex designs can be unified through color and value.

Ways of achieving Unity & Variety

Page 20: Principle of Design Lecture

Image from Sunset Magazine

COLOR

Page 21: Principle of Design Lecture

UNITY / VARIETY

Student sample image using Color to create Unity/Variety

Page 22: Principle of Design Lecture

Pablo Picasso, Guernica, 1937, Oil on canvas

VALUE

Page 23: Principle of Design Lecture

UNITY / VARIETY

Student sample image using Value to create Unity/Variety

Page 24: Principle of Design Lecture

BALANCE

Page 25: Principle of Design Lecture

BALANCE

An equilibrium among interacting and/or opposing forces in a visual composition. Also the distribution of the weight (actual or visual) of the elements of a composition.

ACTUAL BALANCE

Balance that is necessary and achieved by the distribution of the actual weight in 3D work, like sculpture.

PICTORIAL BALANCE

Refers to the distribution of the apparent visual weight of 2D elements.

Roni Gendler, Untitled, 2005, Digital print Polykleitos of Argos, Doryphoros, 440 BCE

Page 26: Principle of Design Lecture

VISUAL WEIGHT

The way shapes may seem to float or sink based on their size, solidity and location within a composition.

Rene Magritte, Decalcomania, 1966, Oil on canvas

Page 27: Principle of Design Lecture

SYMMETRICAL

TYPES OF BALANCE

RADIAL

ALLOVER

ASYMMETRICAL

Page 28: Principle of Design Lecture

SYMMETRICAL BALANCE

Occurs when shapes or volumes are mirrored on either side of a vertical or horizontal axis.

Leonardo Da Vinci, Vitruvian Man, 1487

US Capital Building, Washington DC

TYPES OF BALANCE

Page 29: Principle of Design Lecture

SYMMETRICAL BALANCE

HR Giger, Li I, 1974, Acrylic on paper

Page 30: Principle of Design Lecture

SYMMETRICAL BALANCE

Student sample image from book project

Page 31: Principle of Design Lecture

SYMMETRICAL BALANCE

Student sample image from book project

Page 32: Principle of Design Lecture

SYMMETRICAL BALANCE

Student sample image from book project

Page 33: Principle of Design Lecture

TYPES OF BALANCE

RADIAL BALANCE

Balance that occurs when design elements radiate from a center point.

Radial symmetry found in nature Mandala

Page 34: Principle of Design Lecture

RADIAL BALANCE

Ad for Eden Snacks

Page 35: Principle of Design Lecture

TYPES OF BALANCE

ALLOVER BALANCE

A composition in which each part has equal visual weight.

Eva Hesse

Untitled, 1966, Black ink with wash and pencil on paper

Page 36: Principle of Design Lecture

ALLOVER BALANCE

MC Escher Bulldog, 1942, Woodcut

Page 37: Principle of Design Lecture

ASYMMETRICAL BALANCE

An equilibrium that is created among visual elements that differ in size, number, weight, color or texture.

Otto Steinert, Passerby, 1950, Gelatin silver print

TYPES OF BALANCE

Page 38: Principle of Design Lecture

Ways of achieving Asymmetrical Balance

VALUE & COLOR

High contrast values or contrasting colors can provide visual weight.

Sergio Larrain, Valparaiso, Chile, 1957, Gelatin silver print Daniel Zeller, Disquisition, 2007, Ink, Acrylic on Paper

Page 39: Principle of Design Lecture

VALUE

Kerry James Marshall, Souvenir IV, 1998, Acrylic, collage, and glitter on unstretched canvas

Page 40: Principle of Design Lecture

COLOR

Yoshitomo Nara, There is No Place Like Home, 1995, Acrylic on canvas

Page 41: Principle of Design Lecture

SHAPE & TEXTURE

Shapes are often used to offset other shapes or to contrast similar shapes in different sizes.

Texture can also be used in this way.

Ways of achieving Asymmetrical Balance

Page 42: Principle of Design Lecture

SHAPE and TEXTURE

Wangechi Mutu, Backlash Blues, 2004, ink, acrylic, photocollage, contact

paper, on mylar

Page 43: Principle of Design Lecture

POSITION

The placement of objects of varying visual weights can create an asymmetrically balanced composition.

Piet Mondrian, Composition with Yellow, Blue, and Red, 1921, Oil on canvas

Ways of achieving Asymmetrical Balance

Piet Mondrian, Composition with Red, Blue, Yellow, 1930, Oil on canvas

Page 44: Principle of Design Lecture

POSITION

Ad from Living Magazine

Page 45: Principle of Design Lecture

ASYMMETRICAL BALANCE

Student sample image using Value, Position and Texture to create Asymmetrical Balance

Page 46: Principle of Design Lecture

ASYMMETRICAL BALANCE

Student sample image using Value, Position and Texture to create Asymmetrical Balance

Page 47: Principle of Design Lecture

ASYMMETRICAL BALANCE

Student sample image using Value, Position and Texture to create Asymmetrical Balance

Page 48: Principle of Design Lecture

RHYTHM

Page 49: Principle of Design Lecture

Think of visual rhythm in terms of musical rhythm:

• METER: basic pattern of sound and silence

• TEMPO: the speed at which the music is played

• ACCENTS: emphasis on certain notes

Bridget Riley, Cataract 3, 1967, Tempera on Hardboard

RHYTHM The repetition of multiple parts to create a pattern of positive/negative, sound/silence, or other contrasting forces. Rhythm creates a sense of movement.

Page 50: Principle of Design Lecture

REGULAR REPETITION

A means of creating rhythm in which elements are duplicated at an orderly or fixed interval.

Donald Judd, Untitled, 1990, Anodised aluminium, steel and acrylic

Ways of achieving Rhythm

A B C A B C A B C

A B A B A B A B

Page 51: Principle of Design Lecture

RHYTHM

Student sample image using Regular Repetition to create Rhythm

Page 52: Principle of Design Lecture

ALTERNATING REPETITION

A type of rhythm in which different elements in a work repeat themselves in a predictable, alternating order.

Graci Tabi, Cow Pattern

Ways of achieving Rhythm

ABA CDC ABA EFE ABA

A B A C A B A C A B A

Page 53: Principle of Design Lecture

PROGRESSIVE REPETITION

A type of rhythm in which elements in a work change slightly as they move or progress toward a defined point in the composition.

Spyros Horemis, from Optical and Geometric Patterns and Designs, 1970

Ways of achieving Rhythm

AB AB AB AB AB

A AB ABC ABCD ABCDE

Page 54: Principle of Design Lecture

RHYTHM

Student sample image using Progressive Repetition to create Rhythm

Page 55: Principle of Design Lecture

RHYTHM

Student sample image using Progressive Repetition to create Rhythm

Page 56: Principle of Design Lecture

PATTERN

Designs that are composed of repeated elements that are usually varied, produce interconnections and a sense of rhythm.

Fabrics and quilts are known for using pattern

Ways of achieving Rhythm

Page 57: Principle of Design Lecture

RHYTHM

Student sample image using a Pattern to create Rhythm

Page 58: Principle of Design Lecture

SCALE & PROPORTION

Page 59: Principle of Design Lecture

SCALE

Size in relations to other objects or humans.

Claes Oldenburg and Coosje van Bruggen, Spoonbridge and Cherry, 1985-1988, aluminum, stainless steel, paint

Page 60: Principle of Design Lecture

SCALE

Size in relations to other objects or humans.

Rene Magritte, Personal Values, 1952, Oil on canvas

Page 61: Principle of Design Lecture

SCALE

Pepsi Ad Ad for Holland America Cruise Lines

Page 62: Principle of Design Lecture

Tim Hawkinson

Bird Egg

1 x 1.5 x 1 inches 2 x 2 x 1.75 inches

SCALE

Size in relations to other objects or humans.

Page 63: Principle of Design Lecture

SCALE

Student sample image from book project

Page 64: Principle of Design Lecture

SCALE

Student sample image from book project

Page 65: Principle of Design Lecture

SCALE

Student sample image from book project

Page 66: Principle of Design Lecture

PROPORTION

The comparative relationship between the parts to a whole; the ratio of one thing to another within a larger whole. The relative size of visual elements within a composition.

Chuck Close, Big Self-Portrait, 1967-68, Acrylic on canvas

Page 67: Principle of Design Lecture

Philip Pearlstein, Mr. and Mrs. Edmund Pillsbury, 1973, Oil on canvas

Lucian Freud, Reflection (Self-Portrait), 1985, Oil on canvas

Page 68: Principle of Design Lecture

Francis Bacon, Self-Portrait, 1969, Oil on canvas Amedeo Modigliani, Self-Portrait, 1919, Oil on canvas

Page 69: Principle of Design Lecture

PROPORTION

Student sample image showing skewed Proportions

Page 70: Principle of Design Lecture

PROPORTION

Student sample image showing skewed Proportions

Page 71: Principle of Design Lecture

EMPHASIS & FOCAL POINT

Page 72: Principle of Design Lecture

EMPHASIS

Designers use emphasis to compel the viewer’s eye toward a certain part or area of a composition.

FOCAL POINT

The focal point is an area or part of a composition that seizes and maintains the viewer’s attention.

Trenton Doyle Hancock, The Second to The Last Big:

Symphony Masquerades as War, 2006, Mixed media on canvas

Page 73: Principle of Design Lecture

EMPHASIS & FOCAL POINT

Leonardo da Vinci, The Last Supper, 1495-1498, Tempera on plaster

Page 74: Principle of Design Lecture

SEPARATION / CONNECTION

Any anomaly or break from the norm tends to stand out. Our eye searches for similarities, so differences attract attention.

Ways of achieving Emphasis & Focal Point

Dorothea Lange, White Angel Bread Line, 1932

Page 75: Principle of Design Lecture

SEPARATION / CONNECTION

Laylah Ali, Untitled, 1999, Gouache on paper

Page 76: Principle of Design Lecture

SEPARATION / CONNECTION

Student Example of using Separation/Connection to create a Focal Point

Page 77: Principle of Design Lecture

Ways of achieving Emphasis & Focal Point

LOCATION / PLACEMENT

Emphasis on a particular area in a composition can help to direct the eye towards a focal point.

The Luo Brothers, from their Welcome the World’s Famous Brand series, 2005-2008

Page 78: Principle of Design Lecture

LOCATION / PLACEMENT

John Trumbull, The Surrender of Lord Cornwallis, 1817, Oil on canvas

Page 79: Principle of Design Lecture

LOCATION / PLACEMENT

Student Example of using Location/Placement to create a Focal Point

Page 80: Principle of Design Lecture

CONTRAST

Created when two or more forces are in opposition…

Static / Dynamic

Small / Large

Solid / Textured

Curvilinear / Rectilinear

Grayscale / Color

Light / Dark

Ways of achieving Emphasis & Focal Point

Consider contrast with

SIZE, SHAPE and COLOR

Page 81: Principle of Design Lecture

CONTRAST

Georgia O’Keeffe, Jack-in-the-Pulpit No. IV, 1930, Oil on canvas

Page 82: Principle of Design Lecture

CONTRAST

David Adam Edelstein, Tilt-Shift Shinjuku at night, 2007, Digital print

Page 83: Principle of Design Lecture

Ida Applebroog, K-Mart Village II,1989, Oil on canvas

CONTRAST

Page 84: Principle of Design Lecture

Student example using Contrast to create a Focal Point

CONTRAST

Page 85: Principle of Design Lecture

ISOLATION

The placement of one image or element apart from others in a composition.

Ways of achieving Emphasis & Focal Point

Pablo Picasso, Family of Saltimbanques, 1905, Oil on canvas

Page 86: Principle of Design Lecture

ISOLATION

Ger Van Elk, Lunch II, 1976, Photograph, drawing and oil on ivory and metal

Page 87: Principle of Design Lecture

ISOLATION

Student example using Isolation to create a Focal Point

Page 88: Principle of Design Lecture

DIRECTIONAL LINES

Line can be used to direct the viewer’s eye to the focal point of a design.

Ways of achieving Emphasis & Focal Point

Oskar Schlemmer, Bauhaus Stairway, 1932, Oil on canvas

Page 89: Principle of Design Lecture

DIRECTIONAL LINES

Irving Norman, From Work, 1978, Oil on canvas

Page 90: Principle of Design Lecture

DIRECTIONAL LINES

Student example using Directional Lines to create a Focal Point

Page 91: Principle of Design Lecture

DIRECTIONAL LINES

Student example using Directional Lines to create a Focal Point

Page 92: Principle of Design Lecture

The purposeful absence of a focal point can be used to further a particular theme or idea.

The Absence of a Focal Point

Vija Celmins, Untitled (Big Sea #1), 1969, Graphite on paper

Page 93: Principle of Design Lecture

Vija Celmins, Untitled (Night Sky #10), 1994-95, Oil on linen

Page 94: Principle of Design Lecture

EMPHASIS / FOCAL POINT

Student sample image from book project

Page 95: Principle of Design Lecture

EMPHASIS / FOCAL POINT

Student sample image from book project

Page 96: Principle of Design Lecture

EMPHASIS / FOCAL POINT

Student sample image from book project

Page 97: Principle of Design Lecture

The Elements of Design

LINE

SHAPE

TEXTURE

VALUE

COLOR

SPACE

TIME & MOTION

The Principles of Design

UNITY & VARIETY

BALANCE

RHYTHM

SCALE & PROPORTION

EMPHASIS & FOCAL POINT