SlideShare a Scribd company logo
Journalism Design
Dr/Noha Abdallah
2019/2020
Layout & Page Design
Aim of the
course
 To provide the students the knowledge and skills
of the technical and technological features for
newspapers and magazines design also to train
them the varied methods for processing the
typographic elements(text, images,colors….) and
layout.
2
Contents
include:
 Technical and technological characteristics of the newspaper and the
magazine.
 The technical features of typographic and graphic elements for the
newspaper and the printed magazine.
 Page Layout methods
 Training on InDesign software as one of the most common software in
publishing applications.
 Analysis for one of newspaper pages according to typographic and
graphic elements and layout used.
 Redesign the previous page according to all features of layouts.
 Design Nameplate for a magazine.
 Design the magazine cover.
 Design inserted pages of the magazine
3
Topics
Technical and technological characteristics of the newspaper and the
magazine.
- Know The technical features of typographic and graphic elements for the
newspaper and the printed magazine.
--Layout methods
Training on InDesign software as one of the most common software in
publishing applications.
Analyze one of newspaper pages according to topographic and graphic
elements and layout used.
Redesign the previous page according to all features of layouts
Design Nameplate for a magazine.
Design the magazine cover.
Design inserted pages of the magazine
4
Margins
‫الهىامش‬
Columns ‫االعمدة‬
White Space ‫األبيض‬ ‫الفراغ‬
Headline/Header
Strapline ‫ثانىي‬ ‫عنىان‬
‫قطع‬
Cut-out
Drop capitals
‫كبير‬ ‫االول‬ ‫الحرف‬
Pull quote ‫مقتبست‬ ‫عبارة‬
Cut-out
Margins
Columns
The orientation of the page is portrait, but it is intended to
be viewed as landscape as it is a double page spread
Headlines
Cross heading/ Pull quote
White space
Reverse
Conventions/ Terms
Margins:
Margins are the spaces around the edges of a page, where there is no text,
to the right you can see an example of how margins might be laid out. Margins
are used so that the text doesn’t go right to the edge of the paper which
would make the end product look very busy
Grids:
Grids are used for the layout of the page, for example you would have grids assigned
to different elements of the page, so you would have a grid for the main body of text
and then a separate grid for images etc….
To the right -are many examples of what a grid could potentially look like.
Spreads:
Spread is referring to a layout which will go across more than one page, hence the name double page spread. Double page spread
are the most frequent use of spreads but in some cases you can get three or four page spreads. There is an example of a four page
spread underneath.
Columns: Newspapers and magazine are the most frequent user of columns, to help explain
what a column is, I have used an example to the right. In the example you can clearly see the
use of columns as it is defined by the white space in-between the columns of text.
Different columns
Dateline:
The dateline is essentially what it say’s it is, its just a line of text which a date. The date in the line of text will usually be referring to
the date the story was filed. The use if dateline is not really that common anymore, because they were used when a story might
have taken a while to get from the journalist to the newspaper, but with the use of modern technology you can now have an article
to a newspaper within a matter of seconds. The only place you will really see a dateline now might be on a news website so it is
easier to access older stories. Beneath is a n example of a dateline and how it might have appeared in a newspaper.
Page Numbers;
Probably the most simple of the conventions, as it is just a number usually at the bottom right hand corner of the page to tell you
what page number of the document you are on. Even though it seems very simple it is still quite vital as it helps you navigate to the
content which you want easier if you refer to the contents.
Orientation:
Orientation is basically referring to which way the page is presented, the
two options for your orientations are portrait and landscape. Portrait
layout is used commonly in things such as newspapers and websites,
even though they can use a landscape orientation if they wish.
Devices
Headlines/Header:
The headline is the main title of the article, which will usually be in a bold font and the font size will
be larger than the rest of the font on the article to ensure it stands out. It is also positioned right at
the top of an article typically as well. An example of a newspaper headline is to the right.
Crosshead:
This is very similar to a headline, but instead of being at the top of an article. It is a heading in the
Body of the text, its is used to break the text up into more easily readable sections. It doesn’t have to be a heading all the time it can
a pull quote is usually a quote taken from the article and presented in
also appear in the form of a pull quote,
An example of a cross head in the from of the pull quote can
a bigger and bolder font to make it stand out.
be found to the right.
Cut-out:
A cut-out is where the background is taken away from an image and it is included in an article
to help explain a cut-out further there is an example to the left. The photograph is a cut-out
because the original background has been removed from the background and replaced most
likely with a transparent layer. Cut-outs are used so commonly in magazines etc… because you don’t need to worry
the background of an image and also it cuts out all the irrelevant things from the image as well.
Strapline:
The strapline is line of text which gives you more information about the article. You will find a
strapline commonly on the front page of a newspaper just after the headline. An example of
strapline would be “Nasa’s historic discovery of methane on the red planet” on the image
to the right.
Base line:
The base line is referring to the “imaginary line” that the text sits on. For example the text you
are reading now has a base line because it is sat on an imaginary base line.
Border:
The border is commonly used to either form a box around some text or an edge to photograph
Blobs and stars:
Blobs and stars are graphical elements which are added to someone's work to try and draw attention to particular important parts of
the images.
Drop capitals:
Drop capitals are referring to the large capital letters you usually see at the start of an article.
Examples of drop capitals can be seen to the right.
White space:
Or often referred to as negative space, the white space is a portion of a page which is left blank, so white space can be areas
outside of the margins, gutters and spaces between columns. White space shouldn’t be considered as just blank space because it
has a purpose because it helps break up everything and make it look professional, and example of the effects of white space can
be seen beneath, the example on the left shows how white space gives the article “room to breathe” and the example on the right
shows how without white space an article can look
Reverse:
Reverse is a printing technique that creates white type on a dark background it is also referred to as drop out.
‫تعليق‬ ‫أو‬ ‫ملحقة‬ ‫عبارة‬ ‫الي‬ ‫تشير‬ ‫انها‬ ‫كما‬ ‫داكنة‬ ‫مساحة‬ ‫على‬ ‫الكتابة‬ ‫خالل‬ ‫من‬ ‫انشاؤها‬ ‫يتم‬ ‫التي‬ ‫للطبع‬ ‫تقنية‬ ‫هي‬
.
Pull quote:
A pull quote is quote which is taken form a body of text and then enlarged, using a different size text, weight and potentially colour
to make it stand out from the rest of the copy on the page. See crosshead for an example.
‫العنوان‬ ‫اقتباس‬
:
‫واللون‬ ‫والوزن‬ ‫الحجم‬ ‫مختلفة‬ ‫خط‬ ‫باستخدام‬ ‫وذلك‬ ،‫تكبيرها‬ ‫تم‬ ‫النص‬ ‫من‬ ‫مقتبسة‬ ‫عبارة‬ ‫هي‬
.
‫الصفحة‬ ‫على‬ ‫النسخة‬ ‫بقية‬ ‫من‬ ‫تبرز‬ ‫لجعلها‬

More Related Content

PPTX
Page layout task 1
PPTX
Task 3
PPT
Dtp Basics And Design Rules
PPT
Dtp Basics And Design Rules Student Version
DOCX
Glossary of magazine and newspaper layout terms
PPTX
Lesson 5
PPTX
Page layout task 1
PPTX
Task 3 page layout
Page layout task 1
Task 3
Dtp Basics And Design Rules
Dtp Basics And Design Rules Student Version
Glossary of magazine and newspaper layout terms
Lesson 5
Page layout task 1
Task 3 page layout

Similar to pagelayout terms intro journalism design.pdf (20)

PPTX
Task3
PPTX
Analysis of contents pages and double page spreads
PPT
Flat Plans
PPTX
Task 3
PPTX
Contents Page Analysis
PPTX
Double page spreads
PPTX
Analysis of media dps
PDF
News Layout and Design by Lazarus Lepcha.pdf
PPTX
Conventions of a magzazine question 1
PPTX
Codes and conventions of a double page spread
PPTX
News layout and design: Apt for the Bangalore University
PPTX
Page layout
PPTX
Page layout
PPTX
Page layout
PPTX
Page layout
PPT
Layout glossary
PPTX
Contents page analysis
PPTX
Evaluation
DOCX
NME contents page analysis
ODP
Generic conventions of magazine covers and contents pages
Task3
Analysis of contents pages and double page spreads
Flat Plans
Task 3
Contents Page Analysis
Double page spreads
Analysis of media dps
News Layout and Design by Lazarus Lepcha.pdf
Conventions of a magzazine question 1
Codes and conventions of a double page spread
News layout and design: Apt for the Bangalore University
Page layout
Page layout
Page layout
Page layout
Layout glossary
Contents page analysis
Evaluation
NME contents page analysis
Generic conventions of magazine covers and contents pages
Ad

Recently uploaded (20)

PPTX
Fundamental Principles of Visual Graphic Design.pptx
PDF
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
PDF
Interior Structure and Construction A1 NGYANQI
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
HPE Aruba-master-icon-library_052722.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
artificialintelligencedata driven analytics23.pptx
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
PPTX
Tenders & Contracts Works _ Services Afzal.pptx
PPTX
6- Architecture design complete (1).pptx
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PDF
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
Special finishes, classification and types, explanation
PPTX
An introduction to AI in research and reference management
PPTX
12. Community Pharmacy and How to organize it
Fundamental Principles of Visual Graphic Design.pptx
GREEN BUILDING MATERIALS FOR SUISTAINABLE ARCHITECTURE AND BUILDING STUDY
Interior Structure and Construction A1 NGYANQI
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
HPE Aruba-master-icon-library_052722.pptx
Quality Control Management for RMG, Level- 4, Certificate
AD Bungalow Case studies Sem 2.pptxvwewev
artificialintelligencedata driven analytics23.pptx
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
Wisp Textiles: Where Comfort Meets Everyday Style
Benefits_of_Cast_Aluminium_Doors_Presentation.pdf
Tenders & Contracts Works _ Services Afzal.pptx
6- Architecture design complete (1).pptx
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
Integrated-2D-and-3D-Animation-Bridging-Dimensions-for-Impactful-Storytelling...
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Special finishes, classification and types, explanation
An introduction to AI in research and reference management
12. Community Pharmacy and How to organize it
Ad

pagelayout terms intro journalism design.pdf

  • 2. Aim of the course  To provide the students the knowledge and skills of the technical and technological features for newspapers and magazines design also to train them the varied methods for processing the typographic elements(text, images,colors….) and layout. 2
  • 3. Contents include:  Technical and technological characteristics of the newspaper and the magazine.  The technical features of typographic and graphic elements for the newspaper and the printed magazine.  Page Layout methods  Training on InDesign software as one of the most common software in publishing applications.  Analysis for one of newspaper pages according to typographic and graphic elements and layout used.  Redesign the previous page according to all features of layouts.  Design Nameplate for a magazine.  Design the magazine cover.  Design inserted pages of the magazine 3
  • 4. Topics Technical and technological characteristics of the newspaper and the magazine. - Know The technical features of typographic and graphic elements for the newspaper and the printed magazine. --Layout methods Training on InDesign software as one of the most common software in publishing applications. Analyze one of newspaper pages according to topographic and graphic elements and layout used. Redesign the previous page according to all features of layouts Design Nameplate for a magazine. Design the magazine cover. Design inserted pages of the magazine 4
  • 5. Margins ‫الهىامش‬ Columns ‫االعمدة‬ White Space ‫األبيض‬ ‫الفراغ‬ Headline/Header Strapline ‫ثانىي‬ ‫عنىان‬ ‫قطع‬ Cut-out Drop capitals ‫كبير‬ ‫االول‬ ‫الحرف‬ Pull quote ‫مقتبست‬ ‫عبارة‬
  • 6. Cut-out Margins Columns The orientation of the page is portrait, but it is intended to be viewed as landscape as it is a double page spread Headlines Cross heading/ Pull quote White space Reverse
  • 7. Conventions/ Terms Margins: Margins are the spaces around the edges of a page, where there is no text, to the right you can see an example of how margins might be laid out. Margins are used so that the text doesn’t go right to the edge of the paper which would make the end product look very busy Grids: Grids are used for the layout of the page, for example you would have grids assigned to different elements of the page, so you would have a grid for the main body of text and then a separate grid for images etc…. To the right -are many examples of what a grid could potentially look like.
  • 8. Spreads: Spread is referring to a layout which will go across more than one page, hence the name double page spread. Double page spread are the most frequent use of spreads but in some cases you can get three or four page spreads. There is an example of a four page spread underneath. Columns: Newspapers and magazine are the most frequent user of columns, to help explain what a column is, I have used an example to the right. In the example you can clearly see the use of columns as it is defined by the white space in-between the columns of text. Different columns
  • 9. Dateline: The dateline is essentially what it say’s it is, its just a line of text which a date. The date in the line of text will usually be referring to the date the story was filed. The use if dateline is not really that common anymore, because they were used when a story might have taken a while to get from the journalist to the newspaper, but with the use of modern technology you can now have an article to a newspaper within a matter of seconds. The only place you will really see a dateline now might be on a news website so it is easier to access older stories. Beneath is a n example of a dateline and how it might have appeared in a newspaper. Page Numbers; Probably the most simple of the conventions, as it is just a number usually at the bottom right hand corner of the page to tell you what page number of the document you are on. Even though it seems very simple it is still quite vital as it helps you navigate to the content which you want easier if you refer to the contents. Orientation: Orientation is basically referring to which way the page is presented, the two options for your orientations are portrait and landscape. Portrait layout is used commonly in things such as newspapers and websites, even though they can use a landscape orientation if they wish.
  • 10. Devices Headlines/Header: The headline is the main title of the article, which will usually be in a bold font and the font size will be larger than the rest of the font on the article to ensure it stands out. It is also positioned right at the top of an article typically as well. An example of a newspaper headline is to the right. Crosshead: This is very similar to a headline, but instead of being at the top of an article. It is a heading in the Body of the text, its is used to break the text up into more easily readable sections. It doesn’t have to be a heading all the time it can a pull quote is usually a quote taken from the article and presented in also appear in the form of a pull quote, An example of a cross head in the from of the pull quote can a bigger and bolder font to make it stand out. be found to the right. Cut-out: A cut-out is where the background is taken away from an image and it is included in an article to help explain a cut-out further there is an example to the left. The photograph is a cut-out because the original background has been removed from the background and replaced most likely with a transparent layer. Cut-outs are used so commonly in magazines etc… because you don’t need to worry the background of an image and also it cuts out all the irrelevant things from the image as well.
  • 11. Strapline: The strapline is line of text which gives you more information about the article. You will find a strapline commonly on the front page of a newspaper just after the headline. An example of strapline would be “Nasa’s historic discovery of methane on the red planet” on the image to the right. Base line: The base line is referring to the “imaginary line” that the text sits on. For example the text you are reading now has a base line because it is sat on an imaginary base line. Border: The border is commonly used to either form a box around some text or an edge to photograph Blobs and stars: Blobs and stars are graphical elements which are added to someone's work to try and draw attention to particular important parts of the images. Drop capitals: Drop capitals are referring to the large capital letters you usually see at the start of an article. Examples of drop capitals can be seen to the right.
  • 12. White space: Or often referred to as negative space, the white space is a portion of a page which is left blank, so white space can be areas outside of the margins, gutters and spaces between columns. White space shouldn’t be considered as just blank space because it has a purpose because it helps break up everything and make it look professional, and example of the effects of white space can be seen beneath, the example on the left shows how white space gives the article “room to breathe” and the example on the right shows how without white space an article can look Reverse: Reverse is a printing technique that creates white type on a dark background it is also referred to as drop out. ‫تعليق‬ ‫أو‬ ‫ملحقة‬ ‫عبارة‬ ‫الي‬ ‫تشير‬ ‫انها‬ ‫كما‬ ‫داكنة‬ ‫مساحة‬ ‫على‬ ‫الكتابة‬ ‫خالل‬ ‫من‬ ‫انشاؤها‬ ‫يتم‬ ‫التي‬ ‫للطبع‬ ‫تقنية‬ ‫هي‬ . Pull quote: A pull quote is quote which is taken form a body of text and then enlarged, using a different size text, weight and potentially colour to make it stand out from the rest of the copy on the page. See crosshead for an example. ‫العنوان‬ ‫اقتباس‬ : ‫واللون‬ ‫والوزن‬ ‫الحجم‬ ‫مختلفة‬ ‫خط‬ ‫باستخدام‬ ‫وذلك‬ ،‫تكبيرها‬ ‫تم‬ ‫النص‬ ‫من‬ ‫مقتبسة‬ ‫عبارة‬ ‫هي‬ . ‫الصفحة‬ ‫على‬ ‫النسخة‬ ‫بقية‬ ‫من‬ ‫تبرز‬ ‫لجعلها‬