Download - Guide To (Editorial) Layouts And Double—Page Spreads

Transcript
Page 1: Guide To (Editorial) Layouts And Double—Page Spreads

1 Eleanor—Jayne Browne | Typography Teaching Notes | Layouts: Double Page Spreads And The Grid

Page layout is the area of graphic design that deals in the arrangement of visual elements on a page/s. It involves organisational principles of “composition” to achieve specific communication objectives (goals).

High—level page layout involves deciding on the overall arrangement of text and images, and sometimes on the size or shape of the medium—paper (printing) or website (fixed, relative, etc.) and includes factors such as what the document authors/ editors wish to communicate and/or emphasise. Low—level pagination is a more mechanical process and adheres to fixed parameters such as text areas, choice of typefaces, type size or text alignment.

Since the introduction of personal computers and desktop publishing,page layout skills have expanded to electronic media, for example E—books/magazines or PDF documents where “static” web pages now mirror paper documents, with the addition of elements such as multi—media animation and interactivity. Page layout for interactive media overlaps with interface design and user experience design and an interactive “page” is known as a graphical user interface (GUI).

Usually appearing in books ormagazines, very simply a double—page spread is one/an article, or a set of images/photographs, etc. that covers 2 pages opposite each other.Double page spreads are more than just bigger spaces— they present a chance to “talk” to readers without distraction, and to create a uniqueworld. The wide rectangular space is an opportunity to tell a story with a strong fantasy or aspirational element.

Grids and templates are page layout patterns used in multiple—page publications (both printed and online). A grid is a set of guidelines, visible only in the design process and invisible to the end—user.

LayoutsDouble Page Spreads And The Grid

�M�e�c�h�a�n�i�c�a�l� �D�o�l�l�s� �-� �V�o�g�u�e�.�i�t��w�w�w�.�v�o�g�u�e�.�i�t�6�5�4� �‡ � �4�4�0�S�e�a�r�c�h� �b�y� �i�m�a�g�e�

�V�o�g�u�e� �I�t�a�l�i�a� �o�t�t�o�b�r�e� �2�0�1�1

For magazines to be trusted by consumers and to endure as brands, readers must be assured of their editorial integrity. With that conviction inmind, guidelines are created to make sure that the difference between advertising and editorial content is transparent to readers and that there is no advertiser influence or pressure on editorial independence.

Editorial Photography This refers to the photographs in a magazine that aren't ads, in other words the photographs that go along with the articles - even the cover of the magazine. Some photographers specialise only in editorial type work, whilst others shoot both editorial and commercial, which is consideredas advertising photography for brochures or annual reports.

Editorial photography is not as well paid ascommercial, but with editorial the photographerusually has much more creative freedom and an accreditation.

AdvertisementsAds should look different enough from editorial pages so that readers can tell the difference. To avoid confusion, any ad that looks enough like an editorial story or feature that it could be mistaken for one should be slugged “Advertisement” or “Promotion” at the top of each page in type as prominent as the magazine’s normal body type. CoversThe front cover and spine are editorial space. Companies and products should appear on covers only in an editorial context and not in a way that suggests advertisement, including stickers.

SponsorshipLanguage such as “sponsored” or “presented by" should not appear in connection with regularly occurring editorial features. Such language may be used in connection with editorial extras suchas special issues, inserts, onserts or contests as long as the editorial content does not endorse the sponsor’s products.

Product Placement & IntegrationAdvertisers should not pay to place their productsin editorial pages nor should they demand place-ment in return for advertising. Editorial pagesshould display and credit products and tell readers where to buy them, as long as those pages are solely under editorial control.

Editorial Staffing & TitlesA magazine’s editorial staff members should not be involved in producing advertising in that magazine. Advertising and marketing staff should not use titles that imply editorial involvement forexample "Merchandising Editor".

Wordmarks & LogosAdvertiser logos should not appear on editorial pages except in a journalistic context. A magazine’s logo should appear on advertising pages only in connection with advertisements for the magazine and its promotions or when an advertised product is touting editorial awards that it has won.

AdjacenciesAdvertisements should not be placed or sold for placement immediately before or after editorial pages that discuss, show or promote the advert-ised products.

Mechanical Dolls double—page spreads,Tim Walker, Vogue Italia October 2011

Mobile Design Container, Marta Gawin

Grids help to align repeating elements on a page, for example page numbersor chapter titles. A page layout may or may not stay within guidelines, depending on how much repetition or variety the design style calls for; and grids are flexible.

Lorem ipsum dolor sitamet, consectetur adip

iscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elitsed do eiusmod tempor incididunt ut labore et doloremagna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aiquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elitsed do eiusmod tempor incididunt ut labore et doloremagna aliqua.

Lorem ipsum dolor sitConsecter

Page 2: Guide To (Editorial) Layouts And Double—Page Spreads

2 Eleanor—Jayne Browne | Typography Teaching Notes | Layouts: Double Page Spreads And The Grid

A layout has 4 basic components— visuals: images, illustrations, charts,photographs, etc.text: words, titles, numbers, etc.scale: varying sizes (images, text) and composition: arrangement.

The layout dimensions (size) should be dictated by what it is being used for; for example a namecard is usuallysmall whereas a poster should beat least A1. Layout size also informsdecision—making such as quantity ofimages, their sizes, which ones take prominence and scale and contrast of type sizes such as titles, subtitles,body text or page numbers. All theseelements help to convey a specific mood.

Magazines, catalogues and soft coverbooks are usually perfectly boundwhich means the pages and cover are glued together at the spine with a strong, flexible thermal glue, and the other three sides of the book trimmed as needed to yield clean “perfect” edges. Benefits of perfect bound books are that they look professional, can lay flat, are less expensive to produce than hardcover books and stack well. Also, the square spinal edge formed by the perfect binding method allows for the book’s title or other information to be printed on the spine.

Alternative binding methods includesaddle stitch binding where pages are printed on all 4 sections of a folded sheet, stacked in chronological order and stapled on the fold line or “saddle”. The benefits in choosing this kind are— price it is the cheapest option when printing 100s of pieces, “turn around” time (good for on demand orders) and it allows for different sizes.

Images are a key component indouble—page spreads as these areused to address the reader/audiencedirectly; and if the subject is “famous” then their celebrity can be leveragedto encourage consumers to buy themagazine. Accompanying names, orquotes, are highlighted in a bold orlarger text size to draw attention tothe contents of the article; and inorder not to overpower the article'simages colour schemes usually followthose of the magazine.

Photographs throughout a double—page spread vary in size from“bleeds” to “cropped”.

Perfect binding

Bleed image with crop marks and tolerance

Bleed image final crop area

Saddle stitch binding

Comb binding

Coil binding

Bleed is a terminology that refers to printing that goes beyond the edge of the sheet (the piece of paper beingprinted) which means that the ink coverage goes all the way to the edge of the paper (before trimming) incontrast to printed pieces that show a white border at the edge. To createa piece with a “bleed”, it must be printed on paper larger than the final page size and then trimmed down to the proper size; therefore to make sureno white area shows at the edge after trimming, the artwork must be designed to be larger than the final cut size. In contrast a “cropped” image is one which has been re—sized by the designer.

Page 3: Guide To (Editorial) Layouts And Double—Page Spreads
Page 4: Guide To (Editorial) Layouts And Double—Page Spreads

4 Eleanor—Jayne Browne | Typography Teaching Notes | Layouts: Double Page Spreads And The Grid

3—P A N E L G AT E F O L D

“ Z ” F O L D3—P A N E L R O L L F O L D

4—P A N E L A C C O R D I O N F O L D

H A L F F O L D

V E R T I C A L H A L F F O L DT R I F O L D

3—P A N E L A C C O R D I O N F O L D

R O L L F O L D

D O U B L E G AT E F O L D

F R E N C H F O L DQ U A R T E R F O L D

M A P F O L D

Page 5: Guide To (Editorial) Layouts And Double—Page Spreads

http://www.pinterest.com/thedsignlounge/typographylayouts/

http://www.pinterest.com/thedsignlounge/techniqueswatercolour/

5 Eleanor—Jayne Browne | Typography Teaching Notes | Layouts: Double Page Spreads And The Grid

https://www.pinterest.com/thedsignlounge/exhibition-design-11-styling-and-photography/