page layout task 1

9
Recipe Cards Task 1 Layout & Page Design Craig Cassidy

Upload: craig-cassidy

Post on 29-Nov-2014

238 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Page layout task 1

Recipe Cards Task 1Layout & Page Design

Craig Cassidy

Page 2: Page layout task 1

Margins

Columns

White SpaceHeadline/Header

Strapline

Cut-out

Drop capitals

Pull quote

Page 3: Page layout task 1

Cut-out

Margins

ColumnsThe 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 spaceReverse

Page 4: Page layout task 1

ConventionsMargins:

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.

Page 5: Page layout task 1

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

Page 6: Page layout task 1

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.

Page 7: Page layout task 1

DevicesHeadlines/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.

Page 8: Page layout task 1

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.

Page 9: Page layout task 1

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.