SlideShare a Scribd company logo
1 of 9
Recipe Cards Task 1
Layout & Page Design
Craig Cassidy
Margins
Columns
White SpaceHeadline/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
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 aswel. 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
also appear in the form of a pull quote, a pull quote is usually a quote taken from the article and presented in
a bigger and bolder font to make it stand out. An example of a cross head in the from of the pull quote can
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 aswel.
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
crammed. However the use of too much white space
can make the page look incomplete.
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

What's hot (20)

Midterm review
Midterm reviewMidterm review
Midterm review
 
Page layout task 1
Page layout task 1 Page layout task 1
Page layout task 1
 
NME contents page analysis
NME contents page  analysisNME contents page  analysis
NME contents page analysis
 
Page layout
Page layoutPage layout
Page layout
 
Task3
Task3Task3
Task3
 
Task 1 page layout
Task 1  page layoutTask 1  page layout
Task 1 page layout
 
Designing Magazines: Part 1
Designing Magazines: Part 1Designing Magazines: Part 1
Designing Magazines: Part 1
 
Newspaper Design key terms
Newspaper Design key termsNewspaper Design key terms
Newspaper Design key terms
 
Layout glossary
Layout glossaryLayout glossary
Layout glossary
 
Newspaper breakdown
Newspaper breakdownNewspaper breakdown
Newspaper breakdown
 
Case study typography
Case study typographyCase study typography
Case study typography
 
Ancillary task
Ancillary taskAncillary task
Ancillary task
 
Designing Magazines: Part 2
Designing Magazines: Part 2Designing Magazines: Part 2
Designing Magazines: Part 2
 
Glossary of magazine and newspaper layout terms
Glossary of magazine and newspaper layout termsGlossary of magazine and newspaper layout terms
Glossary of magazine and newspaper layout terms
 
Music Magazine Double Page Spread Analysis
Music Magazine Double Page Spread AnalysisMusic Magazine Double Page Spread Analysis
Music Magazine Double Page Spread Analysis
 
Design brief
Design briefDesign brief
Design brief
 
Double page spreads
Double page spreadsDouble page spreads
Double page spreads
 
Flatplans
FlatplansFlatplans
Flatplans
 
Contents page analysis 2
Contents page analysis 2Contents page analysis 2
Contents page analysis 2
 
Contents page analysis
Contents page analysisContents page analysis
Contents page analysis
 

Viewers also liked

The Warlike 7 Graphic Novel
The Warlike 7 Graphic NovelThe Warlike 7 Graphic Novel
The Warlike 7 Graphic NovelCraig Cassidy
 
Pre-Production Techniques Task 1
Pre-Production Techniques Task 1Pre-Production Techniques Task 1
Pre-Production Techniques Task 1Craig Cassidy
 
Critical Responses Presentation
Critical Responses PresentationCritical Responses Presentation
Critical Responses PresentationCraig Cassidy
 
Recipe Card Design Task 7
Recipe Card Design Task 7Recipe Card Design Task 7
Recipe Card Design Task 7Craig Cassidy
 
Pre-Production Techniques Task 2
Pre-Production Techniques Task 2Pre-Production Techniques Task 2
Pre-Production Techniques Task 2Craig Cassidy
 
Photography Applications Task 1
Photography Applications Task 1Photography Applications Task 1
Photography Applications Task 1Craig Cassidy
 
Digital Graphics Pro Forma
Digital Graphics Pro FormaDigital Graphics Pro Forma
Digital Graphics Pro FormaCraig Cassidy
 
Task 4 Idea Generation
Task 4 Idea GenerationTask 4 Idea Generation
Task 4 Idea GenerationCraig Cassidy
 
Photography Applications Task 1
Photography Applications Task 1 Photography Applications Task 1
Photography Applications Task 1 Craig Cassidy
 
Photography and photographic practice task 2
Photography and photographic practice task 2Photography and photographic practice task 2
Photography and photographic practice task 2Craig Cassidy
 
Impact of urbanization of regi lalma housing scheme on future floods in downs...
Impact of urbanization of regi lalma housing scheme on future floods in downs...Impact of urbanization of regi lalma housing scheme on future floods in downs...
Impact of urbanization of regi lalma housing scheme on future floods in downs...Nabi Luster
 
Canon getting started guide
Canon getting started guideCanon getting started guide
Canon getting started guideCraig Cassidy
 

Viewers also liked (18)

The Warlike 7 Graphic Novel
The Warlike 7 Graphic NovelThe Warlike 7 Graphic Novel
The Warlike 7 Graphic Novel
 
Graphic Narative
Graphic NarativeGraphic Narative
Graphic Narative
 
Pre-Production Techniques Task 1
Pre-Production Techniques Task 1Pre-Production Techniques Task 1
Pre-Production Techniques Task 1
 
Critical Responses Presentation
Critical Responses PresentationCritical Responses Presentation
Critical Responses Presentation
 
Recipe Card Design Task 7
Recipe Card Design Task 7Recipe Card Design Task 7
Recipe Card Design Task 7
 
Pre-Production Techniques Task 2
Pre-Production Techniques Task 2Pre-Production Techniques Task 2
Pre-Production Techniques Task 2
 
Task 10 Evaluation
Task 10 EvaluationTask 10 Evaluation
Task 10 Evaluation
 
Digital flat plan
Digital flat planDigital flat plan
Digital flat plan
 
Photography Applications Task 1
Photography Applications Task 1Photography Applications Task 1
Photography Applications Task 1
 
Task 6
Task 6 Task 6
Task 6
 
Digital Graphics Pro Forma
Digital Graphics Pro FormaDigital Graphics Pro Forma
Digital Graphics Pro Forma
 
Factfile pro forma
Factfile pro forma Factfile pro forma
Factfile pro forma
 
Task 4 Idea Generation
Task 4 Idea GenerationTask 4 Idea Generation
Task 4 Idea Generation
 
Photography Applications Task 1
Photography Applications Task 1 Photography Applications Task 1
Photography Applications Task 1
 
Photography and photographic practice task 2
Photography and photographic practice task 2Photography and photographic practice task 2
Photography and photographic practice task 2
 
Love poems
Love poems Love poems
Love poems
 
Impact of urbanization of regi lalma housing scheme on future floods in downs...
Impact of urbanization of regi lalma housing scheme on future floods in downs...Impact of urbanization of regi lalma housing scheme on future floods in downs...
Impact of urbanization of regi lalma housing scheme on future floods in downs...
 
Canon getting started guide
Canon getting started guideCanon getting started guide
Canon getting started guide
 

Similar to Page layout task 1

pagelayout terms intro journalism design.pdf
pagelayout terms intro journalism design.pdfpagelayout terms intro journalism design.pdf
pagelayout terms intro journalism design.pdfNoha830878
 
Task 3 page layout
Task 3 page layoutTask 3 page layout
Task 3 page layoutEmily Hooper
 
Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design RulesSutinder Mann
 
Dtp Basics And Design Rules Student Version
Dtp Basics And Design Rules  Student VersionDtp Basics And Design Rules  Student Version
Dtp Basics And Design Rules Student VersionSutinder Mann
 
Contents page analysis
Contents page analysisContents page analysis
Contents page analysisoliviacooke5
 
Content Page Analysis
Content Page AnalysisContent Page Analysis
Content Page AnalysisFizaZaheer
 
Task 8 tabloid
Task 8  tabloidTask 8  tabloid
Task 8 tabloidchamahan
 
Analysis of contents pages and double page spreads
Analysis of contents pages and double page spreadsAnalysis of contents pages and double page spreads
Analysis of contents pages and double page spreadsJoePriestleyCollege
 
Double page spread eval
Double page spread evalDouble page spread eval
Double page spread evalkatiesteph5
 
Q double page spread
Q double page spreadQ double page spread
Q double page spreadEm St
 
Contents page analysis
Contents page analysisContents page analysis
Contents page analysisMaxSunnar
 
Analysis of media dps
Analysis of media dpsAnalysis of media dps
Analysis of media dpsAndre Walters
 
Contents Page Research
Contents Page ResearchContents Page Research
Contents Page Researchbeckyjay26
 
Contents page analyssi
Contents page analyssiContents page analyssi
Contents page analyssiasmediad14
 

Similar to Page layout task 1 (20)

pagelayout terms intro journalism design.pdf
pagelayout terms intro journalism design.pdfpagelayout terms intro journalism design.pdf
pagelayout terms intro journalism design.pdf
 
Page layout
Page layoutPage layout
Page layout
 
Page layout
Page layoutPage layout
Page layout
 
Page layout
Page layoutPage layout
Page layout
 
Task 3 page layout
Task 3 page layoutTask 3 page layout
Task 3 page layout
 
G321 Magazine Flat Plan
G321 Magazine Flat PlanG321 Magazine Flat Plan
G321 Magazine Flat Plan
 
Dtp Basics And Design Rules
Dtp Basics And Design RulesDtp Basics And Design Rules
Dtp Basics And Design Rules
 
Dtp Basics And Design Rules Student Version
Dtp Basics And Design Rules  Student VersionDtp Basics And Design Rules  Student Version
Dtp Basics And Design Rules Student Version
 
Flat Plans
Flat PlansFlat Plans
Flat Plans
 
Contents page analysis
Contents page analysisContents page analysis
Contents page analysis
 
Content Page Analysis
Content Page AnalysisContent Page Analysis
Content Page Analysis
 
Task 8 tabloid
Task 8  tabloidTask 8  tabloid
Task 8 tabloid
 
Analysis of contents pages and double page spreads
Analysis of contents pages and double page spreadsAnalysis of contents pages and double page spreads
Analysis of contents pages and double page spreads
 
Double page spread eval
Double page spread evalDouble page spread eval
Double page spread eval
 
Q double page spread
Q double page spreadQ double page spread
Q double page spread
 
Contents page analysis
Contents page analysisContents page analysis
Contents page analysis
 
Double page spread
Double page spreadDouble page spread
Double page spread
 
Analysis of media dps
Analysis of media dpsAnalysis of media dps
Analysis of media dps
 
Contents Page Research
Contents Page ResearchContents Page Research
Contents Page Research
 
Contents page analyssi
Contents page analyssiContents page analyssi
Contents page analyssi
 

More from Craig Cassidy

More from Craig Cassidy (8)

Extension task
Extension taskExtension task
Extension task
 
Task 9-Recipe Cards
Task 9-Recipe CardsTask 9-Recipe Cards
Task 9-Recipe Cards
 
Idea Development Task 6
Idea Development Task 6Idea Development Task 6
Idea Development Task 6
 
Page Layout Task 3
Page Layout Task 3Page Layout Task 3
Page Layout Task 3
 
Page layout & design task 2
Page layout & design task 2Page layout & design task 2
Page layout & design task 2
 
Critical Responses Task 2
Critical Responses Task 2Critical Responses Task 2
Critical Responses Task 2
 
Task 7
Task 7Task 7
Task 7
 
Graphic narrativeevidence
Graphic narrativeevidenceGraphic narrativeevidence
Graphic narrativeevidence
 

Page layout task 1

  • 1. Recipe Cards Task 1 Layout & Page Design Craig Cassidy
  • 3. 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
  • 4. Conventions 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.
  • 5. 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
  • 6. 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.
  • 7. 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 aswel. 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 also appear in the form of a pull quote, a pull quote is usually a quote taken from the article and presented in a bigger and bolder font to make it stand out. An example of a cross head in the from of the pull quote can 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 aswel.
  • 8. 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.
  • 9. 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 crammed. However the use of too much white space can make the page look incomplete. 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.