Menu Search
Jump to the content X X
Smashing Conf San Francisco

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf San Francisco, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Textures’.

We are pleased to present below all posts tagged with ‘Textures’.

The Whys And The Hows Of Textures In Web Design

Texture is becoming integral to design. It’s gone beyond being a trend — it’s now a simple and effective way to add depth to a website. Wielding the power of texture is a great responsibility. It increases the effectiveness of websites and is a quality tool in the arsenal of designers. It can guide the user’s eye and emphasize the importance of key elements. [Content Care Nov/30/2016]

The header from Poco People demonstrates use of a textured brand on a clean background.

However, texture has long been synonymous with “dirty” or “grungy” design. Its overuse can be seen throughout the world of music group websites and has left a bad taste in the mouths of designers. Due to its frequent misuse, its benefits have long been overlooked. Texture can bring a website together, but should not be the main focus.

Read more...

Showcase Of Beautiful Textured Web Designs

Textures have become more popular and been put to greater use in recent years. They're not limited to Web design either; textures of all kinds are used in print design, illustration, traditional art, TV commercials... you name it! Texture is one of the best ways to add depth to your design, whether it's subtle noise on a clean vector illustration or a lot of grunginess throughout a layout.

THS

Over the last weeks we collected numerous examples of beautiful textured Web designs to inspire you, followed by a small collection of links to help you get started in using textures in your own designs.

Read more...

100 Beautiful Free Textures

Use of texture in Web design is extremely common. Part of the reason textures are so useful to designers is the relative ease of the integrating one into a design if a high-quality textured image already exists, not to mention the endless possibilities. Fortunately, plenty of photographers and designers are willing to share their work with the rest of us so that we can use them in a number of different ways.

Modern Texture

In this post, we'll look at 100 different textures in a wide variety of different categories. Of course, each image is linked to the source where it can be downloaded. As with any type of freebie, be sure to read the terms and conditions or stipulations by the owner before using it in your work.

For more on textures see:

Read more...

Textures In Modern Web Design

If you look around at well-designed websites in CSS galleries or any other source of design inspiration, you'll see that texture is extremely common in modern Web design. One of the reasons it's so popular is because of its versatility. Textures can be used in countless different ways and in a wide variety of design styles. As you look around, you'll see how textures can be used in so many different ways by Web designers. [Content Care Nov/30/2016]

Jobs on the Wall

Textures in Web design can be very subtle, so that the visitor hardly notices, or they can be a focal point of the design. In some cases, textures are used to emphasize certain parts of the design. Because of the versatility of textures, they can be used in combination with many other design elements, such as typography, lighting and colors.

When examining exemplary Web designs that employ textures, you'll notice that textures are used in background images, headers, footers, sidebars, content areas and even fonts. Although texture is sometimes associated with a grunge style of design, its reach extends far beyond just grungy websites. Texture adds dimension to virtually any style of design, if applied properly. In this post, we'll look at 50 examples of websites that use textures in different ways.

Read more...

Textures and Patterns Design Showcase

Textures and patterns are used more often than one may think. The reason why we don't see them is because they usually remain in the background, supporting the overall design, replacing a standard background color and creating a more inviting atmosphere. But they almost never stand out. Used primarily for background images, they need to fit to the overall design making the content easier to perceive. In fact, wood textures seem to have become so popular that designers suggest that wood is the new glossy style and wood is the new white.

Well, we don't think that wood is a new revolutionary trend — after all, it was used and explored for years. However, since wood isn't used everywhere — in correct and wrong contexts — experimenting with it makes perfectly sense. Still, there are a number of options beyond wood: e.g. fabric patterns, tiles, ground, stone, walls, bricks, stiches, cardboard, ceramics, decay, rust, old tapes, illustrations, plastic and glass.

Texture Background Screenshot

In this post we present a showcase of sites using textures and patterns— we want to focus designer's attention on design options available beyond wood. Reason: we strongly believe that vibrant, realistic background images are becoming a new trend. If it sounds familiar to you, you are absolutely right: we've seen the same trend 8-10 years ago. The sources for the background images are usually either photos (e.g. you can download free textures in the Smashing Texture Library) or illustrations created with Photoshop, Illustration etc.

You may want to take a look at the related articles:

Read more...

Grunge Style In Web Design

Most design trends come unexpectedly, evolve over time, become pointless and finally disappear from the design landscape. This holds particularly for web design, which is — just as every other creative field — prone for over-hyping and over-usage of trends. Being used excessively (sometimes properly, but mostly without any reasonable purpose), trends lose their ability to communicate information, express something unique or innovative and consequently lose their visual appeal. [Content Care Nov/03/2016]

Web 2.0 style is an excellent example for this evolution in design. In 2007 we've observed a clear example of design abuse, as glossy buttons, colorful reflections, 3D-effects, rounded corners and xx-large font sizes could be found almost everywhere. However, currently we've been observing a new step in this evolution. Web 2.0 elements start to disappear; they become more subtle, more user-centric, more content-oriented and less loud.

Texture Screenshot

Below we've collected everything you would ever need for a perfect design in a grunge style — design examples, free fonts, icons, textures, brushes and even few tutorials.

Read more...
1

↑ Back to top