Award-Winning Newspaper Designs

Advertisement

Print and Web are different. Traditional layout techniques from print, particularly an advanced formatting, aren’t applicable to the Web as CSS doesn’t offer sophisticated instruments to design such layouts (e.g. text floating around an embedded image; some “floating” techniques provide such results, however they produce bloated source code just as well).

At the same time the flexibility of the Web is hardly applicable to print as there is no way to customize a traditional periodical for reader’s convenience. Apart from that, online-reading is very different from offline-reading: in the latter both leading and the line length are usually much shorter.

However, there are a number of fundamental principles which are often being used in both media. Over the last years newspapers and web-sites started to apply similar principles of data presentation, such as the heavy use of white space1 and grid-based design2. The results can sometimes be very similar, but often they have almost nothing at common.

This issue of monday inspiration series is supposed to provide you with some examples of outstanding newspaper designs which have been rewarded with prestigious awards (see references at the bottom of this post), and demonstrate unusual approaches of newspaper design.

Please notice that

  • you might want to take a look at the article Data Visualization and Infographics3 we’ve presented previously,
  • all images are clickable and lead to the sources from which they’ve been taken.

El Economista (Madrid, Spain)

El Economista4 uses a very traditional, subtle and unique newspaper layout. Notice how well the typography reflects the weight of single articles. Infographics support the content and headlines are surrounded by huge amount of whitespace.

Excellent Newspaper Designs5

Excellent Newspaper Designs6

Excellent Newspaper Designs7

Äripäev (Tallinn, Estonia)

Äripäev8‘s signature is the heavy use of typography. The layout may sometimes seem overcrowded, however the packaging is always clean, simple to digest and easy to read. Note the difference in weights of colors: color, grey and red are applied carefully and sparingly.

Excellent Newspaper Designs9

Excellent Newspaper Designs10

Excellent Newspaper Designs11

De Morgen (Belgium)

De Morgen12 focuses on attractive packaging and a visually appealing layout. Vivid colors offer readers more eye-candy; however, they also have a function as they e.g. clearly separate quotations from the overall article. Headlines are centered, background-colors differ from page to page.

Excellent Newspaper Designs13

Excellent Newspaper Designs14

Excellent Newspaper Designs15

Politiken (Copenhagen, Denmark)

Politiken16 has a very eye-pleasing, legible layout with soft, neutral colors. Notice the clean horizontal packaging on the right-hand side image below. The sharpness of typography is breathtaking.

Excellent Newspaper Designs17

Excellent Newspaper Designs18

The Rzeczpospolita (Warsaw, Poland)

The Rzeczpospolita19 displays its conservatism in a traditional, conservative layout. No fancy images, no vivid background colors in use. The content dominates and helps the layout to gain a rather traditional look.

Excellent Newspaper Designs20

Excellent Newspaper Designs21

Excellent Newspaper Designs22

Le Monde (Paris, France)

Le Monde23 presents a mix of colorful infographics, solid typography and professional content…

Excellent Newspaper Designs24

Excellent Newspaper Designs25

Excellent Newspaper Designs26

Frankfurter Allgemeine Zeitung (Frankfurt, Germany)

…so does the Frankfurter Allgemeine Sonntagszietung27: the excerpts are distributed uniformly which gives the page a clear and easy-to-read and easy-to-scan structure. It’s not always possible, though.

Excellent Newspaper Designs28

Excellent Newspaper Designs29

Excellent Newspaper Designs30

Expresso (Portugal)

Expresso31: with rich colors, clean grid-based layout and concise typography. Notice how the colors are applied and how the content is separated (see second screenshot).

Excellent Newspaper Designs32

Excellent Newspaper Designs33

The Guardian (London, UK)

The Guardian34 has recently finished its redesign. Result: more vivid colors and more vivid blocks. However, the legibility and the sharpness of presentation don’t suffer. A nice example of how multiple colors can be used not destroying the balance between visual appeal and legibility.

Excellent Newspaper Designs35

Excellent Newspaper Designs36

Excellent Newspaper Designs37

Excellent Newspaper Designs38

Dubai Express (Dubai, United Arab Emirates)

Dubai Express39 is another example of colorful yet legible layout design. The layout has 10 colors on one single page, used in different contexts in different colors. Note the sharpness of typography and use of capital letters on the front page. In this case color is definitely appropriate as the newspaper’s main topic is entertainment.

Excellent Newspaper Designs40

Excellent Newspaper Designs41

Excellent Newspaper Designs42

Mint (India)

Mint43, financial daily in India, uses large indentation for typography and elegant visual highlights to separate the content. That works well: both attractive, scannable and easy-to-read.

Excellent Newspaper Designs44

Excellent Newspaper Designs45

St. Louis Post-Dispatch (US)

St. Louis Post-Dispatch46 (US) isn’t a boulevard-newspaper, but a local regional magazine. The layout has a clear content hierarchy and a very simple structure. Huge amount of whitespace: waste of space or a clever technique to focus readers’ attention on the main topics?

Excellent Newspaper Designs47

Hartford Courant (US)

The Hartford Courant48 is a standout in the American newspaper market. The newspaper distinguishes itself with an enduring elegance in design and typography. Though conservative in their approach, designers engage readers with the bold use of visuals. The contrast between their quiet, understated style and the gutsy photography and illustrations create a tension that captures the attention of readers.

Excellent Newspaper Designs49

Excellent Newspaper Designs50

Resources and Further References

The News Design Flickr Pool59

Footnotes

  1. 1 http://www.smashingmagazine.com/2007/01/12/white-space-and-simplicity-an-overview/
  2. 2 http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/
  3. 3 http://www.smashingmagazine.com/2008/01/14/monday-inspiration-data-visualization-and-infographics/
  4. 4 http://www.snd.org/snd28/worldsbest/El%20Economista.html
  5. 5 http://www.snd.org/snd28/worldsbest/El%20Economista.html
  6. 6 http://www.snd.org/snd28/worldsbest/El%20Economista.html
  7. 7 http://www.snd.org/snd28/worldsbest/El%20Economista.html
  8. 8 http://www.snd.org/snd28/worldsbest/Aripaev.html
  9. 9 http://www.snd.org/snd28/worldsbest/Aripaev.html
  10. 10 http://www.snd.org/snd28/worldsbest/Aripaev.html
  11. 11 http://www.snd.org/snd28/worldsbest/Aripaev.html
  12. 12 http://www.newsdesigner.com/archives/002661.php
  13. 13 http://www.newsdesigner.com/archives/002661.php
  14. 14 http://www.newsdesigner.com/archives/002661.php
  15. 15 http://www.newsdesigner.com/archives/002661.php
  16. 16 http://www.snd.org/snd28/worldsbest/Politiken.html
  17. 17 http://www.snd.org/snd28/worldsbest/Politiken.html
  18. 18 http://www.snd.org/snd28/worldsbest/Politiken.html
  19. 19 http://www.snd.org/best27/rzeczpospolita.html
  20. 20 http://www.snd.org/best27/rzeczpospolita.html
  21. 21 http://www.snd.org/best27/rzeczpospolita.html
  22. 22 http://www.snd.org/best27/rzeczpospolita.html
  23. 23 http://www.newsdesigner.com/archives/002113.php
  24. 24 http://www.newsdesigner.com/archives/002113.php
  25. 25 http://www.newsdesigner.com/archives/002113.php
  26. 26 http://www.newsdesigner.com/archives/002113.php
  27. 27 http://www.snd.org/snd28/worldsbest/Frankfurter%20Allgemeine%20Sonntagszeitung.html
  28. 28 http://www.snd.org/snd28/worldsbest/Frankfurter%20Allgemeine%20Sonntagszeitung.html
  29. 29 http://www.snd.org/snd28/worldsbest/Frankfurter%20Allgemeine%20Sonntagszeitung.html
  30. 30 http://www.snd.org/snd28/worldsbest/Frankfurter%20Allgemeine%20Sonntagszeitung.html
  31. 31 http://www.newsdesigner.com/archives/002113.php
  32. 32 http://www.newsdesigner.com/archives/002113.php
  33. 33 http://www.newsdesigner.com/archives/002113.php
  34. 34 http://www.snd.org/best27/Guardian.html
  35. 35 http://www.snd.org/best27/Guardian.html
  36. 36 http://www.snd.org/best27/Guardian.html
  37. 37 http://www.snd.org/best27/Guardian.html
  38. 38 http://www.snd.org/best27/Guardian.html
  39. 39 http://www.newsdesigner.com/archives/002735.php#more
  40. 40 http://www.newsdesigner.com/archives/002735.php#more
  41. 41 http://www.newsdesigner.com/archives/002735.php#more
  42. 42 http://www.newsdesigner.com/archives/002735.php#more
  43. 43 http://www.newsdesigner.com/archives/002677.php
  44. 44 http://www.newsdesigner.com/archives/002677.php
  45. 45 http://www.newsdesigner.com/archives/002677.php
  46. 46 http://www.bestfrontdesign.com/011307.html
  47. 47 http://www.bestfrontdesign.com/011307.html
  48. 48 http://www.newsdesigner.com/archives/002113.php
  49. 49 http://www.newsdesigner.com/archives/002113.php
  50. 50 http://www.newsdesigner.com/archives/002113.php
  51. 51 http://www.snd.org
  52. 52 http://www.newsdesigner.com/archives/2007_02.php
  53. 53 http://www.newspagedesigner.com/
  54. 54 http://www.newseum.org/todaysfrontpages/
  55. 55 http://www.innovationsinnewspapers.com/
  56. 56 http://www.flickr.com/groups/newsdesign/pool/
  57. 57 http://www.bestfrontdesign.com/
  58. 58 http://www.newspaperaward.org/
  59. 59 http://www.flickr.com/photos/wcouch/101341897/in/pool-newsdesign/

↑ Back to top Tweet itShare on Facebook

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex performance problems in large companies. Get in touch.

Advertisement
  1. 1

    I really love this post…

    All the very best.

    -3
  2. 102

    cheers it’s about time i found a useful article on teinternet

    0
  3. 203

    Awesome !

    1
  4. 304

    It is a complex issue and race belongs in the dialogue, but we need to understand that race is not the problem. ,

    0
  5. 405

    This suspension set a precedent for succeeding eco- nomic crises; 1819, 1837, 1857, and so forth. ,

    -1
  6. 506

    Interesting to see that the list is predominently anglo-centric. There was no mention of any East Asian countries like China, Japan, Korea etc… I think they have some wicked designs over there. Would be nice to see some of their work.

    0
  7. 607

    The St. Louis Post Dispatch has neither the sense nor facts to fill an article.

    -4
  8. 708

    All the newspapers use capital letters only in the beginning of the phrases. Why don’t you do that in the blog?

    0
  9. 809

    I work Mndhu 20 years in journalism and in the Arab press are out distinct and the paper I work bestowed upon the best extension at the Gulf, which was held in Amman recently, a daily newspaper albiad…

    -2
  10. 910

    WOW! I didn’t realize just how Artistic Newspaper Layouts should be, i was just out here to gather assignment info, Great Work Guys!

    0
  11. 1011

    God Bless you for this! thanks!!

    -1
  12. 1112

    Adorei isso… Tks!

    -1
  13. 1213

    Marcos Cortes (Dominican Republic)

    May 18, 2010 9:42 pm

    Excellent man ….theres nothing more to say… and thanks for sharing.

    0
  14. 1314

    I love you designs, quit impress, kindly send me some dummy to work with. I am a designer too. As you know we learn every day. pls send them through my email thanks.

    -1
  15. 1415

    1915: 1.8 Billion people,
    2010: 6.8 Billion people,
    95 years: 5 Billion people,
    2310: 22 Billion people,
    Solution to problem: Stop Creating Babies

    -3
  16. 1516

    Yeah,dont forget Zaman from Turkey.http://www.zaman.com.tr/ezaman.do

    0
  17. 1617

    I luff them all! :D
    Super spectacular job everyone! :P
    The one about Keskerakond is da best! :O

    -1
    • 1718

      I have to disagree with i think most of them were not the best they could be. Your so stupid i bet you have no idea of what your even talking about… I HAVE SEEN WAY BETTER!!

      -5
  18. 1819

    thanks . that was good

    -1
  19. 1920

    thank so much

    2
  20. 2021

    This website is soooo amazing! I’m only in high school (I’m and editor on the school paper) but someday I hope to have some of my own pages on here! (I know, corny dream…) but till then its fun to scroll through cultures of design and maybe even take a few of the ideas for a spin on my own page =)

    -1
  21. 2122

    hello guys..
    now i want to layout newspaper about a art group at my university..what type layout should i do for looking very cool and style page..? link pls ? =)

    -1
  22. 2223

    wow im so impressed with this work i work for a very un interesting newspaper and my design expression is limited they want the same style for each and every issue and its bores the hell out of me this very good pity i cnt explore as im qualified as a graphic designer

    -2
  23. 2324

    all post really fantastic n bring us also those kind of knoledge that can intrest us …..n its design also very eye appealing n soothing….fabulous!!

    -1
  24. 2425

    i love it!!!

    1
  25. 2526

    Awesome post! I really enjoyed reading this one

    -1
  26. 2627

    Rosalinda L.Lato

    January 3, 2012 4:16 am

    This is awesome! It will help my students a lot to learn more about lay-outing.

    -1
  27. 2728

    ahhhhhhhh!!!!!…..these are great designs , am thankful to these designers as they helped me in winning the contest
    thank you

    1
  28. 2829

    Almost all of your links do not work. Why is that so? Please update. :) Sincerely.

    1

↑ Back to top