SlideShare a Scribd company logo
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

PPTX
Task 3
PPTX
Task 3
PPTX
Magazine elements
PPTX
Editor's letter
PPTX
Exploring various layouts
DOCX
Contents page analysis 1
PPTX
Textual elements
PPTX
Newsletter Inspiration
Task 3
Task 3
Magazine elements
Editor's letter
Exploring various layouts
Contents page analysis 1
Textual elements
Newsletter Inspiration

What's hot (20)

PPTX
Midterm review
PPTX
Page layout task 1
DOCX
NME contents page analysis
PPTX
Page layout
PPTX
Task3
DOCX
Task 1 page layout
PDF
Designing Magazines: Part 1
PDF
Newspaper Design key terms
PPT
Layout glossary
PPTX
Newspaper breakdown
PPT
Case study typography
PPTX
Ancillary task
PDF
Designing Magazines: Part 2
DOCX
Glossary of magazine and newspaper layout terms
PPTX
Music Magazine Double Page Spread Analysis
PPTX
Design brief
PPTX
Double page spreads
PPTX
Flatplans
PPTX
Contents page analysis 2
PPTX
Contents page analysis
Midterm review
Page layout task 1
NME contents page analysis
Page layout
Task3
Task 1 page layout
Designing Magazines: Part 1
Newspaper Design key terms
Layout glossary
Newspaper breakdown
Case study typography
Ancillary task
Designing Magazines: Part 2
Glossary of magazine and newspaper layout terms
Music Magazine Double Page Spread Analysis
Design brief
Double page spreads
Flatplans
Contents page analysis 2
Contents page analysis
Ad

Viewers also liked (18)

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

Similar to Page layout task 1 (20)

PDF
pagelayout terms intro journalism design.pdf
PPT
Page layout task 1
PPT
Page layout task 1
PPTX
Task 3
PDF
publicationlayoutanddesign-221228195431-46983719.pdf
PPTX
Publication layout and design.pptx
PDF
Layout glossary
PPT
Visual_Journalism_2014
DOCX
Task 1 page layout (2)
DOCX
Task 1 page layout (2)
DOCX
Task 1 page layout (2)!
PPTX
Page layout
PPTX
Task 3 page layout
PPTX
Terminology work
PPTX
Page layout
PPTX
Page layout
PPTX
Page layout
PPTX
Key dps terms
PPTX
Page layout
PPTX
collaborative publishing for presscon.pptx
pagelayout terms intro journalism design.pdf
Page layout task 1
Page layout task 1
Task 3
publicationlayoutanddesign-221228195431-46983719.pdf
Publication layout and design.pptx
Layout glossary
Visual_Journalism_2014
Task 1 page layout (2)
Task 1 page layout (2)
Task 1 page layout (2)!
Page layout
Task 3 page layout
Terminology work
Page layout
Page layout
Page layout
Key dps terms
Page layout
collaborative publishing for presscon.pptx

More from Craig Cassidy (8)

PPTX
Extension task
PPTX
Task 9-Recipe Cards
PPTX
Idea Development Task 6
PPTX
Page Layout Task 3
PPTX
Page layout & design task 2
PPTX
Critical Responses Task 2
PPTX
PPTX
Graphic narrativeevidence
Extension task
Task 9-Recipe Cards
Idea Development Task 6
Page Layout Task 3
Page layout & design task 2
Critical Responses Task 2
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.