Class Three

Daily Doodle

Eat an Extra
Dessert Day

National Macadamia
Nut Day

Visual Timeline Continued

1960s

Pop Art ascends over Abstract Expressionism

Corporate Identity modernization still a strong trend

 

Push Pin Studios (website) in NY rises

Haight-Ashbury Poster Designers in San Francisco

Herb Lubalin

The great Herb Lubalin, typographer extraordinaire, is at the height of his career.

1970s

End of Modernism, beginning of Post-Modernism

I Heart NY

1975 Milton Glaser designs I Heart NY symbol

Symbols

1975 AIGA Symbols Signs

1980s

1980 IBM launches personal computer

1982 MTV logo

1984

1984 Apple Macintosh “1984” TV ad

1988 David Carson designs “Beach Culture” magazine

1988 Damian Hirst and the Young British Artists show of 1988 change the world of modern art

1990s

Got Milk?

1994 Advertising Campaign: Got Milk

Lou Reed

Stefan Sagmeister, Poster: Lou Reed, 1996

Public Theater Public Theater

Paula Scher, Visual Identity: Public Theater, 1994-96

2000-Present

Technology and new platforms continue to reshape design

I Love NY More Than Ever

Poster: I Love NY More Than Ever!, 2001, Milton Glaser

Lukova

Poster: Privacy from The Social Justice Series, 2008, Luba Lukova

Hope

Poster: Hope, Shepard Fairey, 2008

Places to Work As A Graphic Designer

The main places of employment for a communication design professional are:

Who works with Graphic Designers?

A graphic designer almost always works in collaboration with other professionals:

Graphic Designers Work On...

Since graphic designers design visual stuff, here are the kind of stuff they work with

Print

Screen-Based

Environments

Almost any kind of design project can go across categories...

The Skills Demanded by the Graphic Design Profession

Critical Thinking

The ability to analyze complex issues and solve problems

Creative Skills

The ability to think and produce things that have never been done before. To make stuff up, but make up the right stuff (based on critical thinking)

Technical Skills

Flat out, you have to know how to:

...as never before, (design) is intimately attached to programming

- Laura Lejo, Showcased in Graphic Design Solutions, 5th edition, pp16-18.

A Broad Liberal Arts Education

Get your Bachelors if you can! Seriously.

Check it out

How to get a Design Job! from AIGA, the "professional association for design", ebook by RitaSue Siegel Here

Elements of Design Review

Point, Line, & Plane

We will as we go along be talking about many of the different kinds of formal elements:

  1. Point
  2. Line
  3. Plane
  4. Texture
  5. Color
  6. Value

And organizing principles such as:

  1. Scale
  2. Contrast
  3. Movement
  4. Rhythm
  5. Balance

Let's start off with a basic basic, POINT, LINE and PLANE.

Point

p1 p2 p3 p4
points

Think beyond just dots, holes, and periods!

Line

line01 line2 line3 line4 lines

What can be seen as a line?

Plane

plane 1 plane2 
planes

What makes up a plane?

Work on Exercise01

If we're at or past 1:15, that is

Specs

Demo of cropping and saving in Photoshop. Have photos ready to work on at beginning of next class

The trick in Photoshop is:

cropping

Properties of Design Elements

Points, lines, and planes can have various properties or aspects of how they are perceived. These are often listed out as:

Let's take them one by one...

Shape

Except for maybe points (because a point can be infinitely small), design elements have a shape.

The general outline of something is called a shape; it is a configured or delineated area on a two-dimensional surface created by line or by color, tone, or texture

We can categorize shapes as (many shape types can be in more than one category):

shape geometric Geometric/Rigid shape geometric Curvilinear/Organic shape rectilinear Rectilinear (also a kind of Geometric/Rigid shape) shape irregular Irregular (can be a kind of Geometric/Rigid shape) shape accidental Accidental shape nonobjective Nonobjective/nonrepresentational shape representational Representational

Our text makes a distinction between Representational and Abstract. I think it's an arbitrary and confusing distinction. Almost anything that could be categorized as Representational could also be categorized as Abstract

Color

Color Systems & Color Sets

Color is a description of Light Energy.

https://www.youtube.com/watch?v=zv_E44hPafs

Four kinds of light-sensitive receptors are found in the retina

Rods and Cones

Color sensitivity of the human eye

Fun fact: Turtles have more then three types of cones (5, in fact) and can see colors we cannot!

Subtractive (aka reflective) vs Additive color

Paint, apples, and the printed page, all use colors that subtract light-waves when they reflect a color back into your retina. Smart Phones, TV sets, Computer Screens, all beam light-waves directly into your retina and don't subtract light-waves, but add different value combinations of Red, Green and Blue light (RBG).

(Side note: Great slide-show about color: everything-you-know-about-colour-is-wrong2)

Color Properties: Hue, Saturation, & Value

Hue: the name of a color, or the “color” of a color, usually measured in degrees (0-360)

Hue Hue

Saturation: Brightness to dullness of a color, AKA Chroma or Intensity

Saturation Sat

Value: The lightness to darkness of a color, AKA Luminosity

Value/Brightness brightness

Other Color Properties

Temperature

Color Temp

Color Temp

Warm: Red to orange to yellow Cool: green to blue to violet

Tints & Shades

Tints and Shades

Tints and Shades: Add white for tints, black for shades

The Primary Colors

Red Green Blue

In Subtractive:
Red, Yellow and Blue

Red Green Blue

In Additive:
Red, Green, and Blue (RGB)

Cyan Magenta Yellow

Other Color Models: Print:
Cyan, Magenta, Yellow and Black
(CYMK)

Other Color Models: Print: Pantone Colors

Pantone Colors

Other Color Models: Print: House Paint

House Paint

Other Color Models: Artist Paints

Artist Paints

Any given color model has a finite range of colors it can express. This is known as the Color Gamut

Color as a Design Fundamental:

Contrasts Contrasts Contrasts

Color contrast of Hue, Saturation, and/or Value can be exploited as a means of Graphic Expression.

Color can:

Focal Point

Create a focal point

Symbolic Color

Be used symbolically (Adobe Color)

Color as Culture

Contain cultural and emotional associations

Color Brand

Be part of a brand

Color 3D

Create 3D effects

Bad Color

Make or break text legibility

Color Movement

Can imply motion

Color comes in schemes:

Analagous

Analogous: Adjacent colors on the color wheel.

Complimentary

Complimentary: Opposite colors on the color wheel.

 

Earth Tones, Jewel Colors, Fluorescents, etc. There's tons of them, can you think of a few?

Color can be associated with techniques, historical periods, art movements, natural environments, etc

Warm and cool grays

Color can have different temperatures, even grays

Relative color

Color is always relative!

Texture

Texture

It's kind of hard to define, but you know it when you see it. If you can imagine what it might be like to feel with your fingers, it's probably a texture. One definition: Texture is the tactile grain of surfaces and substances.

Textures have symbolic value:

Spa Sand

A velvety smooth printed surface might be appropriate for a Spa brochure

Punk Rust

A rusty metallic image might be right for a garage punk metal band

Biker Leather

Leathery embossed paper for a Harley-Davidson catalog

Ideas?

Texture has two distinct categories: Actual & Visual

Actual/Physical

Visual/Virtual

Pattern

Pattern

Pattern is a special type of texture that takes an element or elements and repeats them systematically.

While our textbook says “there must be a systematic repetition with obvious directional movement,” but I disagree, there's an interesting mathematical expression of a pattern called Penrose tiling that doesn't do this, and in fact, never repeats itself while still appearing to be a pattern
Penrose tiling

Exercise 01: Point/Line/Plane

Specs