Layout & typography in detail
-
Upload
sami-ullah -
Category
Education
-
view
28 -
download
1
Transcript of Layout & typography in detail
1
Layout and typography
2
Layout
The arrangement of visual elements on a page
3
Planning the advertisement
When planning your advertising, you need to consider:
the objective of the campaign (your goals)
how much to spend (your budget) who to target (your audience)
4
Planning the advertising the type of advertising you'll use (your
strategy) when you will advertise (your calendar or
schedule of activity) how to monitor your success (your results
5
Team work Art director Copywriter Visualiser
7
AIDCA
AIDCA formula ( Attention, Desire, Conviction, Action)
8
Attention
First, grabbing the attention of your prospect
9
Interest
Then, peaking their interest in your product or service
10
Desire
Then, generating desire for your product or service
11
Conviction Next, developing conviction within your
prospect
12
Action Finally, inspiring your prospect to take
action
13
DESIGN AND
LAYOUT
14
STAGES IN DESIGN Thumbnail SketchesArt director and copywriter work together for possible ideaDiscuss the heading and type of artMake sketch with very rough thumbnail
15
16
HAND-DRAWN LAYOUTChoose several of his thumbnail sketches having different layoutOne with the heading, Down the left side and RightOne might have roughly sketched photo or smaller box for photo
17
TIGHT LAYOUTUse those Rough layout for tight LayoutHeadlines and artwork is placed in their proper positionSize of the element and Style of print should be accurate
18
COMPREHENSIVE LAYOUT
Final layout stage showing ad exactly as it is printedReviewed by all involved at the agencyFinally taken to the client for approval and final changes
19
8LAWS OF DESIGNLAW OF UNITYAll parts should be unit to make a wholeCan be Distributed by irritating borders and different colors.
20
LAW OF VARIETYBest ContrastGood use of white spaceUse of Pictures
21
22
LAW OF BALANCE
Should be well balanced“Optimistic” Balance“Symmetrical” Balance
23
24
LAW OF RYTHEMStatic but obtained a sense of movementSimple paragraph but general flow should be pleasantly rhythmic
25
26
27
LAW OF HARMONYAvoid extra contrastSharps colors and jerky contrasDeliberate intention for Bombastic offersHarmony helps to create unity
28
Law of proportion
This applies particularly to the type size used for different widths of copy: the wider the width (or measure) the larger the type size, and vice versa.
29
30
Text size Text width Like in power Pont 18 size
31
Law of scale Visibility depends on the scale of tones and colors, some appearing
to recede, others appearing to advance. Black looks closer to the eye than grey, and red is the most dominant color.
Tone of color Colors of text Colors for headline
32
33
34
35
36
Law of emphasis The rule here is that all emphasis is no emphasis as occurs if too much
bold type is used, or there are too many capital letters.
37
All emphasis no emphasis
38
To much bold To much capital
39
Other forms of white space The space in add
40
Space in adds
41
Arrangement of head lines Give clarity and legibility to message
42
Attention getting
43
you may not like good boy you may not like good boy you may not like good boy depending upon suction
44
Illustrations Visual explanation of text
45
Types of Illustration (1) line drawing (2) wash drawing
46
line drawing A drawing done using only narrow lines.
47
wash drawing
A picture made by laying on washes of watercolor.
48
Arrangement of head lines Give clarity and legibility to message Attention getting
49
Example you may not like good boy you may not like good boy you may not like good boy
50
Illustrations Visual explanation of text designed for integration in published
media, such as posters, flyers, magazines, books, teaching materials, animations, video games and films'
51
TYPOGRAPHY
Arrangement of type Written language Spacing Style of text Symbols Display Readable
52
In Past typography
53
Modern typography
54
Roles and regulations 1 Learn the Basics 2 Watch Your Kerning 3 Be Aware of Font Communication 4 Alignment 5 Choose a Good Secondary Font 6 Size Matters 7 Use Typography As Art 8 Find Good Inspiration
55
1 Learn the Basics
56
2 Watch Your Kerning
57
3 Be Aware of Font Communication
58
4 Alignment
59
5 Choose a Good Secondary Font
60
6 Size Matters
61
7 Use Typography As Art
62
8 Find Good Inspiration
63
Typesetting
Set by hand Upper and lower case Capital and small letters Mechanical setting Individual charactrics
64
Typesetting Roles & Regulations
Keep Your Line Lengths Short Have Purposeful Hierarchy Practice Appropriate Word Spacing Use The Correct Alignment Always Design For Your Audience Never Use Display Fonts For Body
Copy Don’t Think Of White Space As Empty
Space Consider Your Medium
65
Keep Your Line Lengths Short
66
Have Purposeful Hierarchy
67
Practise Appropriate Word Spacing
68
Use The Correct Alignment
69
Always Design For Your Audience
70
Never Use Display Fonts For Body Copy
71
Don’t Think Of White Space As Empty Space
72
Consider Your Medium
73
Photo-typesetting
A printing process that generated columns of type on a scroll of photographic paper, using a phototypesetter.
74
Machines
75
Process
76
Examples
77
TELEVISON COMMERICALS Storyboard: Special effects:
78
Storyboard
79
80
Special effectswhen you watch any TV commercial then you also judge that some effects are show there which is not possible in real life that’s special effects.
81
Presented BY: Rana Sami Business Administration Department University of Sargodha BBA Student 2013-17 Cell: 0300-6117262 Email: [email protected]