Web Design

Current trends in Web Design: The influence of print/typography on the Web

12 Comments 21 October 2009


or why it’s called a web”page”

Legibility has always been of utmost importance in the process of visual communication. Billboards, advertisements, flyers. The clearer the message, the better the impact it tends to have on the target audience; the greater the sales.

In the 1990’s, with the emergence and increasing popularity of the internet came attempts to adapt this attention-grabbing visual aesthetic to websites. The effect this had though was to clutter up the real estate of the screen with unnecessary elements that didn’t really add to the effectiveness of communicating the message, but instead distracted and confused the user.

Today, there is a changing trend where the rules of traditional print design are being applied to the web. We see websites that are more typographically driven, with the main design elements being lines, subtle shifts in color and maybe one or two large images. This is similar to print design, where the message is relayed through words and images, and thus legibility of those words and images is of utmost importance.

Some reasons for this shift include changes in user preference, evolution of CSS including the use of sprites and the availability of server-side and browser-side font rendering technologies that allow the use of more and varied fonts.

The emergence and growing popularity of blogs has added to this trend. We as the audience are more interested in what the website is saying as opposed to what it is displaying.

This trend can also be seen with online advertising, where banners and ads have gone from psychedelic aminated gifs of aliens dancing maniacally to more subtle blocks of text and color, similar to ads found in newspapers and magazines.

Some examples of websites that follow this trend of incorporating characteristics of print design in both layout and advertisements are below.

The Bold Italic

bold_italic_creative

A list apart

a_list_apart

Koda

koda

For a beautiful web

for_a_beatiful_design

Mine

mine_current_trends_in_web_design

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Related posts:

  1. The Differences Between Print and Web Design (Revisited)
  2. 2008 Web Development Trends
  3. 40 Beautiful uses of Typography in Web Design
  4. Creative Illustrative Print Ads
  5. 20 of The Best Uses of Color in Current Web Design

Author

Madhavi

Madhavi - who has written 5 posts on [Re]Encoded.com.

Madhavi Jagdish is the founder of Topic Studios, a San Francisco based graphic design and web development agency. She has conceived and designed award-winning projects in both print and on the web for clients across all sectors. Get in touch with her: madhavi (at) topicstudios.com Twitter

Contact the author

Your Comments

12 Comments so far

  1. Brilliant explanation, brilliant examples! Thanks for posting.

  2. Rebecca says:

    But A List Apart has been rocking that layout for quite some time… Is it fair to say that they are a part of the current trend?

  3. Madhavi says:

    Rebecca – you’re right. You could say they’re one of the first to start using this visual aesthetic, which has now evolved into somewhat of a trend

  4. rory says:

    Nice article, is amazing the progress we have made over the last 10 years regarding website design. Where will we be in the next 10 years? Wired into the matrix probably with Neo standing over us saying “Woh”. I see video playing an even bigger part of our web experience.

  5. I think people are starting to get the hang of css enough to create what they’ve envisioned in their head. And I agree, just because you can use every color and have everything animate, it doesn’t make for a good end result.

  6. Kind of aligns with the thinking that websites are turning into brochures. Sweet and simple text with interesting graphics and videos (depending on the site of course).

  7. Frog says:

    A well written article. Bookmarked to read thoroughly again once I have the time.


Trackbacks/Pingbacks

  1. Current trends in Web Design: The influence of print/typography on the Web | Kerja Keras Adalah Energi Kita - 21. Oct, 2009

    [...] Current trends in Web Design: The influence of print/typography on the Web AKPC_IDS += "2947,";Popularity: unranked [?] « Top Ten Free SEO Tools – SEO Basics #2 of [...]

  2. uberVU - social comments - 21. Oct, 2009

    Social comments and analytics for this post…

    This post was mentioned on Digg by internetisscary: What about Friendster?…

  3. Il punto della settimana #3 « Francesco Corsentino .net - 23. Oct, 2009

    [...] CURRENT TRENDS IN WEB DESIGN: THE INFLUENCE OF PRINT/TYPOGRAPHY ON THE WEB [...]

  4. 40 Beautiful uses of Typography in Web Design | [Re]Encoded.com - 26. Oct, 2009

    [...] Current Trends in Web Design [...]

  5. Current Trends In Web Design: The Influence Of Print/Typography On The Web | Design Newz - 26. Oct, 2009

    [...] Current Trends In Web Design: The Influence Of Print/Typography On The Web [...]

Share your view

Post a comment

          

Community News

  • 30 Clever and Creative Advertisement Concepts

    Today, we give you a list of inspiring advertisement designs from different companies around the world. Here is 30 Clever and Creative Advertisement Concepts.

    March 11, 2010
  • 50+ High-Quality Photoshop Tutorials For Lighting …

    Photoshop gives designers the ability to create some amazing effects that can accomplish just about anything you can image. Fortunately, there are plenty of Photoshop experts who are willing to wri…

    March 11, 2010
  • 15 Places To Download Free Photoshop Brushes

    If are you looking some free Photoshop brushes for your next design project? You are at the right place here where you can find 15 free Photoshop brushes sites. Especially, they are all free for do…

    March 11, 2010
  • 15 Free, New and Fresh Social Media Icon Sets

    If are you looking some new social icon sets for your next design project? You are at the right place here where you can find 15 free, new and fresh social media icon sets . Especially, they are al…

    March 10, 2010
  • 17 Truly Bizarre Artworks By Ben Heine

    Here we have gathered some of the Great examples of Bizarre and Surreal Photos by Ben Heine who is a Belgian artist with exceptional photography skills. He has almost 8 years of experience working …

    March 10, 2010






© 2010 [Re]Encoded.com. Powered by Wordpress.