Menu Search
Jump to the content X X

Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now →

Award-Winning Newspaper Designs

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. [Content Care Nov/09/2016]

However, there are some fundamental principles which are often being used in both media. Over the last years newspapers and websites started to apply similar principles of data presentation, such as the heavy use of white space and 1grid-based design2.3 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 layout.

You might be interested in the following related posts:

El Economista (Madrid, Spain) Link

El Economista 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 Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Äripäev (Tallinn, Estonia) Link

Äripäev’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 Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

De Morgen (Belgium) Link

De Morgen 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 Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Politiken (Copenhagen, Denmark) Link

Politiken 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 Designs
Excellent Newspaper Designs

The Rzeczpospolita (Warsaw, Poland) Link

The Rzeczpospolita 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 Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Le Monde (Paris, France) Link

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

Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Frankfurter Allgemeine Zeitung (Frankfurt, Germany) Link

…so does the “>Frankfurter Allgemeine Sonntagszietung: 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 Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Expresso (Portugal) Link

Expresso: 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 Designs
Excellent Newspaper Designs

The Guardian (London, UK) Link

The Guardian 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 Designs
Excellent Newspaper Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Dubai Express (Dubai, United Arab Emirates) Link

Dubai Express 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 Designs
Excellent Newspaper Designs
Excellent Newspaper Designs

Mint (India) Link

Mint, 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 Designs
Excellent Newspaper Designs

St. Louis Post-Dispatch (US) Link

St. Louis Post-Dispatch (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 Designs

Hartford Courant (US) Link

The Hartford Courant 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 Designs
Excellent Newspaper Designs

Resources and Further References Link

Footnotes Link

  1. 1 /2007/01/12/white-space-and-simplicity-an-overview/
  2. 2 /2007/04/14/designing-with-grid-based-approach/
  3. 3 /2007/01/12/white-space-and-simplicity-an-overview/
  4. 4 https://www.smashingmagazine.com/2008/11/newspaper-website-design-trends-and-examples/
  5. 5 https://www.smashingmagazine.com/2009/10/10-pre-press-tips-for-perfect-print-publishing/
  6. 6 https://www.smashingmagazine.com/2009/04/switch-from-print-to-web-where-to-start/
  7. 7 http://www.snd.org
  8. 8 http://www.newseum.org/todaysfrontpages/
  9. 9 http://www.flickr.com/groups/newsdesign/pool/
  10. 10 http://www.newspaperaward.org/

↑ Back to top Tweet itShare on Facebook

Advertisement

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 UX, front-end and performance problems in large companies. Get in touch.

  1. 1

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

    2
  2. 2

    Love this post.

    I am inspired! :)

    1
  3. 3

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

    1
  4. 4

    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
  5. 5

    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.

    1
  6. 6

    interesting article..

    1
  7. 7

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

    1
  8. 8

    amazing = 牛逼

    1
  9. 9

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

    0
  10. 10

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

    0
  11. 11

    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
  12. 12

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

    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

    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
  18. 18

    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
  19. 19

    Portugal is mistyped. By the way, nice post!

    0
  20. 20

    Awesome post! I really enjoyed reading this one.

    0

↑ Back to top