39
LANGUAGE OF DESIGN

LANGUAGE OF DESIGN (Intro to GD, Wk 2)

Embed Size (px)

DESCRIPTION

Week 2, Language Of Design Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.

Citation preview

Page 1: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

L A N G U A G E O F D E S I G N

Page 2: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

F O R M + S PA C E

Page 3: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

FormForm is considered a positive element,

a solid thing or object.

Page 4: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

SpaceForm 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.”

Page 5: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 6: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 7: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

All form has meaning.

Page 8: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 9: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 10: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 11: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

The space between and around forms is often called whitespace (although it is not always white).

Page 12: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

Where is the space?

Page 13: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 14: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

Contrast/DifferenceHow 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.

Page 15: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

We are hardwired to find differences in our environment

Page 16: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

Form is Space, Space is FormThe relationship between form and space, or figure and ground, is complementary and mutually dependent: it’s

impossible to alter one and not the other.

Page 17: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

The relationship of form and space creates meaning.

Page 18: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 19: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

Form + Space = Visual LogicVisual 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.

Page 20: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 21: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 22: LANGUAGE OF DESIGN (Intro to GD, Wk 2)
Page 23: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

BalanceEmphasisRhythmUnity

Contrast

LineShapeTextureSpaceSizeValue

T H E E L E M E N T S O F D E S I G N

T H E P R I N C I P L E S O F D E S I G N

Page 24: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

from Design for Communication, Elizabeth Resnick

T H E E L E M E N T S O F D E S I G N

Page 25: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

LineShapeTextureSpaceSizeValue

Page 26: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

L I N ELines 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, 1965Susanna Dulkinys, 2003

Page 27: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

S H A P EThe 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

Max Bill, 1944

Paul Rand, 1985

Page 28: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

T E X T U R EThe 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.

Donald Brun, 1946

Sony Music, 2001

William Golden, 1951

Page 29: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

S PA C ERefers 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.

Bruno Munari, 1982

The Pushpin Group, 2004

Page 30: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

S I Z EHow 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

Page 31: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

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.

Paula Scher

Metropolis Magazine, 2005

Page 32: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

T H E P R I N C I P L E S O F D E S I G N

Page 33: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

BalanceEmphasisRhythmUnity

Contrast

Page 34: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

B A L A N C E—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.

1937FT Marienetti, 1914

Tibor Kalman, 1980

Page 35: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

E M P H A S I S—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

Page 36: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

R H Y T H M—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.

Josef Müller-Brockmann

1927

Page 37: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

U N I T Y—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

Page 38: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

C O N T R A S T—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

Page 39: LANGUAGE OF DESIGN (Intro to GD, Wk 2)

BalanceEmphasisRhythmUnity

Contrast

LineShapeTextureSpaceSizeValue

T H E E L E M E N T S O F D E S I G N

T H E P R I N C I P L E S O F D E S I G N