72

Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Embed Size (px)

Citation preview

Page 1: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 2: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 3: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 4: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Dots / Pixels

• The most basic unit is the dot.

• A pixel is a picture element.

• A pixel is the smallest piece of information in an image. Dots, or pixels are used to create images..

Page 5: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Individual pixels…

Page 6: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 7: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

William A. Dwiggins

• First coined the term graphic design in 1922.

Page 8: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Graphic Design is…

• Not Art• At least

not in the traditional sense

Page 9: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Graphic Design is…

• Visual Communication

• It sends a message that identifies, informs, interprets, and persuades.

Page 10: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Graphic Design is…

• According to designer Paul Bland…• Graphic design is “one of the most perplexing

pursuits in which to excel.”

Page 11: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Graphic Design is…

• According to Timothy Samara…• Graphic design is the process of taking ideas

and giving them a visual form so others can understand them.

Page 12: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

• According to the American Institute for Graphic Arts…

• Graphic design is the combination of shapes, colors, typefaces, images and/or words that visually communicate a message.

Page 13: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

What does a Graphic Designer Do?

A graphic designer works with clients to communicate a desired visual message to a target audience.

Page 14: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

What does a Graphic Designer Do?

Graphic designers solve communication problems.

Page 15: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Hembree’s Basic Model of Communication in Graphic Design

Page 16: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

What is a Graphic Designer Like?

• All graphic designers are creative.

Page 17: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

What About Skills?

You need:• Communication Skills• Creativity• Curiosity• Computer Skills• Drawing Skills• Problem Solving Skills• Ability to Work Under Pressure• Ability to Work Well With Others• Ability to Think Outside the Box• Determination• Thick Skin

Page 18: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Where Do Designers Work?

• In-house creative departments

• These creative departments are typically nestled within big corporations.

– Example: Blue Cross & Blue Shield

Page 19: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Where Do Designers Work?

• Design firms or ad agencies

• Your company creates for a wide variety of clients. – Example: Sussner

Design

Page 20: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Where Do Designers Work?

• Freelance or Independent

• This means you are your own boss.

Page 21: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Color• Color is probably of the

most expressive and powerful characteristic.

Page 22: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Primary Colors

• The primary triad is called so because all colors can be mixed from it.

• Red, yellow, and blue.

Page 23: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 24: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 25: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 26: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 27: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 28: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 29: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 30: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 31: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Saturation

• Saturation refers to the intensity or purity of a color.

Page 32: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Which one is more saturated?

Page 33: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 34: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Typography

• Typography is the art of arrangement , style, appearance, and printing of type.

• This includes:– the font you choose– the point size – the style (bold/italics)– the alignment– the overall appearance

Page 35: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Typography• This is 10-point Arial.

• This is 40-point Arial.• This is 28-point Arial.• This is 28-point Arial Italic.• This is 28-point Arial Bold.• This is 28-point Arial Bold Italic.

Page 36: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Points

• A point is a unit of measurement in typography equal to 1/72 of an inch.

•This is 72 point font.

Page 37: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Serif or Sans Serif

Sans Serif

Serif

Serif (“Serifs” Highlighted in RED)

Sans Serif fonts do not have the small details called “serifs” at the end of strokes.

Page 38: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Serif or Sans Serif?

Sy

Page 39: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 40: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Tracking & Leading

• Tracking also called kerning is the horizontal space between letters.

• Leading is the vertical space between lines of type.

• Typical space between each letter.

• More space between each character.

• UNIVERSITY• UNIVERSITY• UNIVERSITY

More

leading

Less Leading

Page 41: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

What is the most popular font today in graphic design?

Page 42: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Helvetica.

Page 43: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Space

• Space is the portion of a design between type or objects.

• The successful use of space can help define boundaries and differences.

Page 44: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Space

• Space is the portion of a design between type or objects.

• The successful use of space can help define boundaries and differences.

• Proper use of space can also enhance the design.

Page 45: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Space

Page 46: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Space

Page 47: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Size

• Scale refers to the relationships in size between objects.

• In design size is important because it affects perception.

• Size can be used for emphasis.

Page 48: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Space, Size, and Perception

Page 49: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Emphasis

• The emphasis is the position or element in the design that attracts the viewer’s eye first.

Page 50: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 51: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Direction

• Direction is important it affects when an element is noticed.

• Left to right?• Top to bottom?

Page 52: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 53: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Objects

• Objects communicate meaning.

Page 54: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Objects

Page 55: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Keeping Context in Mind

• The context is very important to remember.

• Context includes:– Other images in the

audience's view– Memories and

Expectations– Biases and interests

of the viewer.

Page 56: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 57: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 58: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 59: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels
Page 60: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Components of Visual Communication in Graphic Design

= message + redundancy + decoration + noise

Page 61: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Components of Visual Communication in Graphic Design

• Message: what you want to say– The meaning, info, etc

• Redundancy: saying the same thing in more than one way– ex. Signaling “Stop”

with an octagon shape and the color red

Page 62: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Components of Visual Communication in Graphic Design

• Message: what you want to say– The meaning, info, etc

• Redundancy: saying the same thing in more than one way– ex. Signaling “Stop”

with an octagon shape and the color red

Page 63: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Components of Visual Communication in Graphic Design

• Decoration: draws the eye to the graphic– Must not get in the

way of meaning

• Noise: anything that interferes with meaning

Page 64: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Components of Visual Communication in Graphic Design

• Decoration: draws the eye to the graphic– Must not get in the

way of meaning

• Noise: anything that interferes with meaning

– Decoration that FAILS becomes noise.

Page 65: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Inter-relationship

• Redundancy is necessary to overcome noise.

• Decoration that FAILS becomes noise.

• It often depends on the context: the knowledge, goals, and interest of the viewer.

Page 66: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Inter-relationship

• Redundancy is necessary to overcome noise.

• Decoration that FAILS becomes noise.

• It often depends on the context: the knowledge, goals, and interest of the viewer.

Page 67: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Inter-relationship

• Redundancy is necessary to overcome noise.

• Decoration that FAILS becomes noise.

• It often depends on the context: the knowledge, goals, and interest of the viewer.

Page 68: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Inter-relationship

• Redundancy is necessary to overcome noise.

• Decoration that FAILS becomes noise.

• It often depends on the context: the knowledge, goals, and interest of the viewer.

Page 69: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Inter-relationship

• Redundancy is necessary to overcome noise.

• Decoration that FAILS becomes noise.

• It often depends on the context: knowledge, goals, and interest of the viewer.

Page 70: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Components of Visual Communication in Graphic Design

message +

redundancy +

decoration +

noise

Page 71: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels

Your Goal

message +

redundancy +

decoration

Page 72: Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels