Design Trend Showcase: Textured Backgrounds

Recently there appears to have been a trend towards textured backgrounds in web design. They’ve always been around in web design but have risen in popularity recently. They can add a bit of interest or create a much needed extra layer of depth on a web design. The following are good examples of textured backgrounds.

Rocket Club

rocketClub

Bright Creative

brightCreative

Design Commission

designcommission

Happy Dangy Diggy

happydangydiggy

Elliot Jay Stocks

elliotJayStocks

Simone Maranzana

simonemaranzana

Dojo Design Studio

dojo

Jeff Sarmiento

jeffsarmiento

Super Kix

superkix

TheManInTheSea

themaninthesea

Crush + Lovely

crushlovely

Toby Powell

toby-powell

Cube Club Chemnitz

cubeclub-chemnitz

tweetCC

tweetCC

Sinetics

sinetics

Sushi & Robots

sushiandrobots

Author Tom Kenny

I'm the creater of Inspect Element and currently work as a web designer for TUI Travel. You can view my portfolio and follow me on Twitter.

Discussion

  1. That’s right, textured background for web design always be a good solution nowadays, so it will become easier when we want to change some taste if we feel bored with the site old background.

  2. Jerry says:

    Nice article, Tom. However, I’m not sure that I would put all these sites under the “texture” umbrella. Like Simone’s site, for example. I’m a web dev who has been running my own design biz for almost a year now, and all the research I’ve done separates out textures & patterns. I guess the difference for me has been repeating (patterns) vs. non-repeating (texture). But what do I know?

  3. Tom Kenny says:

    There’s no reason why textures can’t be repeating.

  4. Cool showcase, but I’ve never been a fan of, nor have I utilized a textured background with four distinct edges.

    If I have to use a textured background, I typically fade it from top to bottom, opaque to transparent. It’s easy using a PNG (alpha channel), but if its texture is more complex than simple, I’ll use a JPG.

    Thanks for the showcase.

Become Part of the Discussion

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.