On Tiled Patterns
Posted by Andrew Faulkner on February 28th, 2007.
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 )
9 Responses to On Tiled Patterns
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*)…
I love SquidFingers!
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.
http://www.torrentfreak.com/
Here’s a recent example of using a background pattern.
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…
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.
Jamie Oliver has an interesting pattern on his site - www.jamieoliver.com
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 Trends, Ajax - User Interface Libraries and Design Patterns, Call For TrendWatch Feedback/Beta Testers, Trends Past and Present, are related to this post.
Or why not take time out to find out about the author of the post.



