SlideShare ist ein Scribd-Unternehmen logo
1 von 81
1
The arrangement of visual elements on a page
2
 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)
3
 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
4
 Art director
 Copywriter
 Visualiser
5
6
 AIDCA formula ( Attention,
Desire, Conviction, Action)
7
First, grabbing the attention of your prospect
8
Then, peaking their interest in your product or
service
9
Then, generating desire for your product or
service
10
Next, developing conviction within your prospect
11
Finally, inspiring your prospect to take action
12
13
14
Thumbnail Sketches
Art director and copywriter work
together for possible idea
Discuss the heading and type of art
Make sketch with very rough
thumbnail
15
16
Choose several of his thumbnail
sketches having different layout
One with the heading, Down the left
side and Right
One might have roughly sketched
photo or smaller box for photo
17
Use those Rough layout for tight Layout
Headlines and artwork is placed in
their proper position
Size of the element and Style of print
should be accurate
18
Final layout stage showing ad exactly as
it is printed
Reviewed by all involved at the agency
Finally taken to the client for approval
and final changes
19
LAW OF UNITY
All parts should be unit to make a
whole
Can be Distributed by irritating
borders and different colors.
20
Best Contrast
Good use of white space
Use of Pictures
21
22
Should be well balanced
“Optimistic” Balance
“Symmetrical” Balance
23
24
Static but obtained a sense of
movement
Simple paragraph but general flow
should be pleasantly rhythmic
25
26
27
Avoid extra contrast
Sharps colors and jerky contras
Deliberate intention for Bombastic
offers
Harmony helps to create unity
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.
28
29
 Text size
 Text width
 Like in power Pont 18 size
30
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
31
32
33
34
35
 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.
36
 All emphasis no emphasis
37
 To much bold
 To much capital
38
 The space in add
39
 Space in adds
40
 Give clarity and legibility to message
41
 Attention getting
42
you may not like good boy
you may not
like good boy
you may
not like
good boy
 depending upon suction
43
 Visual explanation of text
44
(1) line drawing
(2) wash drawing
45
 A drawing done using only narrow lines.
46
 A picture made by laying on washes of
watercolor.
47
 Give clarity and legibility to message
 Attention getting
48
 Example
you may not like good boy
you may not
like good boy
you may
not like
good boy
49
 Visual explanation of text
 designed for integration in published
media, such as posters, flyers, magazines,
books, teaching materials, animations,
video games and films'
50
 Arrangement of type
 Written language
 Spacing
 Style of text
 Symbols
 Display
 Readable
51
52
53
 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
54
55
56
57
58
59
60
61
62
 Set by hand
 Upper and lower case
 Capital and small letters
 Mechanical setting
 Individual charactrics
63
 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
64
65
66
67
68
69
70
71
72
A printing process that
generated columns of type on a
scroll of photographic paper,
using a phototypesetter.
73
74
75
76
 Storyboard:
 Special effects:
77
78
79
80
when 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.
 Rana Sami
 Business Administration Department
 University of Sargodha
 BBA Student 2013-17
 Cell: 0300-6117262
 Email: ranasami247398@gmail.com
81

Weitere ähnliche Inhalte

Andere mochten auch

Actividad de-aprendizaje-1 y 2-joseph-calva
Actividad de-aprendizaje-1 y 2-joseph-calvaActividad de-aprendizaje-1 y 2-joseph-calva
Actividad de-aprendizaje-1 y 2-joseph-calva
JOSEPHCALVA
 
000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000
Stephanie Beacham
 
Maslows need hierarchy
Maslows need hierarchyMaslows need hierarchy
Maslows need hierarchy
rojiya93
 
Phil Gordon Resume' 2
Phil Gordon Resume' 2Phil Gordon Resume' 2
Phil Gordon Resume' 2
phil gordon
 

Andere mochten auch (18)

10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve10 Design & Layout Principles Guaranteed To Improve
10 Design & Layout Principles Guaranteed To Improve
 
Basic Principles of Graphics and Layout
Basic Principles of Graphics and LayoutBasic Principles of Graphics and Layout
Basic Principles of Graphics and Layout
 
Typography ppt
Typography pptTypography ppt
Typography ppt
 
Introduction to Layouts in Graphic Design
Introduction to Layouts in Graphic DesignIntroduction to Layouts in Graphic Design
Introduction to Layouts in Graphic Design
 
Typography Essentials: Part 2
Typography Essentials: Part 2Typography Essentials: Part 2
Typography Essentials: Part 2
 
5 Reasons Typography is Powerful
5 Reasons Typography is Powerful5 Reasons Typography is Powerful
5 Reasons Typography is Powerful
 
Ms office word2013(1)
Ms office word2013(1)Ms office word2013(1)
Ms office word2013(1)
 
Actividad de-aprendizaje-1 y 2-joseph-calva
Actividad de-aprendizaje-1 y 2-joseph-calvaActividad de-aprendizaje-1 y 2-joseph-calva
Actividad de-aprendizaje-1 y 2-joseph-calva
 
Sodec 2017 briefing presentation
Sodec 2017 briefing presentationSodec 2017 briefing presentation
Sodec 2017 briefing presentation
 
Impact of climate on avian influenza spread in Minnesota turkeys
Impact of climate on avian influenza spread in Minnesota turkeysImpact of climate on avian influenza spread in Minnesota turkeys
Impact of climate on avian influenza spread in Minnesota turkeys
 
RECONOCIMIENTO DEL AMBIENTE DEL TRABAJO
RECONOCIMIENTO DEL AMBIENTE DEL TRABAJORECONOCIMIENTO DEL AMBIENTE DEL TRABAJO
RECONOCIMIENTO DEL AMBIENTE DEL TRABAJO
 
Macau Science Museum PPT
Macau Science Museum PPTMacau Science Museum PPT
Macau Science Museum PPT
 
Tarea diapositivas
Tarea diapositivasTarea diapositivas
Tarea diapositivas
 
Tema 1.9
Tema 1.9Tema 1.9
Tema 1.9
 
000000000000000000000000000000000000000000
000000000000000000000000000000000000000000000000000000000000000000000000000000000000
000000000000000000000000000000000000000000
 
Maslows need hierarchy
Maslows need hierarchyMaslows need hierarchy
Maslows need hierarchy
 
El lenguaje
El lenguajeEl lenguaje
El lenguaje
 
Phil Gordon Resume' 2
Phil Gordon Resume' 2Phil Gordon Resume' 2
Phil Gordon Resume' 2
 

Ähnlich wie Layout & typography in detail

Business Card - Client Interaction
Business Card -  Client InteractionBusiness Card -  Client Interaction
Business Card - Client Interaction
Webmaster
 

Ähnlich wie Layout & typography in detail (20)

Design Basics
Design BasicsDesign Basics
Design Basics
 
Print Ads
Print AdsPrint Ads
Print Ads
 
Habits of Effective Designers
Habits of Effective DesignersHabits of Effective Designers
Habits of Effective Designers
 
NWR: Layout Design: Student Collaboration
NWR: Layout Design: Student CollaborationNWR: Layout Design: Student Collaboration
NWR: Layout Design: Student Collaboration
 
25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designers25 epic graphic design tips for non-designers
25 epic graphic design tips for non-designers
 
Covers that Connect, IBPA 2016
Covers that Connect, IBPA 2016Covers that Connect, IBPA 2016
Covers that Connect, IBPA 2016
 
Recipe for the effective presentaion
Recipe for the effective presentaionRecipe for the effective presentaion
Recipe for the effective presentaion
 
5-Basic-Graphic-Designing-Tips.pdf
5-Basic-Graphic-Designing-Tips.pdf5-Basic-Graphic-Designing-Tips.pdf
5-Basic-Graphic-Designing-Tips.pdf
 
5-Basic-Graphic-Designing-Tips.pptx
5-Basic-Graphic-Designing-Tips.pptx5-Basic-Graphic-Designing-Tips.pptx
5-Basic-Graphic-Designing-Tips.pptx
 
Covers that Connect IBPA 2017
Covers that Connect IBPA 2017Covers that Connect IBPA 2017
Covers that Connect IBPA 2017
 
Commercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentationsCommercial Graphic Designing - dealing with presentations
Commercial Graphic Designing - dealing with presentations
 
Design Intro
Design IntroDesign Intro
Design Intro
 
Print and Outdoor Design ad Layout
Print and Outdoor Design ad LayoutPrint and Outdoor Design ad Layout
Print and Outdoor Design ad Layout
 
Print and Outdoor Layout and Design
Print and Outdoor Layout and DesignPrint and Outdoor Layout and Design
Print and Outdoor Layout and Design
 
Avalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and TricksAvalon's DM 101 - Design Tips and Tricks
Avalon's DM 101 - Design Tips and Tricks
 
Covers that-connect-wwc-2015
Covers that-connect-wwc-2015Covers that-connect-wwc-2015
Covers that-connect-wwc-2015
 
Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014
 
Introduction to Graphic Design.pdf
Introduction to Graphic Design.pdfIntroduction to Graphic Design.pdf
Introduction to Graphic Design.pdf
 
Business Card - Client Interaction
Business Card -  Client InteractionBusiness Card -  Client Interaction
Business Card - Client Interaction
 
Design concepts
Design conceptsDesign concepts
Design concepts
 

Kürzlich hochgeladen

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
KarakKing
 

Kürzlich hochgeladen (20)

Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Google Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptxGoogle Gemini An AI Revolution in Education.pptx
Google Gemini An AI Revolution in Education.pptx
 
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdfUnit 3 Emotional Intelligence and Spiritual Intelligence.pdf
Unit 3 Emotional Intelligence and Spiritual Intelligence.pdf
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)Jamworks pilot and AI at Jisc (20/03/2024)
Jamworks pilot and AI at Jisc (20/03/2024)
 
Plant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptxPlant propagation: Sexual and Asexual propapagation.pptx
Plant propagation: Sexual and Asexual propapagation.pptx
 
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
80 ĐỀ THI THỬ TUYỂN SINH TIẾNG ANH VÀO 10 SỞ GD – ĐT THÀNH PHỐ HỒ CHÍ MINH NĂ...
 
Salient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functionsSalient Features of India constitution especially power and functions
Salient Features of India constitution especially power and functions
 
Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptxExploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
Exploring_the_Narrative_Style_of_Amitav_Ghoshs_Gun_Island.pptx
 
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
Wellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptxWellbeing inclusion and digital dystopias.pptx
Wellbeing inclusion and digital dystopias.pptx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptxOn_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
On_Translating_a_Tamil_Poem_by_A_K_Ramanujan.pptx
 

Layout & typography in detail