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

    Just a small correction. Dubai is in United Arab Emirates, not Saudi Arabia.

    1
  2. 2

    What a great example to choose as the first, only because I saw TIn TIn!

    0
  3. 3

    Love this post.

    I am inspired! :)

    0
  4. 4

    El Economista and the Guardian are the best by far, a few there I don’t think should be “award winning” – But interesting collection.

    0
  5. 5

    Frankfurter Allgemeine Zeitung looks really nice. Football looks even better shown that way :)

    0
  6. 6

    Oh why wasn’t this around a few days earlier! I’ve just completed a website heavily based around the theory of newspaper design, and had to do all the research by hand. Well done with the article though, there are some excellent example of design in there, truly inspirational work with a grid, some typography and white space!

    0
  7. 7

    El Economista and Le Monde do it for me. Love the colour palette of the former, and the type (by Jean Fraçois Porchez) of the latter. Great stuff SM.

    0
  8. 8

    I love the amount of whitespace in “El economista”.

    0
  9. 9

    I’ d add the greek ‘Eleftheros Tipos’ (=”Free Press), http://www.e-tipos.com/pdfViewer, winner of the best design european national newspaper award for 2007. Very inspiring post, indeed!

    0
  10. 10

    I like the minimalism on Hartford Courant ! Also Guardian!

    Nice Post! When are you going to to a similar post but with Innovation in Magazine Design or something like that? will be interesting.

    0
  11. 11

    interesting article..

    0
  12. 12

    I like very much the Expresso.
    Portugal is my love…

    0
  13. 13

    I love these kind of articles bring them on! DTP is something that is missing on internet.(they way you gother and present it)

    0
  14. 14

    I do not see a good or helpful judgement here… everything is “legible and crisp” in your eyes, but the examples are cluttered and sometimes not clear, legible and crisp but shmashed and ugly…

    next time you will judge the german BILD-Zeitung a legible design with balanced use of typography and colors? ;=)

    0
  15. 15

    Vitaly Friedman & Sven Lennartz

    February 11, 2008 5:21 am

    @Connie: please point exactly to the sites which are cluttered and sometimes not clear in your opinion.

    0
  16. 16

    The encore page from ‘De Morgan’ would translate nicely to a web page (just using the first 3 columns).

    0
  17. 17

    JohnofScribbleSheet

    February 11, 2008 5:22 am

    Economista looks great!

    0
  18. 18

    Some are good some are bad. But in the end it is nice to see some old school print design. I was involved in this domain for 3 years and it was quite cool.

    Great resource guys.

    0
  19. 19

    extreme webmaster

    February 11, 2008 6:21 am

    As usual, a great compilation and a great resource. These newspaper designs are really inspirational. I will definitely use some of them on my websites.

    0
  20. 20

    amazing = 牛逼

    0
  21. 21

    Portugal is mistyped. By the way, nice post!

    0
  22. 22

    Awesome post! I really enjoyed reading this one.

    0
  23. 23

    Some of these would be very difficult to translate into web designs, but it’s something to think about.
    Newspaper layout people have to take grid, and column design very seriously.
    Our local paper for example is a six-column layout, but they do change things up to keep it interesting.
    You get a much better idea of grid design watching how the newspaper pros do it.

    0
  24. 24

    Nico to see that you included my favorite Belgian gazette! Great article!

    0
  25. 25

    hmmm. A few of those are just plain, but a few are great. Good news papers, and news letters are all about Feng Shui and balance

    0
  26. 26

    @#15:

    “The Rzeczpospolita displays its conservatism in a traditional, conservative layout.” this red is conservative? this paper is using signal red, and “conservative layout” is something else..
    this page “http://www.snd.org/best27/Rzeczpospolita_files/2001J.png” is for sure not conservative layouted and easy to read…

    “Äripäev” is yellow press and for sure “packaging is always clean” is not the case .

    Sorry, but still I assume that you wanted to proof a thesis instead of doing some research…

    0
  27. 27

    so nice to see those award winning newspapers ^^

    0
  28. 28

    There is definitely something a Web Designer can adopt from those examples.
    Very nice and different collection!

    0
  29. 29

    If you can get a copy, Canada’s Globe and Mail is a good example of nice newspaper design. In fact, they even commissioned their own fonts.

    1
  30. 30

    Woah, great to see an Indian News Paper in this list.

    0
  31. 31

    For a while i didn’t think i was going to see any from U.S, but glad that we have some good newspaper.

    0
  32. 32

    Another good Brazilian site Newspaper: http://www.estadao.com.br !

    0
  33. 33

    The Pittsburgh Post Gazette has a nice layout. I may be a little biased towards the paper but, I’ve always thought they had a wonderful overall design. I agree with others that the el economista is remarkable.

    0
  34. 34

    I like Äripäev’s layout most. It’s catchy and clearly arranged. lovin it. But I don’t get why FAZ (Frankfurter Allgemeine) is award winning. I don’t like it at all!

    Greetings from Frankfurt, Germany
    — tux86

    0
  35. 35

    Great compilation. Interesting to see how much newspaper layout has found it’s way in todays blog sites. Good study material of how much content can be packed into little space and still keep the reader interested and the visuals appealing.

    0
  36. 36

    I delivered the Hartford Courant for 3 years when I was 12. Grew up in Connecticut :)

    0
  37. 37

    El Economista is the best. I like Frankfurter Allgemeine Zeitung also
    Great inspiration resource guys, keep it up!!!

    0
  38. 38

    Mark A. Dodge Medlin

    February 11, 2008 9:21 pm

    It’s worth pointing out that the Society for News Design is in the process of picking the next gigantic batch of winning pages, graphics and photos. Some of the results can be found on SND’s Update blog, if you can get past the inside baseball and “inspirational” poems.

    Interesting post. It’s always eye-opening to see newspaper design through the eyes of design experts who aren’t newsprint folk.

    0
  39. 39

    is nice to see a portuguese newspaper in the list :) ( im portugues off course :D )

    congrats for the excelent work in this website.

    0
  40. 40

    Not bad and a good over view. But there are some missing, like the Asia section ;-)

    0
  41. 41

    Le monde, El Economista & Expresso are awesome

    0
  42. 42

    Very very nice collection. Excellent.

    0
  43. 43

    Very interesting to see some newspaper Designs of other country.

    0
  44. 44

    DAG Dutch free newspaper, got a new design this morning. I’d say it looks pretty good as well

    0
  45. 45

    I always like The Guardian, especially their website because of the clean cut and easy to understand navigation

    Other noted websites are New York Times and The New Yorker

    0
  46. 46

    I love Web graphics to Print ones. But these Newspaper designs are quite well designed. Just Excellent

    0
  47. 47

    “The Stranger” in Seattle Wa Is always fun to look at. It’s a bit different than these though. . .

    0
  48. 48

    I found this post really informative. Keep up the good works and provide education to global internet user.

    0
  49. 49

    this article is really great! the designs are very innovative. it is really noticeable how nowadays CEOs (or whoever makes those decisions) have the courage to go on and publish this incredible designs! congratulations to all of them: designers, directors and Smashing Magazine Staff for publishing this article! :)

    0
  50. 50

    wow.. amazing,,,!

    and no doubt…! the smashing news paper is….. Hartford Courant ! :)

    0

↑ Back to top