successful poster design

1

Successful Poster DesignPresented by

Hedren SUM

@ NTU Libraries

18th May 2009

2

My Design Experience… School

– Temasek Polytechnic– Singapore Management University (SMU)

National Service– Army events

Nanyang Technological University (NTU)– Orientation 2007– eResource Fair 2007– etc.

Design Blueprints– MINDEF, Singapore Prisons Service, HPB, Harvey Norman,

SDU of Singapore, Down Syndrome Association of Singapore, Singapore International Foundation, etc.

3

Poster, Notice and SignageWhat is the difference?

4

PosterLarge printed picture or notice used for decoration or advertisement (By Oxford Dictionary)

NoticeDisplayed sheet or placard giving news or information(By Oxford Dictionary)

SignageGraphic design as symbols, emblems or words, used especially for identification or as means of giving direction or warning (By dictionary.com)

5

Decoration

Advertisement

News or information

Identification

Direction

Warning

6

What is a Poster?Succes

sful

7

A successful poster is a printed medium

that is able to

communicate a message call attention and generate enough interest to

prompt closer investigation let viewers recall important details

8

Step 1: Preparation (Information Gathering)

Step 2: Design (Conceptualization)

Step 3: Execution (Development)

Step 4: Assessment (Evaluation)

9

Step 1: Preparation (Information Gathering) Identify the main message or focus Define and understand target audience Consider presentation and printing requirements

10

11

Picture Source: Fedora Art Team

12

What was theMain Focus?

13

Getattention

3SECONDS

Secureattention

30SECONDS

14

Define and understand your target audience

Picture Source: www.optimizedagent.com

15

What is the target audience for the posters?(Kids, Teenagers and Adults)

For Kids For Teenagers For Adults

Picture Source: Design Blueprints

16

Consider Presentation and Printing requirements

Picture Source: Epson

17

Where are you going to place the poster?

18

Paper SizesA4: 21 x 29.7 cm

A3: 29.7 x 420 cm

A2: 59.4 x 420 cm

A1: 59.4 x 840 cm

Picture Source: Wikipedia

19

Printing Considerations

Paper Types Lamination Mounting Clipping

20

Step 2: Design (Conceptualization) Gathering inspirations Choosing elements Organize your elements

21

inspirationis found (or discovered)

Picture Source: Getty Images

22

Think Out-of-the-box?

23

inspiration can be gathered anywhere…

Books, designs and journals Internet Movies and televisions Colleagues, friends and family Music Everyday environment etc.

24

The Story of Ants

25

Picture Source: Design Blueprints

26

Choosing elements Fonts Colours Visuals

Picture Source: www.inmart.com.hk

27

Choosing Fonts

28

Readability

Emphasis

29

Typeface

Size

Case

Style

Spacing

Choosing Fonts

30

Choose Typeface carefully

31

Types of Typefaces

Sans SerifSerifScript

32

TypographyTypographyTypography

Which is more readable?

TypographySans Serif

33

Avoid using complex fonts

TypographyTypographyTypographyTypography

34

Type size can create hierarchy and

add contrast

35

Title100 pt or larger

sub-titles36 pt

main text32 pt

references24 pt

36

Use CASE to add emphasis

cautiously

37

Which is more readable?

Typography is the grammar of design, its currency

TYPOGRAPHY IS THE GRAMMAR OF DESIGN, ITS CURRENCY

38

Increase character spacing to improve readability

TYPOGRAPHY IS THE GRAMMAR OF DESIGN, ITS CURRENCY

TYPOGRAPHY IS THE GRAMMAR OF DESIGN, ITS CURRENCY

T Y P O G R A P H Y I S T H E G R A M M A R O F D E S I G N , I T S C U R R E N C Y

39

Avoid using Styleto add emphasis

40

Types of Font Styles

BoldItalic

UnderlineShadow

41

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point, size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning).

42

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point, size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning).

43

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point, size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning).

44

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point, size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning).

45

Title100 pt or larger, bold

sub-titles36 pt, bold

main text32 pt

references24 pt

46

Use Spacing to increase readability

47

Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Type glyphs are created and modified using a variety of illustration techniques. The arrangement of type involves the selection of typefaces, point, size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning).

48

Typography is the art and techniques of arranging

type, type design, and modifying type glyphs. Type glyphs

are created and modified using a variety of illustration

techniques. The arrangement of type involves the selection

of typefaces, point, size, line length, leading (line spacing),

adjusting the spaces between groups of letters (tracking)

and adjusting the space between pairs of letters (kerning).

49

ChoosingColours

Picture Source: Pantone

50

Colour WheelPicture Source: hidc.com.au

51

Colours can be used to: convey meanings, moods and symbolisms emphasize something help readers recall information

Use colours wisely.

52

Colours can convey meanings, moods and symbolisms

53

Colour Wheel

(Exciting)

(Calming)

Picture Source: martyk72.wordpress.com

54

Accent of BoldLove, Infatuation, Danger, Intensifier of Emotions, Strength, Aggression, Sexuality

Bite-Size HappinessJoy, Optimism, Happiness, Idealism, Anger

Life and RenewalLife, nature, growth, renewal, health, environment, jealousy, inexperience

Calm and CoolCalm, Peace, security, friendly

More at http://sparxoo.com/2009/02/09/colors-of-economy and http://desktoppub.about.com/cs/color/a/symbolism.htm

55

Colours can emphasize something

56

Picture Source: Design Blueprints

57

Colours can help readers

recall information

58

Picture Source: NTU Libraries

59

Understand relationship of colours: Analogous colours Complementary colours

Match colours with caution

60

Analogous colorsColours appear next to each other

on the colour wheel

Picture Source: hidc.com.au

61

abc

abc

abc

abc

abc

abcAdjacent or harmonizing colors

62

Picture Source: COLOURlovers

63

Picture Source: COLOURlovers

64

Picture Source: COLOURlovers

65

Complementary colorsColours appear across fromeach other on a color wheel

Picture Source: painting.about.com

66

abc

abc

abc

abc

abc

abcAnalogous colors

67

Colour perceptual property corresponding in humans to the categories

called red, yellow, blue and others. Colour derives from the spectrum of light

interacting in the eye with the spectral sensitivities of the light receptors.

68

Picture Source: COLOURlovers

69

Picture Source: COLOURlovers

70

Choosing Visuals

Picture Source: sharris.wordpress.com

71

Consider the following: Target audience Meaning Focus and intention of use Resolution and picture quality Intellectual Property (IP)

72

Picture Source: What is Graphic Design? poster contest

73

Organise your elements “Grid Anatomy” Exploring Space

Picture Source: www.unbsj.ca

74

75

“Grid Anatomy”

Exploring Space

76

Column intervals

Flowlines

Margins

Columns

Grid modules

77

Single-column Grid

Picture Source: Design Blueprints

78

Multiple-column Grid

Picture Source: Design Blueprints

79

Modular Grid

Picture Source: psstpassiton.com

80

Picture Source: Design Blueprints

81

Alternative Grid

Picture Source: www.toddroeth.com

82

Is this design by grids?

Picture Source: Design Blueprints

83

Picture Source: Design Blueprints

84

85

No Grids = No Rules

Experience, practise and experimentation

=

86

Picture Source: NTU Libraries

87

Picture Source: Design Blueprints; What is Graphic Design? poster contest

88

Be Back in 15 mins…

Picture Source: Kit Kat

89

Step 3: Execution (Development) Getting Started with Microsoft PowerPoint Demonstration on Poster Design

90

Developing withMicrosoft PowerPoint

Picture Source: Microsoft PowerPoint

91

Setting Unit Measurement Setting the Stage Interface Text styles, spacing and character spacing Handling images Grouping and aligning

92

Step 4: Assessment (Evaluation) Thinking back…

93

Thinking Back… Attracting your target audience Delivering the message Creating visual impact

Picture Source: www.abelramirez.com

94

Attracting your target audience If you encountered this poster, would you get attracted to it? Is the poster directed to the target audience? Does the poster stands out?

95

Delivering the message If you stopped to look at the poster, would you read the

text on it? Is the subject matter presented clearly and concisely? Does the information presented flow logically? Is the text readable and legible? Can the text be read by more than one person at a time? Are there any mistakes such as grammar, spelling, etc.

96

Creating visual impact Are the graphics large enough to be seen from a distance of 3

metres? Are the graphics attractive, relevant and meaningful? Does the poster have sufficient clear space? Are the elements properly aligned?

97

What do you think about the following posters?

98

Picture Source: SMUSA

99

Picture Source: SMUSA

100

101

Picture Source: NTU Libraries

102

Picture Source: Design Blueprints

103

Picture Source: NTU Libraries

104

105

Picture Source: NTU Libraries

106

Picture Source: NTU Libraries

107

Common Mistakes Too much text and information Missing crucial information Incorrect or misleading visuals Hard to read text Consistency with other peripherals

108

ASuccessful Poster

109

Design (Art) is not what you see,but what you make others see.“ ”Edgar Degas

(1834 – 1917)Painter, sculptor

110

Questions and Answers

Successful Poster Design

111

I can be contacted at:hedrensum@designblueprints.com

?