Not a member? Why not join us or log in? (No more hassle filling in comments, less obtrusive ads and asides.)

On Tiled Patterns

Posted by Andrew Faulkner on February 28th, 2007.

Andrew Faulkner is the admin at fadtastic. Andrew prides himself on standards-based, accessible web design in the city of Nottingham, UK. He believes in aesthetically pleasing accessible design and that 'standards compliant does not equal boring.'

http://fadtastic.net/

Andrew Faulkner has posted 208 articles.

RSS Feed for fadtastic.net RSS Feed for Andrew Faulkner

Full Profile →

The tiled pattern background is and always has been a staple design technique. My first recollection of the trend was the faithful (but desperately unoriginal) company name slanted and tiled behind the wrapper area. Faceparty was probably the most famous for using this effect. Similar social sites sprang up, overused the fad and it inevitably died out.

Then came the rise of what can only be described as the 70s wallpaper look. The highly detailed, often floral, Damask tiles (scroll for multiple examples) were again often used to decorate the expanse either side of the wrapper on many sites. Personally, I am quite glad that they were not often used in the content areas of (professional) sites or we may all have ended up with eye strain.

So elaborate tiles came and went. I did appreciate the effort that went into these (art?)works, but they just didn’t appeal to my younger minimalistic taste at the time. I’d love to hear how others felt about this particular blend of pattern.

Following in their footsteps (and still the almighty pattern today) came the geometric tiled background. Popularised by the initial ‘a-listers’ in web-standards (Andy Budd and Cameron Moll spring to mind), geometric tiled patterns (and pixel patterns) have become as popular as gradients and drop shadows. So popular in fact that many free patterns are available, from resources such as Squidfingers. This, coupled with many a tutorial on tiled pattern design further escalated the trend. Normally, I’d hate a trend to get overused and stale, but most uses of geometric patterns seen today seem to be subtle and well balanced.

Talking of today, where are patterns at now? End of the road? Certainly not. I’m seeing a growing trend of people using hybrid patterns. Let me explain by use of a couple of examples.

  • Terry over at Kineda has combined a fairly run-of-the-mill pattern with an opacity layer and a fade to black.
  • Third & Grand have used a floral tile and mixed it with a striped ‘fadient.’

Both examples breathe life into patterns. When seeing them for the first time they wowed me. I hope that more of these hybrids appear and innovative uses of patterns become more widespread.

If you care to inform myself and your fellow readers, why not let us know of any clever patterns that you have found. Or state where you think patterns will go next.

Make A Comment

( 9 so far )

blockquote and a tags work here.

9 Responses to On Tiled Patterns

Comments RSS Feed

So you mean that pattern that I just put up the other day on my site was from one trend ago? Rats!! Well, at least I have those thick ~light blue sidebars that seem so popular these days (*mike looks left, right*)…

Mike Papageorge
February 28th, 2007
#

I love SquidFingers!

Chris
March 1st, 2007
#

Thanks Andrew! I wholeheartedly agree that patterns have great potential to spice up a design. It’d be nice to see if designers could push things a bit further and use variations of patterns to structure a site, rather than just as a nice design element.

Terry Ng
March 1st, 2007
#

http://www.torrentfreak.com/
Here’s a recent example of using a background pattern.

Rosano
March 1st, 2007
#

@Mike

Not one trend ago particularly. Geometric patterns still rule almighty in the pattern department. And Thick Blue Sidebars ™ rule. ;)

@Rosano,

TorrentFreak seems to use the famous Damask pattern. Whilst often too elaborate in my view, I think this is subtle enough not to distract from the content. Nice find.

Andrew Faulkner
March 1st, 2007
#

I agree, I think background patterns need to be used sparingly. In my view they only work if they are subtle as they can overpower the main content of a site. Nice article…

Matt Davies
March 1st, 2007
#

I love the damask tiles (never knew the name though). Kineda is an excellent example of paatern done right. It’s subtle, fades out, and adss a layer of sophistication.

Christopher Scott
March 3rd, 2007
#

(never knew the name though)

Happy to help. ;)

Andrew Faulkner
March 3rd, 2007
#

Jamie Oliver has an interesting pattern on his site - www.jamieoliver.com

Muzz
March 6th, 2007
#

↑ Jump up to the comment form

Related In Some Way, Shape Or Form

The above post has obviously kept you amused. Why not discover similar material:

The posts Swirling in Style (and ‘elements’ in design)Big Players (not) Using TrendsAjax - User Interface Libraries and Design PatternsCall For TrendWatch Feedback/Beta TestersTrends Past and Present, are related to this post.

Or why not take time out to find out about the author of the post.