pagelayout terms intro journalism design.pdf
- 1. Journalism Design Dr/Noha Abdallah 2019/2020 Layout & Page Design
- 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 doesnt 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 says 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 doesnt 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 dont 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 Nasas 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 shouldnt 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. 悋惺悋 悋惠惡悋愕 : 悋 悋慍 悋忰悴 悽惠悸 悽愀 惡悋愕惠悽惆悋 悵 惠惡惘悋 惠 悋惶 惠惡愕悸 惺惡悋惘悸 . 悋惶忰悸 惺 悋愕悽悸 惡悸 惠惡惘慍 悴惺悋