Graphic Design Clinic: The Power of 3

67
Presented by Eileen MacAvery Kane Rockland Community College, Art Department January 7, 2016

Transcript of Graphic Design Clinic: The Power of 3

Page 1: Graphic Design Clinic: The Power of 3

Presented by Eileen MacAvery Kane Rockland Community College, Art DepartmentJanuary 7, 2016

Page 2: Graphic Design Clinic: The Power of 3

Agenda

• Design Principles• Design Elements• Layout• Fonts• Color Palette• Images

Page 3: Graphic Design Clinic: The Power of 3

Design Principles

Page 4: Graphic Design Clinic: The Power of 3

Focal PointRhythmUnity

Page 5: Graphic Design Clinic: The Power of 3

An area of interest that attracts the viewer

Page 6: Graphic Design Clinic: The Power of 3

May be the smallest area or only area of color

Page 7: Graphic Design Clinic: The Power of 3

May be created with proportion = relative size of an object as measured in comparison to another

Page 8: Graphic Design Clinic: The Power of 3

Focal PointRhythmUnity

Page 9: Graphic Design Clinic: The Power of 3

Engaging the senses: the rhythm of artwork creates a sensation, evoking sight, sound, touch, motion

Charles Burchfield. The Insect Chorus. 1917. Opaque and transparent watercolor with ink and crayon on paper, 1’ 7 7/8”x 1’ 3 7/8” (50 x 40 cm). Munson-Williams-Proctor Institute. Museum of Art, Utica, New York (Edward W. Root Bequest), 58.104.

Albert Renger-Patzsch. Buchenwald in Herbst (Beech Forest in Autumn). 1936. Silver gelatin print, 8 3/4”x 6 3/8” (22.2 x 16.2 cm). The Metropolitan Museum of Art, Warner Communications, Inc., purchase fund, 1980; 1980.1063.1.

Page 10: Graphic Design Clinic: The Power of 3
Page 11: Graphic Design Clinic: The Power of 3

Philip Guston. Transitions. 1975. Oil on Canvas, 5’6” x 6’81/2” (167.6 x 204.5cm). Smithsonian Amercian Art Museum, Washington, DC. Bequest of Musa Guston.

Hiroshi Sugimoto. U.A. Play House. 1978.

Used to different type of feelings:

• Symmetrical: classicism, stability, formal

• Asymmetrical: dynamism, movement, casual

Page 12: Graphic Design Clinic: The Power of 3

Focal PointRhythmUnity

Page 13: Graphic Design Clinic: The Power of 3

Unity = visual harmony is achieved with whatever elements are used

Page 14: Graphic Design Clinic: The Power of 3
Page 15: Graphic Design Clinic: The Power of 3
Page 16: Graphic Design Clinic: The Power of 3
Page 17: Graphic Design Clinic: The Power of 3

Design Elements

Page 18: Graphic Design Clinic: The Power of 3

Line

Shape

Pattern

Texture

Value

Color

Space

Motion

Page 19: Graphic Design Clinic: The Power of 3
Page 20: Graphic Design Clinic: The Power of 3
Page 21: Graphic Design Clinic: The Power of 3
Page 22: Graphic Design Clinic: The Power of 3
Page 23: Graphic Design Clinic: The Power of 3

Biomorphic shapes –Abstract shapes that allude to natural, organic forms such as plants or the human form, convey emotion or reference. Over the Circle (Frankenthaler)

Page 24: Graphic Design Clinic: The Power of 3

Texture makes the object feel like it has a surface quality.

Page 25: Graphic Design Clinic: The Power of 3

Add color and you can change the tone and message completely

Page 26: Graphic Design Clinic: The Power of 3

Create interest by interrupting the repetition (image by San Mung, Prism)

Page 27: Graphic Design Clinic: The Power of 3

Figure / Ground relationships

(Ascending and Descending by M.C. Escher)

Page 28: Graphic Design Clinic: The Power of 3

Sue Hettmansperger. Untitled Drawing. 1975. Watercolorand pencil, 1' 11" x 2' 1" (58 x 64 cm). Collection of North Carolina National Bank.

Use value to create form

Page 29: Graphic Design Clinic: The Power of 3

James Turrell. Meeting. 1986. Warm and cool colors for simultaneous contrast

Page 30: Graphic Design Clinic: The Power of 3

The use of space supports color as a focal point

Page 31: Graphic Design Clinic: The Power of 3

Motion dominates this image

Page 32: Graphic Design Clinic: The Power of 3

Layout

Page 33: Graphic Design Clinic: The Power of 3

Careful control of visual hierarchy is a key aspect of the design decisions we have to consider.

1. Most Important

2. Least Important

3. Everything else in between

Page 34: Graphic Design Clinic: The Power of 3

Poster by Rebecca Foster

Page 35: Graphic Design Clinic: The Power of 3
Page 36: Graphic Design Clinic: The Power of 3

Fonts

Page 37: Graphic Design Clinic: The Power of 3

Limit your font choices to 3and use fancy fonts for headlines only

Page 38: Graphic Design Clinic: The Power of 3
Page 39: Graphic Design Clinic: The Power of 3
Page 40: Graphic Design Clinic: The Power of 3
Page 41: Graphic Design Clinic: The Power of 3
Page 42: Graphic Design Clinic: The Power of 3

Color Palette

Page 43: Graphic Design Clinic: The Power of 3

Limit your color palette to 3

Page 44: Graphic Design Clinic: The Power of 3

You’ll tend to get a more pleasing final result if you stick to three colors in your color scheme.

Page 45: Graphic Design Clinic: The Power of 3

Many of the masters’ paintings use very limited palettes

Page 46: Graphic Design Clinic: The Power of 3
Page 48: Graphic Design Clinic: The Power of 3

If more colors are needed, try using tints or shades of a color

Page 49: Graphic Design Clinic: The Power of 3

Choose colors that are appropriateand be aware of cultural differences

Page 50: Graphic Design Clinic: The Power of 3
Page 51: Graphic Design Clinic: The Power of 3

In some countries, yellow has very different connotations. In Egypt, for example, yellow is for mourning. In Japan, it represents courage, and in India it’s a color for merchants.

Page 52: Graphic Design Clinic: The Power of 3

Images

Page 53: Graphic Design Clinic: The Power of 3

Use the rule of thirds

Page 54: Graphic Design Clinic: The Power of 3

Horizontal horizontals

Page 55: Graphic Design Clinic: The Power of 3

Framing

Page 56: Graphic Design Clinic: The Power of 3

Fill the frame

Page 57: Graphic Design Clinic: The Power of 3

Try different angles

Page 58: Graphic Design Clinic: The Power of 3

Avoid harsh sunlight and zoom in

Page 59: Graphic Design Clinic: The Power of 3

Uncluttered background

Page 60: Graphic Design Clinic: The Power of 3

Use visual metaphorsand Puns

Page 61: Graphic Design Clinic: The Power of 3
Page 62: Graphic Design Clinic: The Power of 3
Page 63: Graphic Design Clinic: The Power of 3
Page 64: Graphic Design Clinic: The Power of 3
Page 65: Graphic Design Clinic: The Power of 3

Clean up your messClean Designs Reduce the

Effort Needed to Find Information

Page 66: Graphic Design Clinic: The Power of 3

Consider Alignment, Size, Contrast, and Extras

Page 67: Graphic Design Clinic: The Power of 3

Best Practices

• Create a layout with strong visual hierarchy

• Use the power of 3:

- Layout

- Fonts

- Color Palette

• Image cropping and positioning

• Unity is the ultimate goal