Meaning through design

Transcription

1 Functions of design Meaning through design Ø attracts audiences Ø guides readers through the publication Ø communicates how to prioritize content and how to search for information Ø addresses the readers needs and preferences Ø satisfies the strategic objectives of news organizations 1

2 WED: Writing, Editing, and Design Ø design delivers content in a form that is appropriate to the target audience Ø decisions based on studies of target audience s characteristics, habits and beliefs colours, graphics, typography, layout represent the lifestyle values associated with the audience explains differences between different types of newspaper designs and formats The broadsheet Ø the largest newspaper format ( mm by 380 mm) Ø traditionally considered the most appropriate format for in-depth stories Ø typically covers all national and international news Ø language is formal Ø text dominates over images and graphics Ø several stories covered on the same page 2

3 The broadsheet The compact (or tabloid) Ø the smallest newspaper format (380 mm by 300 mm) Ø traditionally used to cover sensationalist and celebrity material, entertainment and sports Ø typically covers national and local news Ø language is typically colloquial and slang Ø visual effects dominate over text big headlines, a variety of typefaces, large photographs, few columns of text, short articles Many papers have been reducing their formats from the broadsheet to the compact, e.g. The London Times and The Independent 3

4 The compact (tabloid) The Berliner Ø smaller than broadsheets (470 mm by 315 mm) Ø recent format Ø advantages compared to broadsheets and compacts reader-friendly (smaller format than broadsheet) page size does not impose constraints on the article length the way compact pages do Ø similarity to broadsheets both national and international news coverage language is formal text dominates over images and graphics several stories covered on the same page 4

5 03/12/14 The Berliner 5

6 Page lay-out Conveys information on the relative importance of the stories through: Ø Arrangement of the articles on the page higher and more central texts are more relevant than lower and less central pieces Ø Typeface and size of headlines the bigger the headline the more relevant the story Ø Size and positioning of the picture on the page higher and more central texts are more relevant than lower and less central pieces Other features that help reading the news Ø Articles are divided by a white border and/or subtle line Ø Different sections for different types of news for example, international news, local news, politics, sports, entertainment, business, etc. Ø Graphic and visual elements used to provide info at a glance Pictures, fact boxes and charts Ø Colour used to highlight and emphasize 6

7 Ø Nameplate Ø Headline Ø Gutter Lay-out terms The components of the news article l Headline l Byline l Caption Mont Blanc considered one of the deadliest mountains* By M. Grazia Busà The Daily Paper Posted on Fri, Dec. 14, 2012 Ø 5-column grid l Lead l News Story *This article is invented A picture of Mont Blanc Chamonix, France Mont Blanc has been considered the deadliest mountain in Europe and one of the deadliest in the world, experts say. A recent report by the International Geographic Institute in Rome shows that Mont Blanc is the deadliest mountain in Europe and one of the deadliest in the world. The report, which will appear in National Geographic, is based on the rate of fatalities occurring per year. This rate averages 100 hikers a year. Interestingly, Mont Blanc is not one of the 7

8 Proin vulputate sodales tellus, ac sollicitudin lorem malesuada a. Nam mollis diam eget ligula lobortis fermentum. Sed commodo vulputate urna ut aliquet. Maecenas pharetra semper odio, a hendrerit erat vehicula at. Ut ac elit erat, a scelerisque ante. Integer sodales, lacus eu volutpat faucibus, massa diam consectetur odio, id eleifend odio enim ut mi. In hac habitasse platea dictumst. Donec pharetra blandit nisl, non blandit ante tincidunt in. Phasellus ante mauris, semper eu aliquam fringilla, lobortis sed magna. Donec hendrerit, massa vel venenatis ornare, sapien velit egestas nunc, ut pellentesque purus magna vitae mauris. Nulla aliquam ullamcorper ligula, a feugiat velit faucibus eu. Vivamus ultricies luctus ultricies. Cras malesuada diam nec sem ornare accumsan. Aenean sodales, risus ultrices aliquam dignissim, sapien mi mattis ligula, ut tempor dui neque quis lectus. Nulla porttitor semper dolor quis hendrerit. Nunc non odio urna. Duis varius odio ac ipsum semper sed pharetra augue malesuada. Morbi at neque neque, a faucibus neque. Curabitur id arcu tortor. Aliquam aliquam metus vitae metus ultrices lobortis. Curabitur vel ipsum ac sapien tincidunt vestibulum. Etiam non orci sit amet orci vestibulum varius nec sit amet nunc. Donec eu nisl sed libero condimentum eleifend at id velit. Nunc vestibulum elit ut ligula hendrerit sit amet hendrerit purus porttitor. Donec porttitor, ante vel consequat interdum, velit nisl lacinia mi, non vestibulum purus erat eget elit. Nunc eu urna in enim cursus tempor ut et ligula. Praesent scelerisque, leo sed tincidunt ultricies, dolor purus malesuada nulla, quis pretium sem mauris sit amet dolor. Aliquam interdum eros eget urna pellentesque sed fringilla sem consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam interdum dictum nibh et vehicula. Morbi purus justo, consectetur sed ornare sodales, sodales at nisi. Mauris consectetur tellus ac lorem dignissim id tempus orci molestie. Suspendisse sed diam eu erat dapibus bibendum. Sed lacus mauris, dapibus ut condimentum at, tristique eget diam. Aliquam dapibus, purus ultricies molestie ullamcorper, neque arcu rhoncus nisl, quis scelerisque turpis dui vel augue. Vestibulum tellus tortor, sagittis a fermentum sed, sagittis et nisl. Etiam accumsan mattis mattis. Aliquam condimentum porta arcu sed placerat. Proin at arcu nisi, ac pretium neque. Integer ultricies mauris vitae felis eleifend lobortis a quis erat. Duis mollis sagittis neque vitae dictum. Quisque vitae nisi sed tortor sagittis faucibus. Curabitur neque orci, lobortis eu placerat in, placerat eu tellus. Vestibulum pellentesque leo ac neque blandit quis commodo velit hendrerit. Proin semper tempus ligula, in tincidunt leo Quisque id sem sem. Morbi est urna, suscipit eu aliquet non, scelerisque sed nulla. Morbi lobortis nunc non quam egestas posuere. In neque turpis, scelerisque et ornare eu, consectetur non ipsum. Sed eu enim id dui ullamcorper facilisis. Curabitur eu diam sit amet nibh laoreet vestibulum nec id tellus. Proin at ipsum dictum risus gravida elementum in tempus orci. Quisque vitae tempor nunc. Etiam sit amet tellus ac lectus dictum dictum eu nec risus. Donec ante orci, congue at rutrum at, rhoncus a sapien. Integer porttitor bibendum porttitor. Ut iaculis ligula eu justo placerat venenatis a eget libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tempor nunc ac justo egestas rhoncus. Etiam pellentesque, lectus sit amet gravida vehicula, nunc lorem iaculis dolor, ac scelerisque ligula diam quis tellus. Duis sollicitudin mattis lacus sit amet mollis. Etiam eros lacus, interdum ut adipiscing ut, ultrices sit amet mi. Sed at velit sit amet nunc tristique consequat. Duis laoreet, nisi non venenatis vestibulum id. Integer at magna et sapien elementum pretium sed sed odio. Pellentesque pretium volutpat nibh, sit amet placerat orci bibendum vel. Sed varius, dui aliquet sollicitudin suscipit, ipsum tellus vulputate quam, vel faucibus metus enim quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut imperdiet dictum dui sed scelerisque. Cras faucibus metus vitae quam convallis vitae interdum ante pharetra. Aenean aliquet tincidunt dui sit amet porttitor. Quisque pretium tincidunt felis sit amet consequat. Aenean nec dolor dui, id adipiscing enim. Aenean a leo nec ipsum eleifend tincidunt. Sed eu auctor nunc. In pellentesque, augue nulla consectetur sem, id mollis arcu sem quis lectus. Praesent risus diam, lacinia eget venenatis quis, vestibulum laoreet enim. In ac neque ut lorem adipiscing malesuada ut at ante. Praesent eu arcu diam, sed fermentum elit. Curabitur at bibendum massa. Etiam facilisis sagittis nibh at tempus. Praesent mollis lacus eget tellus congue nec semper felis aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin fermentum posuere lorem, bibendum aliquet ante luctus cursus. Cum sociis natoque penatibus et hac habitasse platea dictumst. Morbi at viverra lorem. Vivamus hendrerit luctus tortor, id lobortis magna scelerisque sodales. Maecenas diam risus, porta et volutpat a, sollicitudin eget sapien. Praesent adipiscing urna ut risus euismod vulputate. Vestibulum pretium pulvinar felis, in fringilla nibh viverra nec. Aliquam eu massa lacus. Duis ultricies, ante eu molestie tempor, dui purus pharetra nunc, ut posuere velit justo vel turpis. Integer eget tincidunt nunc. Nulla lobortis, dui vitae convallis volutpat, urna purus interdum nulla, eget euismod dui orci et augue. In porta, elit non lacinia ultricies, mauris diam gravida quam, ut luctus dui nulla eu dui. magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ac porttitor mi. Vivamus ligula eros, gravida placerat pharetra in, vestibulum faucibus mi. Duis faucibus enim eget justo fringilla a fringilla massa dapibus. Maecenas ac urna risus, et condimentum mauris. Ut a urna sapien, at hendrerit mi. Etiam consequat tincidunt lorem, at tincidunt sapien posuere vitae. Pellentesque elementum lobortis enim, sagittis elementum ante tincidunt vitae. Mauris eget odio velit, nec semper felis. Ut sed magna sed tortor porttitor posuere. Sed gravida ullamcorper libero sit amet tincidunt. Nulla facilisi. Donec enim nisi, pharetra quis pretium a, ultricies et tortor. Vivamus nisi lacus, feugiat ac fermentum at, lacinia in ante. Fusce metus orci, sagittis ac condimentum eu, dignissim non nisl. Quisque quam sapien, varius ut molestie quis, vestibulum sed tortor. Nunc sed lorem purus, non euismod elit. Pellentesque fermentum risus eu risus hendrerit sagittis. Integer diam sem, gravida fringilla aliquet non, rhoncus nec risus. Fusce eget erat urna, a Aliquam erat volutpat. Nulla egestas porta dictum. Cras faucibus auctor est, in consequat metus vestibulum non. Integer vitae erat turpis. Vestibulum pulvinar commodo odio sed dignissim. Morbi et quam risus, non adipiscing mi. Ut tincidunt scelerisque eros, quis congue leo dignissim in. Nunc egestas ante ut dui commodo feugiat. Pellentesque nisl augue, euismod luctus ultricies quis, adipiscing vitae turpis. Etiam vitae dui nec augue venenatis lacinia. Duis risus nisi, sollicitudin lobortis laoreet eget, dapibus placerat libero. Suspendisse pretium mauris nec metus suscipit blandit. Proin consectetur ornare luctus. Nunc quis justo nisl. Integer molestie porta ligula sit amet pellentesque. Cras fringilla lacinia justo, non iaculis mauris interdum in. Suspendisse potenti. Pellentesque sed arcu sapien, eget ullamcorper libero. Quisque scelerisque ultrices purus, non lobortis lorem rhoncus sit amet. Vivamus non lorem porttitor arcu lacinia pellentesque id a nisl. Ut a urna sapien, at hendrerit mi. Etiam consequat tincidunt lorem, at tincidunt sapien posuere vitae. Pellentesque elementum lobortis enim, sagittis elementum ante tincidunt vitae. Mauris eget odio velit, nec semper felis. Ut sed magna sed tortor porttitor posuere. Sed gravida ullamcorper libero sit amet tincidunt. Nulla facilisi. Donec enim nisi, pharetra quis pretium a, ultricies et tortor. Vivamus nisi lacus, feugiat ac fermentum at, lacinia in ante. Fusce metus orci, sagittis ac condimentum eu, dignissim non nisl. Quisque quam sapien, varius ut molestie quis, vestibulum sed tortor. Nunc sed lorem purus, non euismod elit. Pellentesque fermentum risus eu risus hendrerit sagittis. Integer diam sem, gravida fringilla aliquet non, rhoncus nec risus. Fusce eget erat urna, a sagittis leo. Nullam faucibus eleifend fermentum. Aliquam luctus interdum neque nec faucibus. Donec bibendum, orci et accumsan pharetra, magna velit aliquet dolor, in malesuada quam ipsum nec sapien. Phasellus adipiscing luctus risus, eu facilisis nulla aliquam ut. Integer fermentum eleifend metus ornare condimentum. Aliquam leo arcu, commodo sit amet ullamcorper id, ullamcorper auctor felis. Etiam quis orci dolor, ac pellentesque metus. Duis fermentum mi eget ante elementum commodo. Quisque a augue sem. Cras at quam eget augue dictum vulputate. Ut at! Proin vulputate sodales tellus, ac sollicitudin lorem malesuada a. Nam mollis diam eget ligula lobortis fermentum. Sed commodo vulputate urna ut aliquet. Maecenas pharetra semper odio, a hendrerit erat vehicula at. Ut ac elit erat, a scelerisque ante. Integer sodales, lacus eu volutpat faucibus, massa diam consectetur odio, id eleifend odio enim ut mi. In hac habitasse platea dictumst. Donec pharetra blandit nisl, non blandit ante tincidunt in. Phasellus ante mauris, semper eu aliquam fringilla, lobortis sed magna. Donec hendrerit, massa vel venenatis ornare, sapien velit egestas nunc, ut pellentesque purus magna vitae mauris. Nulla aliquam ullamcorper ligula, a feugiat velit faucibus eu. Vivamus ultricies luctus ultricies. Cras malesuada diam nec sem ornare accumsan. Aenean sodales, risus ultrices aliquam dignissim, sapien mi mattis ligula, ut tempor dui neque quis lectus. Nulla porttitor semper dolor quis hendrerit. Nunc non odio urna. Duis varius odio ac ipsum semper sed pharetra augue malesuada. Morbi at neque neque, a faucibus neque. Curabitur id arcu tortor. Aliquam aliquam metus vitae metus ultrices lobortis. Curabitur vel ipsum ac sapien tincidunt vestibulum. Etiam non orci sit amet orci vestibulum varius nec sit amet nunc. Donec eu nisl sed libero condimentum eleifend at id velit. Nunc vestibulum elit ut ligula hendrerit sit amet hendrerit purus porttitor. Donec porttitor, ante vel consequat interdum, velit nisl lacinia mi, non vestibulum purus erat eget elit. Nunc eu urna in enim cursus tempor ut et ligula. Praesent scelerisque, leo sed tincidunt ultricies, dolor purus malesuada nulla, quis pretium sem mauris sit amet dolor. Aliquam interdum eros eget urna pellentesque sed fringilla sem consectetur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam interdum dictum nibh et vehicula. Morbi purus justo, consectetur sed ornare sodales, sodales at nisi. Mauris consectetur tellus ac lorem dignissim id tempus orci molestie. Suspendisse sed diam eu erat dapibus bibendum. Sed lacus mauris, dapibus ut condimentum at, tristique eget diam. Aliquam dapibus, purus ultricies molestie ullamcorper, neque arcu rhoncus nisl, quis scelerisque turpis dui vel augue. Vestibulum tellus tortor, sagittis a fermentum sed, sagittis et nisl. Etiam accumsan mattis mattis. Aliquam condimentum porta arcu sed placerat. Proin at arcu nisi, ac pretium neque. Integer ultricies mauris vitae felis eleifend lobortis a quis erat. Duis mollis sagittis neque vitae dictum. Quisque vitae nisi sed tortor sagittis faucibus. Curabitur neque orci, lobortis eu placerat in, placerat eu tellus. Vestibulum pellentesque leo ac neque blandit quis commodo velit hendrerit. Proin semper tempus ligula, in tincidunt leo vestibulum id. Integer at magna et sapien elementum pretium sed sed odio. Pellentesque pretium volutpat nibh, sit amet placerat orci bibendum vel. Sed varius, dui aliquet sollicitudin suscipit, ipsum tellus vulputate quam, vel faucibus metus enim quis sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut imperdiet dictum dui sed scelerisque. Cras faucibus metus vitae quam convallis vitae interdum ante pharetra. Aenean aliquet tincidunt dui sit amet porttitor. Quisque pretium tincidunt felis sit amet consequat. Aenean nec dolor dui, id adipiscing enim. Aenean a leo nec ipsum eleifend tincidunt. Sed eu auctor nunc. In hac habitasse platea dictumst. Morbi at viverra lorem. Vivamus hendrerit luctus tortor, id lobortis magna scelerisque sodales. Maecenas diam risus, porta et volutpat a, sollicitudin eget sapien. Praesent adipiscing urna ut risus euismod vulputate. Vestibulum pretium pulvinar felis, in fringilla nibh viverra nec. Aliquam eu massa lacus. Duis ultricies, ante eu molestie tempor, dui purus pharetra nunc, ut posuere velit justo vel turpis. Integer eget tincidunt nunc. Nulla lobortis, dui vitae convallis volutpat, urna purus Quisque id sem sem. Morbi est urna, suscipit eu aliquet non, scelerisque sed nulla. Morbi lobortis nunc non quam egestas posuere. In neque turpis, scelerisque et ornare eu, consectetur non ipsum. Sed eu enim id dui ullamcorper facilisis. Curabitur eu diam sit amet nibh laoreet vestibulum nec id tellus. Proin at ipsum dictum risus gravida elementum in tempus orci. Quisque vitae tempor nunc. Etiam sit amet tellus ac lectus dictum dictum eu nec risus. Donec ante orci, congue at rutrum at, rhoncus a sapien. Integer porttitor bibendum porttitor. Ut iaculis ligula eu justo placerat venenatis a eget libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tempor nunc ac justo egestas rhoncus. Etiam pellentesque, lectus sit amet gravida vehicula, nunc lorem iaculis dolor, ac scelerisque ligula diam quis tellus. Duis sollicitudin mattis lacus sit amet mollis. Etiam eros lacus, interdum ut adipiscing ut, ultrices sit amet mi. Sed at velit sit amet nunc tristique consequat. Duis laoreet, nisi non venenatis pellentesque, augue nulla consectetur sem, id mollis arcu sem quis lectus. Praesent risus diam, lacinia eget venenatis quis, vestibulum laoreet enim. In ac neque ut lorem adipiscing malesuada ut at ante. Praesent eu arcu diam, sed fermentum elit. Curabitur at bibendum massa. Etiam facilisis sagittis nibh at tempus. Praesent mollis lacus eget interdum nulla, eget euismod dui orci et augue. In porta, elit non lacinia ultricies, mauris diam gravida quam, ut luctus dui nulla eu dui. Integer et ipsum felis. Maecenas et orci eu lacus ultricies convallis ut in lectus. Donec laoreet convallis eros vitae tincidunt. Cras porttitor auctor sem vel hendrerit. Fusce sed ipsum non libero vehicula aliquam. Nullam eu turpis a risus varius interdum. Donec vel mi sit amet erat placerat convallis. Praesent feugiat, massa commodo consequat convallis, ipsum sapien semper tortor, eu consectetur massa libero non eros. Nunc iaculis placerat velit quis pellentesque. Praesent iaculis, orci eget aliquet consectetur, neque risus congue est, et bibendum est tellus sit amet diam. Morbi varius semper bibendum. Phasellus malesuada neque luctus dui auctor eu gravida ipsum ullamcorper. Phasellus non urna at turpis tincidunt congue a non enim. Maecenas sodales tellus congue nec semper felis aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin fermentum posuere lorem, bibendum aliquet ante luctus cursus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ac porttitor mi. Vivamus ligula eros, gravida placerat pharetra in, vestibulum faucibus mi. Duis faucibus enim eget justo fringilla a fringilla massa dapibus. Maecenas ac urna risus, et condimentum mauris. Ut a urna sapien, at hendrerit mi. Etiam consequat tincidunt lorem, at tincidunt sapien posuere vitae. Pellentesque elementum lobortis enim, sagittis elementum ante tincidunt vitae. Mauris eget odio velit, nec semper felis. Ut sed magna sed tortor porttitor posuere. fermentum metus, et luctus est malesuada vel. Aliquam erat volutpat. Nulla egestas porta dictum. Cras faucibus auctor est, in consequat metus vestibulum non. Integer vitae erat turpis. Vestibulum pulvinar commodo odio sed dignissim. Morbi et quam risus, non adipiscing mi. Ut tincidunt scelerisque eros, quis congue leo dignissim in. Nunc egestas ante ut dui commodo feugiat. Pellentesque nisl augue, euismod luctus ultricies quis, adipiscing vitae turpis. Etiam vitae dui nec augue venenatis lacinia. Duis risus nisi, sollicitudin lobortis laoreet eget, dapibus placerat libero. Suspendisse pretium mauris nec metus suscipit blandit. Proin consectetur ornare luctus. Nunc quis justo nisl. Integer molestie porta ligula sit amet pellentesque. Cras fringilla lacinia justo, non iaculis mauris interdum in. Suspendisse potenti. Pellentesque Sed gravida ullamcorper libero sit amet tincidunt. Nulla facilisi. Donec enim nisi, pharetra quis pretium a, ultricies et tortor. Vivamus nisi lacus, feugiat ac fermentum at, lacinia in ante. Fusce metus orci, sagittis ac condimentum eu, dignissim non nisl. Quisque quam sapien, varius ut molestie quis, vestibulum sed tortor. Nunc sed lorem purus, non euismod elit. Pellentesque fermentum risus eu risus hendrerit sagittis. Integer diam sem, gravida fringilla aliquet non, rhoncus nec risus. Fusce eget erat urna, a sagittis leo. Aliquam condimentum porta arcu sed placerat. Proin at arcu nisi, ac pretium neque. Integer ultricies mauris vitae felis eleifend lobortis a quis erat. Duis mollis sagittis neque vitae dictum. Quisque vitae nisi sed tortor sagittis faucibus. Curabitur neque orci, lobortis eu placerat in, placerat eu tellus. Vestibulum pellentesque leo ac neque blandit quis commodo velit hendrerit. Proin semper tempus ligula, in tincidunt leo vestibulum id. Integer at magna et sapien elementum pretium sed sed odio. Pellentesque pretium volutpat nibh, sit amet placerat orci bibendum vel. Aliquam condimentum porta arcu sed placerat. Proin at arcu nisi, ac pretium neque. Integer ultricies mauris vitae felis eleifend lobortis a quis erat. Duis mollis sagittis neque vitae dictum. Quisque vitae nisi sed tortor sagittis faucibus. Curabitur neque orci, lobortis eu placerat in,! 03/12/14 The grid Ø Predetermined structure for the arrangement of space in a column format. Ø General tendency: Broadsheets: 6/7-column grid Tabloids: 4/5-column grids Berliners: 5-column grids The Daily Newspaper Klingons!Invade!Earth!Again! Examples The Daily Newspaper Nameplate Klingons Invade Earth Again 6-column grid 5-column grid 8

9 Designing for the web Ø Features of layout of online papers may show a similarity with print papers Ø similar nameplates Ø similar use of fonts Ø A typical case is the New York Times online, having a layout that looks like the print version. Ø Compare the front page of the New York Times from and The Tabloid navigation style Ø reproduces the traditional newspaper layout Ø provides many options up-front to attract wide audiences Ø screen is divided into sections with many topic links for the reader to choose from Ø front page contains all the news story headlines, linked to the full article Ø advertisements are placed on the right of the page Some web sites using the tabloid navigation style are: USA Today ( MSNBC ( CNN ( 9

10 Meaning in online news layout Information on story relevance conveyed through Ø Vertical (less often horizontal) arrangement of stories on the screen Ø Illustrative material, audios, videos Ø Front-page layout is maintained in different editions Fixed page design to allow for fast content updates Smaller headlines and pictures than in print editions Large size characters and pictures reduce information that can be shown on the front page 10