Graphic Design Trends 2008

creative design header

Following graphic design trends? Well a rather well titled article popped up over the last couple of days the 7 most overused techniques in graphic design. Unfortunately I felt this was a little too short, lacking on design trend examples and missing a few other overused graphic elements and techniques.

Here are the 7:

1. Sun-rays / Rays of Light / Rising Sun
2. Black (or Coloured) Silhouettes
3. Ink Splatter
4. Swirls / Flourishes / Ornaments
5. Flowing Lines
6. Funky Circles
7. Smoke Textures

I think the only one I disagree with is the Ink Splatter – I love what Apple have just done with their latest nano-chromatic ads and I don’t think I have seen any real examples of excessive use of it only as a secondary kind of element and only in collages?

ipod nano 2 20080909 600x295

I tried to find images or designs which encompassed all these 7 – the best I could find was the Basmati Tree (using Black Silhouettes, Ink Splatter, Swirls, Flowing lines and Funky circles) and Phizz below – which are typical of the grunge / collage style which is very popular right now.

example all 600x390

phizz design technology 600x328

Top 7 Recent Examples Gallery

Here are some recent examples and good uses of some of these “overused” techniques:

1. Sun-rays / Rays of Light / Rising Sun

These are predominantly used for creating focal areas and have been overused some what in web design as shown in the following recently designed sites:

rock 150x150 cavallo 150x150 bread 150x150
penny 150x150
edge 150x150 icebrrg 150x150

And here are some nice graphic designs using the ray of light really effectively:

ray1 150x150

Viva Designio! by Mario Belem

ray4 150x150

Communion by Cristiano Siqueira

2. Black (or Coloured) Silhouettes

This for me was number 1 of the top 7 and has been overused for a number of years. For the most part the overuse of this element is in poor quality designs as this technique needs little imagination – yet it can really be used effectively if combined correctly with other elements.

Here are some really nice graphic designs showing examples of the “overused” silhouette technique – but I think you will agree this is something that can be “overused” as I love to see what people can do with it:

sil7 150x150

Made in Japan by João Oliveira

sil6 150x150

Japanese Ritual by David Carvalho

sil3 150x150

Personal Portfolio by Jonathan Yeun

sil2 150x150

Bread and Butter by Justin Maller

sil4 150x150

Honda by I Love Dust

3. Ink Splatter

As I said I don’t think I have seen this overused recently only as secondary elements like in the Basmati Tree site above. Here are some examples of recent designs using ink splatter (which aren’t secondary elements of the design):

ink1 150x150

Photograph by Nadia Wicker

ink2 150x150

e-Toile by e-Toile Graphic

ink3 150x150

Fashion Victim by Jonathan Wong

ink4 150x150

Radio Star by Rikke Jorgensen

4. Swirls / Flourishes / Ornaments

Since calligraphy took off, years ago, swirls and flourishes have been used in design and art. Here is a selection of some recent effective uses of these techniques:

swirl1 150x150

Computer Arts Cover by Tom Lane

swirl2 150x150

Bare Skin by Francesco Mugnai

swirl3 150x150

Life Type by Nik Ainley

swirl4 150x150

Blooming by Myaki Design

5. Flowing Lines

There is no better way of creating a feeling of motion.

flow1 150x150

Traveling w/o Moving by Johannes Plank

flow2 150x150

2008 by Rik Oostenbroek

flow3 150x150

Nike air lab by Peter Jaworowski

flow4 150x150

Audi by Johnny Carr

6. Funky Circles

circles1 150x150
Celubichos by Azul De Corso

circles2 150x150

Carnival by David Carron

circles3 150x150

Portfolio by Manuel A. Panos

circles4 150x150

Camp | Ozone by Emmanuel Prissette

circles5 150x150

7. Smoke Textures

Smoke is very much a secondary element and is used to soften the background and diffuse colours on dark backgrounds and has only really been overused in this style.

Here are some really nice recent examples of smoke textures:

smoke1 150x150

Pixel Criminals by Pixel Criminals

smoke2 150x150

Haunt Me by Tony Ariawan

smoke3 150x150

Communion by Cristiano Siqueira

smoke41 150x150

Abduzeedo – Great Creating Smoke Tutorial

8. Glass tops / Reflective surface for text and images

letsrock stevejobs 600x413

I’m not sure if it was Apple that started this trend off but they certainly made the most of it (and still are) and it is being used everywhere now. The main reason for it popularity is that it is now a simple and quick Photoshop effect and makes something 2D like a logo, image or some text in to something much more 3D. Every tutorial site going has a tutorial that involves reflective surfaces in some guise and it really hasn’t moved on. Here is a good example www.psdtuts.com (its No. 17).

9. Multiple waves / translucent waves effect

This is similar to No.5 Flowing Lines – but I mean design more like the standard Vista desktop, well yes it looked better than XP but, these sort of images have been used on Apple mac desktops for years. It is now one of the most popular ways to jazz up a software interface too. If you want to see a really nice minimalistic version check out the Sony PS3 default animated wallpaper.

waves 150x150 waves2 150x150

10. The * Asterisk *

Wallpaper I believe were the first to really make this element a hit and now it is everywhere. IBM did a good advertising campaign a year or 2 ago but it really should be used as a secondary element to a design (I feel) and not a focal point – but even as a secondary element it has been overused.

ast1

Here are some recent website using the asterisk for their logo.

ast2 150x150 ast3 150x150

12. Notepad writing / Handwritten Notes

I’m not talking about script fonts – I’m talking about actually text that looks like it has been written by hand.

These tie in quite a bit with grunge effect and for websites in particular you see this technique used frequently. It is primarily used to make the site look more personal particularly website that are designed around a collage style. Also it is used to give a more urban feel like graffiti.

hand1 150x150 hand2 150x150 hand3 150x150 hand5 150x150 hand6 150x150

Others graphic trends that didn’t make it…

There are a few more elements / techniques I was going to include – like using stock images of people in hand made superman outfits – every other IT company seems to have used this – even a design agency for their marketing campaign promoting a PDF on how to write a design brief :

superhero 150x150

Also the use of shiny buttons as in Vista is something I have started to see being used right left and centre and not just in software design but web design too. But these are less to do with graphic design which this post is about.

What will be on next years list, in 2009?

Let me know what you think the next trend is going to be? Abduzeedo, who I am interview soon, has a distinct style of glowing / neon photoshop effects and techniques which I certainly think will start to become more popular?

Here are some trends to get you started for 2009

Further reading