Shiny Stuff

1st edition — by Patrick McNeil — Feb. 24, 2006

Editions:

1 2 3 4 5 6

The Design Element

The human race is a simple bunch. We all love shiny stuff. In fact we seem down right obsessed with it. There is a universal appeal to things that shimmer and shine. The iPod is a fine example, no one complains that this gleaming work of art gets scratched and marred nearly instantly. It isn't practical in the real world, but on the web, things never loose their shine.

I don't know if Apple started it or not, but I have no doubt they brought it to the mainstream with their gel tabs and gel buttons. Recently the web has just gone ape making everything shimmer and shine. And why not? As common and over used as it is, I still love it. I suppose we could take a poll on this, but I am still enticed by sites that use this element well. Something about it is just appealing, like a shiny new car. Really, have you ever seen a tastier percent sign? I didn't think so.

This shiny gelacious goodness makes things feel so fresh and new, even when they aren't. Reflections can give depth and life to an other wise flat design. Pages come to life and occupy more of a physical space.

So, how do you use such elements effectively and not just for shininess sake? What sets the good samples apart from the bad? Well it seems rather simple to me.

For starters all of these samples have the whole package. They made the reflective logo, or gel like objects fit into the overall site. Just making your logo reflect doesn't ensure success. You can find evidence of this in the oodles of blogs that have tried this exact technique. Sure it adds a bit of interest, but it won't be successful until you have unity in the whole design.

Well, I thought I had a for seconds, but that pretty much summed it up. Don't be a slacker and slap that glossy effect on something random. Think it through and make the whole package work together, this isn't high concept stuff here, so it really comes down to how you execute it.

Who would have thought I had so much to say about all this glossy goodness. Enjoy the links!

divider

Sample Usage

divider

Comments

P.J. Onori

2/24/2006 3:21:07 PM

I am most likely going to be in the minority on this subject, but I see the gradient as not much more than design wind-drag. I feel we'll look back at the gradient in 5 or 6 years and say, "That's so 2005".

Do we really want to add style to an identity that doesn't directly aid in the branding? This is more of a question than anything. Does it add or detract to the communication of the design? If Apple did in fact bring the gradient into the limelight, are we going to subconciously think of Apple whenever we see this style?

Just my humble thoughts.

Jonno

2/25/2006 12:25:21 PM

I agree with what P.J. Onori says. I think this style has been completely overdone in recent times. It can be used effectively but I feel there are very few examples around that don't feel like another rehash, even if the site design is unified to the glossy/shiny look.

This is the first page on this site where I felt uninspired by the examples shown.

Just my personal opinion...

Jason W.

2/25/2006 1:54:47 PM

But at the same time this site is about trends and this an overused style right now so it seems appropriate.

Make a Comment:

All fields are required & all posts are hand moderated.



(not displayed publicly)



Captcha