Design trends of 2012: The good, the bad, and the ‘die already’

As we play taps for 2012, let’s take a look at what developers and designers got into over the past 12 months, aesthetically speaking.

Web (and tablet and smartphone) design this year was more than ever characterized by relatively new technological capabilities. Advances on the dev side made tricks and conventions on the design side simpler, faster, or just plain possible.

Also, in many ways, mobile design, and especially tablet design, had a huge influence over web design. We started seeing more touch interface-friendly navigation, even in situations where touch navigation was unlikely. Which, as you’ll see, drove us freakin’ bonkers.

But hey, at least Comic Sans and Flash sites are on their way out, right?

Most of these trends got their start in years past, but we feel they came into their own in 2012. We’ve organized them into a few groups on a love-to-hate scale. If you disagree with our admittedly subjective analyses, go right ahead and tell us what you think in the comments section. And come on, this is web design; if you don’t disagree with some of it, you might be dead.

The Best

web design trends 2

Larger-than-life images

We see this as a subtrend of the magazine aesthetic (see below), but boy, do we ever love how huge images are getting these days. They look great as page backgrounds, in lightboxes, or as full-page masterpieces in a tablet app. If you’re letting pictures go way outside the envelope, we appreciate what you’re doing and hope you’ll keep up the good work.

web design trends 8

The Metro grid

Microsofties can call it whatever they want, but we know a Metro mosaic when we see one. For the longest time, we were mimicking Apple and iPhone design. Now it’s Windows’ turn to shine. The flat tiles in vibrant colors, the mosaic of constantly refreshing content, and the slick sans serifs were all the rage this year, whether seen on a Windows phone or on a designery knock-off page.

web design trends 6

The print-mag aesthetic

More than ever, the web is starting to feel a lot like the glossy magazines of (what is quickly becoming) another era. Swipe-friendly navigation lets readers flip languidly or rapidly through content. Full-bleed photos take over the page, and elegant serif web font families let running text remain readable.

web design trends 3

And speaking of web fonts, with more than 600 specimens in Google’s directory, headlines content have seen a massive upgrade as well. With sexy Didones, aggressive slabs, and retro scripts, typography is finally entering its online heyday. (Want more proof? Check out our list of the best mobile and web fonts of 2012, now with 900 percent more out-of-the-box web compatibility!)

web design trends 1


About Zoran Opalic

Professional in design and publishing industry. Conceptualize and orchestrate designs and redesigns that effectively reinforce and build brand images. Proven ability to drive record-high campaign in increasing publication sales and execute successful product launches...


No comments yet.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Aston Martin DB10

Production will be strictly limited to 10 of the bespoke sports cars, developed and built by the designers, engineers and highly skilled craftspeople at Aston Martin’s Gaydon headquarters.

Architect Oscar Niemeyer

"My work is not about form follows function, but form follows beauty or, even better, form follows feminine."

BACK to BASICS: Portraits

Portraits of people are one of the first elements of the photography used in newspapers.

Typography: x-heigh

In typography, x-heigh refers to the heigh of lower case letters without upper or lower parts when compared to capital letters...

Designer George Lois

“I always knew I was the most talented kid in the school, ” says George Lois of his time at Music and Art. “I was lucky to be exposed to the city’s best art education"...


Newspaper typefaces require a higher legibility then typefaces used for other printed products. Newspaper are printed on a paper of lesser quality under high speed.

How to redesign 1

Good redesign is driven by a deep understanding of the editorial mission of the publication.

Headline on photographs

The eternal dilemma! Dilemma of all editors on the planet Earth – to put or not put the headline or any kind of type in the photo.

Design Facts

Three elements that will greatly help you to understand how readers are observing you.

Typeface: NY Times Magazine

Sunday Magazine is an expansive family of fonts for information in tiny spaces and headlines at large sizes.


When, why and whether to use infographic. The basic fact is that infographic refresh the publication, and it contributes to originality of your product.

A well-designed publication

Everything that a well-designed publication must have...



%d bloggers like this: