Web Design Trends For 2009

Attention: open in a new window. E-mail

User Rating: / 0
PoorBest 

We Web designers are a fickle lot. We love to experiment with things. We love to observe how people interact with our work. And we love to try out unusual design approaches that might possibly go mainstream and become a classic approach. As a result, new design approaches come up, and as more and more designers notice them and make use of them, new trends emerge.

Over the last months, we’ve analyzed numerous Web designs, observing emerging trends and weighing the merits of numerous design decisions and coding solutions. In this post, we present Web design trends for 2009: recent developments, new design elements and new graphic approaches. We also discuss situations in which these trends can be used and present some beautiful examples. Did you miss any recent development in this overview? Let us know in the comments!

This article covers only 10 of the over 25 trends we’ve identified over the last months. The second part will be published next week. We’ll cover new layouts, new visual approaches and new design elements. Please stay tuned.

Update: the second part of our review is now published as well.

[Offtopic: by the way, did you already get your copy of the brand new Smashing Book?]

Web Design Trends For 2009

Let’s first take a closer look at the main trends we identified, discovered and observed over the last months. In this overview, you’ll find a review of each trend and more beautiful examples that can inspire you in your next project.

  1. Embossing Letterpress

    Trend-04 in Web Design Trends For 2009

  2. Rich user interfaces

    Trend-11 in Web Design Trends For 2009

  3. PNG transparency

    Trend-27 in Web Design Trends For 2009

  4. Big typography

    Trend-15 in Web Design Trends For 2009

  5. Font replacement (sIFR, etc.)

    Trend-30 in Web Design Trends For 2009

  6. Modal boxes

    Trend-17 in Web Design Trends For 2009

  7. Media blocks

    Trend-24 in Web Design Trends For 2009

  8. The magazine look

    Trend-19 in Web Design Trends For 2009

  9. Carousels (slideshows)

    Trend-25 in Web Design Trends For 2009

  10. Introduction blocks

    Trend-14 in Web Design Trends For 2009

Now let’s go into detail and take a closer look at each of the trends presented above.

1. Letterpress

One of the most unexpected trends we’ve observed over the last months was the emergence of letterpress (actually pressed letters) in Web design. Probably the most important reason for this trend is the simple fact that this technique has been rarely used until now. Letterpress is used in various styles and on various websites and for various topics; in particular, it is often used in product designs and on websites for online services.

Letterpress6 in Web Design Trends For 2009

Letterpress3 in Web Design Trends For 2009

Letterpress7 in Web Design Trends For 2009

Letterpress8 in Web Design Trends For 2009

Letterp in Web Design Trends For 2009

Letterpress1 in Web Design Trends For 2009

Letterpress2 in Web Design Trends For 2009

Letterpress4 in Web Design Trends For 2009

Letterpress5 in Web Design Trends For 2009