Oct 9, 2013
Brilliant Uses of Texture in Website Design And Some Resources
Yes, it’s true that flat design is taking over the world one long shadow icon at a time, but there’s still hope for all you texture lovers. The use of flat shapes and color is all the rave and while it is simple, clean and now in iOS7, it’s safe to say for all it gains, it can also lack emotion. With all that’s been stripped away, it’s good to bring some texture back if the user experience would benefit from it.
The use of texture in a website can contribute to the experience of a site by adding warmth, personality and feeling. You can achieve a really memorable result knowing how to design with texture in your layouts. Texture can be accomplished through typography, background patterns, hand- drawn illustrations, photographs and UI/UX elements. Sometimes using only a small textured detail or element is all you need.
When used tastefully, texture can create a beautiful, expressive online experiences. When over-done, it can result to a hot, outdated mess.
Here are 14 sites that got it right:
Maptia
https://www.maptia.com/-
Old Town Spice
https://www.oldtownspiceshop.com/ -
The Kettle
http://www.thekettle.net -
Free People
http://www.freepeople.com -
Uinta Brewing
http://www.uintabrewing.com/ -
Ready to Inspire
http://2013.inspireconf.com/ -
Artifact Coffee
http://artifactcoffee.com/ -
The Farmer & The Chef
http://www.thefarmerandthechef.com/ Leaders
http://www.leaderstheconference.com/-
Jarritos
http://www.jarritos.com/ -
Bel 50
http://www.bel50.com -
Green Mustache
http://www.getgreenmustache.com -
Potbelly
http://www.potbelly.com
Resources
For those of you that aren’t interested in creating your own textures, I’ve scoured the internet for texture packs and resources, just for you. Thankfully there are still furious texture-making people out there (you know who you are), staying up real late, scanning in leaves, donkey tails, stalking trash remnants and painstakingly layering who knows what in Photoshop to make textures we can use. Here are some great resources and freebies to use on your next project:
-
Texture Palace
http://www.texturepalace.com -
Subtle Patterns
http://subtlepatterns.com -
Texture King
http://www.textureking.com -
Good Textures
http://www.goodtextures.com/ -
PSDTuts
http://psd.tutsplus.com/category/freebies/texture -
Adobe Paper Textures
https://www.adobeexchange.com/store/products/264#.Uj-YyGRgZ91Add textures to images with this great new Panel for Adobe Photoshop. Included with this panel is a wonderful sampler set of textures from Fly Paper Textures. You can also add your own custom images to the panel.
-
Texture Vault
http://www.texturevault.net -
Pinterest
http://www.pinterest.com/carolynnrey/free-textures -
Design Shard
http://www.designshard.com/category/freebies