Kickass Styling Tips
-
Upload
university-of-calgary-school-of-creative-and-performing-arts -
Category
Design
-
view
715 -
download
1
description
Transcript of Kickass Styling Tips
![Page 1: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/2.jpg)
![Page 3: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/4.jpg)
Leonardo da Vinci
Concept of Flight Concept of Feminine Beauty
Fine Art
![Page 5: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/5.jpg)
Coco Chanel sketch
Commercial Art
![Page 6: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/6.jpg)
![Page 7: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/7.jpg)
“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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/10.jpg)
![Page 11: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/13.jpg)
![Page 14: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/14.jpg)
Graphic Art
![Page 15: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/15.jpg)
Graphic Art
![Page 16: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/16.jpg)
![Page 17: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/17.jpg)
Focus the viewer’s attention on one important thing first and then lead them through the rest.
Fine Art
![Page 18: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/18.jpg)
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 19: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/19.jpg)
HALFTIMEENTERTAINMENT!
http://www.youtube.com/watch?v=Sp6wUe9gMrw
![Page 20: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/20.jpg)
![Page 21: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/21.jpg)
Know what colours might mean to your audience.
Fine Art
![Page 22: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/22.jpg)
Logo design
Colour carries an abundance of psychological and emotional meaning.
Graphic Art
![Page 23: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/23.jpg)
![Page 24: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/24.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/25.jpg)
Graphic Art
YAY SANDRA-CHRISTINE!!
You are rewarded with Post-its.
![Page 26: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/26.jpg)
Graphic Art
YAY AMY!!
You are rewarded with Post-its too.
![Page 27: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/27.jpg)
Graphic Art
YAY SARAH!!
You are rewarded with kind words.
![Page 28: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/28.jpg)
Graphic Art
YAY MYLES!!You are rewarded with the right to wear SBPs.
![Page 29: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/29.jpg)
![Page 30: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/30.jpg)
Hitchcock: Space calls attention to imminent narrative action.
Film Mise En Scene
![Page 31: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/31.jpg)
Graphic Art
YAY MAEGAN!! You are rewarded with a Sharpie Tattoo.
![Page 32: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/32.jpg)
Graphic Art
YAY Rebecca!! You are also rewarded with a Sharpie Tattoo.
![Page 33: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/33.jpg)
![Page 34: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/34.jpg)
Type needs to relate compositionally to everything else in the design.
Graphic Art
![Page 35: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/35.jpg)
YAY ANDREWS!! You are rewarded with a a handfull of paperclips.
![Page 36: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/36.jpg)
YAY ALEXA!! You are rewarded with a bag of chips.
![Page 37: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/37.jpg)
![Page 38: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/38.jpg)
Type must still transmit information.
Graphic Art
![Page 39: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/39.jpg)
![Page 40: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/40.jpg)
YAY UINAIZA!
Graphic design comes
with an agenda.
![Page 41: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/41.jpg)
YAY AMY!
This Graphic design comes with an agenda too. A “PSA.”
![Page 42: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/42.jpg)
![Page 43: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/43.jpg)
YAY DAVID!
Create contrasts in density
and rhythm.
Give spaces
between things a pulse.
![Page 44: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/44.jpg)
YAY UINAIZA! AGAIN!
Create contrasts in density
and rhythm.
Give spaces
between things a pulse.
![Page 45: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/45.jpg)
YAY UINAIZA! and AGAIN!
Create contrasts in density
and rhythm.
Give spaces
between things a pulse.
![Page 46: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/46.jpg)
YAY MARCEL.
Create contrasts in density
and rhythm.
Give spaces
between things a pulse.
![Page 47: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/47.jpg)
![Page 48: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/48.jpg)
YAY ZAK!
![Page 49: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/49.jpg)
YAY MEAGAN!
![Page 50: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/50.jpg)
YAY SARAH!
![Page 51: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/51.jpg)
YAY AVA! (You thought this was a Rule 16 but I think it’s better as a 13.
![Page 52: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/52.jpg)
Make sure there is a wide range of
tonal qualities.
![Page 53: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/53.jpg)
Ansel Adams
advocated a nine-level
tonal system.
![Page 54: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/54.jpg)
![Page 55: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/55.jpg)
Ansel Adams
advocated a nine-level
tonal system.
![Page 56: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/56.jpg)
![Page 57: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/57.jpg)
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](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/58.jpg)
![Page 59: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/59.jpg)
Designers need to perceive the visual presence — weight, texture, movement, angularity, transparency, contour.
![Page 60: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/60.jpg)
![Page 61: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/61.jpg)
Make what you need or
pay someone else to make
original artwork for
you.
![Page 62: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/62.jpg)
Yeah AMMAR!
![Page 63: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/63.jpg)
![Page 64: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/64.jpg)
Design and style a project
around the meaning, not
the audience’s
expectations of current stylistic conceits.
Yeah MICHAEL!
![Page 65: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/65.jpg)
![Page 66: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/66.jpg)
Designers have to work hard to give 2 dimensional surfaces the sense of movement.
YEAH ROSANTH!
![Page 67: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/67.jpg)
![Page 68: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/68.jpg)
Learn from the work of others but give it your own spin.
![Page 69: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/69.jpg)
YAY, PAUL. Talk about this now.
![Page 70: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/70.jpg)
![Page 71: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/71.jpg)
Symmetrical presentations are often static and offer little movement.
Yeah
MIKE!
![Page 72: Kickass Styling Tips](https://reader034.fdocuments.us/reader034/viewer/2022052622/559387c91a28abd24c8b4598/html5/thumbnails/72.jpg)
Yeah ANTHONY!