SlideShare a Scribd company logo
FOUR
ELEMENTS
OF DESIGN
MEDIA DESIGN
STRAUCH
THE 4 ELEMENTS
• Text (body copy)
• Headline
• Photos/Art
• Cutlines/Captions
WORKING WITH TYPE
X-height
baseline
descender
ascender
Fonts come in
two varieties:
serif (with feet)
and sans serif
(without feet)
Small type (12 pts or less aka body copy): Serif
Larger type (14 pts or more): Sans Serif or Serif
Leading is the vertical space
Between lines of type.
Leading
POINTS, PICAS AND
INCHES
There are 6 picas in an inch.
There are 12 points in a pica.
So….there are 72 points in an inch.
1”
36 points=1/2 inch1/2”
72 points=1 inch
HEADLINES
• Flush left (don’t center)
• Needs subject and verb
• Verb should be present tense, future tense or a ‘to be’ form
of the verb
• Write it to fit at least halfway across the last column of the
story
• Rewrite the headline to make it fit (don’t just keep going
down in size).
SIZES
• See Headlines page in your textbook
• Front page: 60-72 points at top; 48-42 in
the middle and no smaller than 24-30
point on the bottom.
• Inside pages: 48 points at top; 18 points
is the smallest
• Look in your textbook to see how many
decks you can have, depending on how
many columns wide the story is.
Kick it
A kicker headline is small
on top but big on bottom
When using two different sizes in a headline (like hammers
and kickers), the smaller deck should be regular style
and the bigger deck bold.
Also, the two sizes should be half of each other. For
example, the big one 48 points, the small one 24
points.
Hammer time
In a hammer headline, the top is big and bold, and
the bottom line is the smaller one in regular style
Slammer: Both are same size but one is bold with a colon
Tripod:In this headline, make sure lines even up
with the top and bottom of the first word
There are 3 photo orientations:
Vertical
Horizontal
Square
CUTLINES
• 9-12 points
• Must be in a font that is different and distinctive from text.
• Write to fit completely across the bottom of photo for first
line. Other lines should go at least halfway across the
bottom.
• Flush left, ragged right (or justified)
When you
put your
elements
together,
there
should be
1 pica (or
1/8th of an
inch)
between
each.
STORY
DESIGN
THERE ARE FOUR BASIC
STORY SHAPES
• Stack
• Side by Side
• L-wrap
• U-wrap
Stack Design:
Photo
Cutline
Headline
Text
Cutline should
always be under
photo; headline
always starts over
text.
Side by
Side:
Notice that
all the story
shapes are
modular,
meaning the
tops and
bottom line
up to create
rectangles.
L-wrap:
You need at least
four lines of text
under photo. Also,
because there is
text under photo,
the headline must
extend all the way
across.
U-wrap:
Photo in
middle helps
to break up
copy but
you need a
fairly long
story.
What’s
wrong with
each of
these
designs?
A. Headline
should start
over text
B. Photo in
center breaks
copy flow
C. Photo is
buried;
should be
above
headline
D. Buried photo
again
E. Story isn’t
modular; legs
must even up
with cutline or
story continue
under photo.

More Related Content

Similar to 4 elements

Conventions
ConventionsConventions
Conventions
stephbeal98
 
How to make a Poster Presentation in PowerPoint
How to make a Poster Presentation in PowerPointHow to make a Poster Presentation in PowerPoint
How to make a Poster Presentation in PowerPoint
Leonov Martin
 
Conventions of a front cover
Conventions of a front coverConventions of a front cover
Conventions of a front cover
summersmithh
 
Newspaper Design key terms
Newspaper Design key termsNewspaper Design key terms
Newspaper Design key terms
MICT - Media in Cooperation and Transition
 
Concept mapping
Concept mappingConcept mapping
Concept mapping
lgilby
 
Analysis of music magazine
Analysis of music magazineAnalysis of music magazine
Analysis of music magazine
asmediab15
 
Analysis of music magazine
Analysis of music magazineAnalysis of music magazine
Analysis of music magazine
asmediab15
 
The perfect research paper format
The perfect research paper formatThe perfect research paper format
The perfect research paper format
Transweb Global Inc
 
Lecture iii lettering
Lecture iii letteringLecture iii lettering
Lecture iii lettering
Hena Dutt
 
Newspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesNewspaper Layout and Basic Guidelines
Newspaper Layout and Basic Guidelines
WENDELL TARAYA
 
Analysis of professional dps
Analysis of professional dpsAnalysis of professional dps
Analysis of professional dps
Robert-17
 
Magazine elements
Magazine elementsMagazine elements
Magazine elements
Briana VanBuskirk
 
11959189.ppt
11959189.ppt11959189.ppt
11959189.ppt
GIFTCHIMWENDO
 
Contents Codes and Conventions
 Contents Codes and Conventions Contents Codes and Conventions
Contents Codes and Conventions
mollybeck_
 
Principles of design
Principles of designPrinciples of design
Principles of design
Kara Wilson Smith
 
Double page spread
Double page spreadDouble page spread
Double page spread
megansheratonx
 
The principles of design
The principles of designThe principles of design
The principles of design
m_divya_bharathi
 
Magazine front cover
Magazine front coverMagazine front cover
Magazine front cover
evemccool
 
Codes and conventions of a contents page
Codes and conventions of a contents pageCodes and conventions of a contents page
Codes and conventions of a contents page
Toby16
 
Word module 3 power point
Word module 3 power pointWord module 3 power point
Word module 3 power point
Wilmington High School
 

Similar to 4 elements (20)

Conventions
ConventionsConventions
Conventions
 
How to make a Poster Presentation in PowerPoint
How to make a Poster Presentation in PowerPointHow to make a Poster Presentation in PowerPoint
How to make a Poster Presentation in PowerPoint
 
Conventions of a front cover
Conventions of a front coverConventions of a front cover
Conventions of a front cover
 
Newspaper Design key terms
Newspaper Design key termsNewspaper Design key terms
Newspaper Design key terms
 
Concept mapping
Concept mappingConcept mapping
Concept mapping
 
Analysis of music magazine
Analysis of music magazineAnalysis of music magazine
Analysis of music magazine
 
Analysis of music magazine
Analysis of music magazineAnalysis of music magazine
Analysis of music magazine
 
The perfect research paper format
The perfect research paper formatThe perfect research paper format
The perfect research paper format
 
Lecture iii lettering
Lecture iii letteringLecture iii lettering
Lecture iii lettering
 
Newspaper Layout and Basic Guidelines
Newspaper Layout and Basic GuidelinesNewspaper Layout and Basic Guidelines
Newspaper Layout and Basic Guidelines
 
Analysis of professional dps
Analysis of professional dpsAnalysis of professional dps
Analysis of professional dps
 
Magazine elements
Magazine elementsMagazine elements
Magazine elements
 
11959189.ppt
11959189.ppt11959189.ppt
11959189.ppt
 
Contents Codes and Conventions
 Contents Codes and Conventions Contents Codes and Conventions
Contents Codes and Conventions
 
Principles of design
Principles of designPrinciples of design
Principles of design
 
Double page spread
Double page spreadDouble page spread
Double page spread
 
The principles of design
The principles of designThe principles of design
The principles of design
 
Magazine front cover
Magazine front coverMagazine front cover
Magazine front cover
 
Codes and conventions of a contents page
Codes and conventions of a contents pageCodes and conventions of a contents page
Codes and conventions of a contents page
 
Word module 3 power point
Word module 3 power pointWord module 3 power point
Word module 3 power point
 

Recently uploaded

How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
HajraNaeem15
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
Dr. Mulla Adam Ali
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
Priyankaranawat4
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
Celine George
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
Celine George
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
Celine George
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
Katrina Pritchard
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
Nguyen Thanh Tu Collection
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
Dr. Shivangi Singh Parihar
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
Celine George
 
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdfWalmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
TechSoup
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Excellence Foundation for South Sudan
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
adhitya5119
 
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
สมใจ จันสุกสี
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
Israel Genealogy Research Association
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
Jean Carlos Nunes Paixão
 
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdfবাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
eBook.com.bd (প্রয়োজনীয় বাংলা বই)
 
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem studentsRHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
Himanshu Rai
 

Recently uploaded (20)

How to deliver Powerpoint Presentations.pptx
How to deliver Powerpoint  Presentations.pptxHow to deliver Powerpoint  Presentations.pptx
How to deliver Powerpoint Presentations.pptx
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
How to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRMHow to Manage Your Lost Opportunities in Odoo 17 CRM
How to Manage Your Lost Opportunities in Odoo 17 CRM
 
How to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 InventoryHow to Setup Warehouse & Location in Odoo 17 Inventory
How to Setup Warehouse & Location in Odoo 17 Inventory
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
 
BBR 2024 Summer Sessions Interview Training
BBR  2024 Summer Sessions Interview TrainingBBR  2024 Summer Sessions Interview Training
BBR 2024 Summer Sessions Interview Training
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 9 CẢ NĂM - GLOBAL SUCCESS - NĂM HỌC 2024-2025 - ...
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
 
PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.PCOS corelations and management through Ayurveda.
PCOS corelations and management through Ayurveda.
 
How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17How to Fix the Import Error in the Odoo 17
How to Fix the Import Error in the Odoo 17
 
Walmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdfWalmart Business+ and Spark Good for Nonprofits.pdf
Walmart Business+ and Spark Good for Nonprofits.pdf
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
 
Main Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docxMain Java[All of the Base Concepts}.docx
Main Java[All of the Base Concepts}.docx
 
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
คำศัพท์ คำพื้นฐานการอ่าน ภาษาอังกฤษ ระดับชั้น ม.1
 
The Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collectionThe Diamonds of 2023-2024 in the IGRA collection
The Diamonds of 2023-2024 in the IGRA collection
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
 
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdfবাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
বাংলাদেশ অর্থনৈতিক সমীক্ষা (Economic Review) ২০২৪ UJS App.pdf
 
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem studentsRHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
 

4 elements

  • 2. THE 4 ELEMENTS • Text (body copy) • Headline • Photos/Art • Cutlines/Captions
  • 4. Fonts come in two varieties: serif (with feet) and sans serif (without feet) Small type (12 pts or less aka body copy): Serif Larger type (14 pts or more): Sans Serif or Serif Leading is the vertical space Between lines of type. Leading
  • 5. POINTS, PICAS AND INCHES There are 6 picas in an inch. There are 12 points in a pica. So….there are 72 points in an inch. 1” 36 points=1/2 inch1/2” 72 points=1 inch
  • 6. HEADLINES • Flush left (don’t center) • Needs subject and verb • Verb should be present tense, future tense or a ‘to be’ form of the verb • Write it to fit at least halfway across the last column of the story • Rewrite the headline to make it fit (don’t just keep going down in size).
  • 7. SIZES • See Headlines page in your textbook • Front page: 60-72 points at top; 48-42 in the middle and no smaller than 24-30 point on the bottom. • Inside pages: 48 points at top; 18 points is the smallest • Look in your textbook to see how many decks you can have, depending on how many columns wide the story is.
  • 8. Kick it A kicker headline is small on top but big on bottom When using two different sizes in a headline (like hammers and kickers), the smaller deck should be regular style and the bigger deck bold. Also, the two sizes should be half of each other. For example, the big one 48 points, the small one 24 points.
  • 9. Hammer time In a hammer headline, the top is big and bold, and the bottom line is the smaller one in regular style Slammer: Both are same size but one is bold with a colon Tripod:In this headline, make sure lines even up with the top and bottom of the first word
  • 10. There are 3 photo orientations: Vertical Horizontal Square
  • 11. CUTLINES • 9-12 points • Must be in a font that is different and distinctive from text. • Write to fit completely across the bottom of photo for first line. Other lines should go at least halfway across the bottom. • Flush left, ragged right (or justified)
  • 12.
  • 13. When you put your elements together, there should be 1 pica (or 1/8th of an inch) between each.
  • 15. THERE ARE FOUR BASIC STORY SHAPES • Stack • Side by Side • L-wrap • U-wrap
  • 16. Stack Design: Photo Cutline Headline Text Cutline should always be under photo; headline always starts over text.
  • 17. Side by Side: Notice that all the story shapes are modular, meaning the tops and bottom line up to create rectangles.
  • 18. L-wrap: You need at least four lines of text under photo. Also, because there is text under photo, the headline must extend all the way across.
  • 19. U-wrap: Photo in middle helps to break up copy but you need a fairly long story.
  • 20. What’s wrong with each of these designs? A. Headline should start over text B. Photo in center breaks copy flow C. Photo is buried; should be above headline
  • 21. D. Buried photo again E. Story isn’t modular; legs must even up with cutline or story continue under photo.