successful poster design
DESCRIPTION
Presented by Hedren Sum@ NTU Libraries, Nanyang Technological University, SingaporeTRANSCRIPT
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