Kickass Styling Tips

72
Week 3, MM1B03, McMaster University 20 Rules for Good Design Kick-ass styling tips From Samara, Design Element: A Graphic Style Manual

description

These slides accompanied an assigned reading for an undergraduate class in design.

Transcript of Kickass Styling Tips

Page 1: Kickass Styling Tips

Week 3, MM1B03, McMaster University

20 Rules for Good DesignKick-ass styling tips

From Samara, Design Element: A Graphic Style Manual

Page 2: Kickass Styling Tips
Page 3: Kickass Styling Tips

Do your Haiku images deliver a concept?

“It doesn’t matter how amazing a thing is to look at, without a clear message it’s an empty shell.”

Page 4: Kickass Styling Tips

Leonardo da Vinci

Concept of Flight Concept of Feminine Beauty

Fine Art

Page 5: Kickass Styling Tips

Coco Chanel sketch

Commercial Art

Page 6: Kickass Styling Tips
Page 7: Kickass Styling Tips

“Form Carries Meaning.”Cubism 1908-11: instead of depicting objects from one viewpoint,

Braque and Picasso depicted their subject from a multitude of viewpoints to represent the subject in a greater context.

Fine Art

Page 8: Kickass Styling Tips

The Bauhaus

The design innovations commonly associated with Walter Gropius and the Bauhaus - the radically simplified forms, the rationality and functionality

Graphic Art

Page 9: Kickass Styling Tips

YAY ROSHANTH!!

I thought this was more a Rule 2 example than Rule 3 but Good Spotting!!

You are rewarded with Halftime Entertainment.

Page 10: Kickass Styling Tips
Page 11: Kickass Styling Tips

Good design + aesthetics assumes that the visual language of the piece -- its internal logic -- is resolved to address all its parts so they

reinforce, restate and reference each other.

Fine Art

Page 12: Kickass Styling Tips

Ad “Campaigns”

Integration and consistency in ad campaigns helps promote a consistent design message across media and across platforms.

Graphic Art

Page 13: Kickass Styling Tips
Page 14: Kickass Styling Tips

Graphic Art

Page 15: Kickass Styling Tips

Graphic Art

Page 16: Kickass Styling Tips
Page 17: Kickass Styling Tips

Focus the viewer’s attention on one important thing first and then lead them through the rest.

Fine Art

Page 18: Kickass Styling Tips

Emphasis

Emphasis is the idea that some things are more important than others. Must establish a focal point and a visual heirarchy.

Graphic Art

Page 20: Kickass Styling Tips
Page 21: Kickass Styling Tips

Know what colours might mean to your audience.

Fine Art

Page 22: Kickass Styling Tips

Logo design

Colour carries an abundance of psychological and emotional meaning.

Graphic Art

Page 23: Kickass Styling Tips
Page 24: Kickass Styling Tips

Malevich: The more stuff jammed into a given space, the harder it is to see what we’re supposed to be seeing.

Fine Art

Page 25: Kickass Styling Tips

Graphic Art

YAY SANDRA-CHRISTINE!!

You are rewarded with Post-its.

Page 26: Kickass Styling Tips

Graphic Art

YAY AMY!!

You are rewarded with Post-its too.

Page 27: Kickass Styling Tips

Graphic Art

YAY SARAH!!

You are rewarded with kind words.

Page 28: Kickass Styling Tips

Graphic Art

YAY MYLES!!You are rewarded with the right to wear SBPs.

Page 29: Kickass Styling Tips
Page 30: Kickass Styling Tips

Hitchcock: Space calls attention to imminent narrative action.

Film Mise En Scene

Page 31: Kickass Styling Tips

Graphic Art

YAY MAEGAN!! You are rewarded with a Sharpie Tattoo.

Page 32: Kickass Styling Tips

Graphic Art

YAY Rebecca!! You are also rewarded with a Sharpie Tattoo.

Page 33: Kickass Styling Tips
Page 34: Kickass Styling Tips

Type needs to relate compositionally to everything else in the design.

Graphic Art

Page 35: Kickass Styling Tips

YAY ANDREWS!! You are rewarded with a a handfull of paperclips.

Page 36: Kickass Styling Tips

YAY ALEXA!! You are rewarded with a bag of chips.

Page 37: Kickass Styling Tips
Page 38: Kickass Styling Tips

Type must still transmit information.

Graphic Art

Page 39: Kickass Styling Tips
Page 40: Kickass Styling Tips

YAY UINAIZA!

Graphic design comes

with an agenda.

Page 41: Kickass Styling Tips

YAY AMY!

This Graphic design comes with an agenda too. A “PSA.”

Page 42: Kickass Styling Tips
Page 43: Kickass Styling Tips

YAY DAVID!

Create contrasts in density

and rhythm.

Give spaces

between things a pulse.

Page 44: Kickass Styling Tips

YAY UINAIZA! AGAIN!

Create contrasts in density

and rhythm.

Give spaces

between things a pulse.

Page 45: Kickass Styling Tips

YAY UINAIZA! and AGAIN!

Create contrasts in density

and rhythm.

Give spaces

between things a pulse.

Page 46: Kickass Styling Tips

YAY MARCEL.

Create contrasts in density

and rhythm.

Give spaces

between things a pulse.

Page 47: Kickass Styling Tips
Page 48: Kickass Styling Tips

YAY ZAK!

Page 49: Kickass Styling Tips

YAY MEAGAN!

Page 50: Kickass Styling Tips

YAY SARAH!

Page 51: Kickass Styling Tips

YAY AVA! (You thought this was a Rule 16 but I think it’s better as a 13.

Page 52: Kickass Styling Tips

Make sure there is a wide range of

tonal qualities.

Page 53: Kickass Styling Tips

Ansel Adams

advocated a nine-level

tonal system.

Page 54: Kickass Styling Tips
Page 55: Kickass Styling Tips

Ansel Adams

advocated a nine-level

tonal system.

Page 56: Kickass Styling Tips
Page 57: Kickass Styling Tips

A great deal of the process of understanding visual material is the ability to distinguish the difference between things.

YAY BRANDON!

Page 58: Kickass Styling Tips
Page 59: Kickass Styling Tips

Designers need to perceive the visual presence — weight, texture, movement, angularity, transparency, contour.

Page 60: Kickass Styling Tips
Page 61: Kickass Styling Tips

Make what you need or

pay someone else to make

original artwork for

you.

Page 62: Kickass Styling Tips

Yeah AMMAR!

Page 63: Kickass Styling Tips
Page 64: Kickass Styling Tips

Design and style a project

around the meaning, not

the audience’s

expectations of current stylistic conceits.

Yeah MICHAEL!

Page 65: Kickass Styling Tips
Page 66: Kickass Styling Tips

Designers have to work hard to give 2 dimensional surfaces the sense of movement.

YEAH ROSANTH!

Page 67: Kickass Styling Tips
Page 68: Kickass Styling Tips

Learn from the work of others but give it your own spin.

Page 69: Kickass Styling Tips

YAY, PAUL. Talk about this now.

Page 70: Kickass Styling Tips
Page 71: Kickass Styling Tips

Symmetrical presentations are often static and offer little movement.

Yeah

MIKE!

Page 72: Kickass Styling Tips

Yeah ANTHONY!