slide deck for my intro to visual design course

49
LSC 332: Lecture 3 Strategic Communication Design

Upload: don-stanley

Post on 12-Feb-2017

222 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Slide Deck for My Intro to Visual Design Course

LSC 332: Lecture 3Strategic Communication Design

Page 2: Slide Deck for My Intro to Visual Design Course

A Quick Review

Page 3: Slide Deck for My Intro to Visual Design Course

Why? It’s All About the Brain

Page 4: Slide Deck for My Intro to Visual Design Course

What is Design Then?

Design is the planned arrangement of elements to form a visual pattern that communicates a specific message to a specific audience/s.

Page 5: Slide Deck for My Intro to Visual Design Course

What does it do?

It attractions attention, it clarifies, it communicates, and it accelerates learning

Page 6: Slide Deck for My Intro to Visual Design Course

What are the Attributes of Effective Design?

Effective Design is:Purposeful – EVERYTHING in design should reinforce the messageFunctional – legible Elegant – creative, innovative, appropriate (Don Norman, Ph.D.)Clear – communicates quickly with the RIGHT audience

Page 7: Slide Deck for My Intro to Visual Design Course

Strategy for Being Effective

USE THE 3D1. Discovery/Definition2. Design and Dictate3. Delivery

Page 8: Slide Deck for My Intro to Visual Design Course
Page 9: Slide Deck for My Intro to Visual Design Course

LET’S REVIEW PGN AGAIN

Page 10: Slide Deck for My Intro to Visual Design Course
Page 11: Slide Deck for My Intro to Visual Design Course

LET’S LOOK AT YOUR SAMPLES

Let’s reverse engineerLook for patterns

Page 12: Slide Deck for My Intro to Visual Design Course

TIP: Know what you want to say and say it clearlyTIP: View your design from a user perspective

Carefully consider your impressions about Plain Good Nutritionafter viewing their promotional flyer. Now, how will you improve it?

WHAT IS THE MAIN MESSAGE BEING COMMUNICATED?

WHAT ARE YOU REALLY SAYING?

Page 13: Slide Deck for My Intro to Visual Design Course
Page 14: Slide Deck for My Intro to Visual Design Course
Page 15: Slide Deck for My Intro to Visual Design Course
Page 16: Slide Deck for My Intro to Visual Design Course
Page 17: Slide Deck for My Intro to Visual Design Course
Page 18: Slide Deck for My Intro to Visual Design Course
Page 19: Slide Deck for My Intro to Visual Design Course
Page 20: Slide Deck for My Intro to Visual Design Course
Page 21: Slide Deck for My Intro to Visual Design Course
Page 22: Slide Deck for My Intro to Visual Design Course

EYE DIRCTION, FOCUS

Red = most attentionYellow = next mostGreen = leastNo color = no attention

Page 23: Slide Deck for My Intro to Visual Design Course

EYE DIRCTION, FOCUS

Red = most attentionYellow = next mostGreen = leastNo color = no attention

Page 24: Slide Deck for My Intro to Visual Design Course

EYE DIRCTION, FOCUS

Red = most attentionYellow = next mostGreen = leastNo color = no attention

Page 25: Slide Deck for My Intro to Visual Design Course

EYE DIRCTION, FOCUS

Red = most attentionYellow = next mostGreen = leastNo color = no attention

Page 26: Slide Deck for My Intro to Visual Design Course

EYE DIRCTION, FOCUS

Page 27: Slide Deck for My Intro to Visual Design Course

EYE DIRCTION, FOCUS

Page 28: Slide Deck for My Intro to Visual Design Course

DESIGN TOOL 1: CONTRAST

Page 29: Slide Deck for My Intro to Visual Design Course

CONTRAST = CLARITY

What is it? It’s a tool to help …•  clarify the main message•  clarify who the message is for (audience)•  convey main offer or problem it solves

•  Without good contrast, you will not get 1st attention

Page 30: Slide Deck for My Intro to Visual Design Course

CONTRAST PITFALLS

Common Pitfalls: •  Lack of white space, •  too many typefaces, •  unnecessary images and borders.

Types of Contrast >>

Page 31: Slide Deck for My Intro to Visual Design Course

6 PRO CONTRAST TECHNIQUES

Common Pitfalls: •  Lack of white space, •  too many typefaces, •  unnecessary images and borders.

Types of Contrast >>

Page 32: Slide Deck for My Intro to Visual Design Course
Page 33: Slide Deck for My Intro to Visual Design Course

Tool 1: Contrast Before & After

Page 34: Slide Deck for My Intro to Visual Design Course

Tool 1: Contrast Styles

Page 35: Slide Deck for My Intro to Visual Design Course
Page 36: Slide Deck for My Intro to Visual Design Course
Page 37: Slide Deck for My Intro to Visual Design Course
Page 38: Slide Deck for My Intro to Visual Design Course
Page 39: Slide Deck for My Intro to Visual Design Course

Before & After: Which is clearer? Why specifically?

Page 40: Slide Deck for My Intro to Visual Design Course

Contrast with Color. What’s most important?

Page 41: Slide Deck for My Intro to Visual Design Course

Contrast with Color. What’s most important?

Page 42: Slide Deck for My Intro to Visual Design Course

The Before: What are the problems? LSC 530

Page 43: Slide Deck for My Intro to Visual Design Course
Page 44: Slide Deck for My Intro to Visual Design Course

A Quick Demo …

DON STANLEY | @3rhinomedia | Fall 2013

Page 45: Slide Deck for My Intro to Visual Design Course
Page 46: Slide Deck for My Intro to Visual Design Course
Page 47: Slide Deck for My Intro to Visual Design Course
Page 48: Slide Deck for My Intro to Visual Design Course
Page 49: Slide Deck for My Intro to Visual Design Course

HomeworkASSIGNMENT 1: Work on Plain Good Nutrition Flyer

PROJECT REQUIREMENTSYou must use all content in the flyer with the following exceptions:1.  You can change the headline text2.  You do NOT have to use the logo (of the sunflower)3.  You CANNOT add any new text other than a new

headline but you can reorder the text4.  You CAN use any image/s you would like to, but you

don’t have to use images5.  NO CENTER ALIGNING!