Licenses on photo stocks: not prohibited does not mean allowed
In the comments to the blog article about the best free photo stocks, you can find a few questions regarding copyright for photographs and images. An employee of one of…

Continue reading →

Where and how does a designer make money on the Internet
At present, it is not so easy to find a suitable and well-paid job, even for a knowledgeable, versed person. The crisis and all other nonsense oppresses, some unemployment in…

Continue reading →

Effective split-screen design methods
One of the most noticeable trends in website design for 2017 is the split of the screen into two parts. More and more web projects are using a similar layout…

Continue reading →

Using textures in web design

What is the simplest, correct, and sometimes the only possible way to create an illusion of the relief of a particular element (object) in web design (as well as in 2D as a whole, and naturally 3D)? That’s right – use the texture! Being a “material” universal, textures are widely used in web design and is the subject of endless experiments. Textures on sites can be found both simple, which only emphasizes certain elements of the project, and much more complex implementations. Inspired by this publication, I propose to consider several options for using textures:

Fine texture use
If you want to diversify a simple monophonic or gradient background, add a “light” texture that will not catch the eye and contrast sharply, but at the same time, it will complicate and ennoble the background. It will also allow you to highlight some or other objects, attracting the attention of the user.

An example of using texture in this vein is the LogoGalas website. The site uses different variations of blue, both for the background and for the fonts, on top there is a dark strip of background with a menu and search, the rest of the page is lighter.

small texture
Pay attention to the barely distinguishable texture at the top of the site (where the logo and top navigation are located). A great example of skillful work with textures! This helps make the transition between background shades more visible and “interesting.”

Another example is the W + K Studio website. Here, the texture is used along with the gradient effect for the background.

background texture
And in this case, the “light” and very simple texture adds depth and “richness” to this very gradient background.

Texture as brute force
In contrast to the “delicate” delicate textures that unobtrusively add detail, sometimes bright contrasting textures work that set the basic tone and mood of the composition. Most often, similar textures in web design are used to highlight headings or add contrast between different columns of content on a site. You need to be quite careful about the “heavy” textures, as they can distract the user from filling the page and lure all the attention to themselves, which is not good.

A vivid example of the second use case for textures is the Church on the Rock website, where “strong” textures are used quite widely.

many textures in design
In fact, the entire design (especially in its upper part) of Church on the Rock is “mixed up” with contrasting textures and their interaction: separate areas of the site are highlighted with different textures, when scrolling down, the usual monochrome background is used.

No less indicative is the design of the Narfstuff website, where the background texture is the brightest spot. At the top in the header of the site, many different elements and techniques of web design were used, while textures highlight individual areas of the page.

texture on the site
During normal or endless scrolling down, the texture turns to white through smooth blur – a good technique for changing a saturated heading to a completely “minimalistic continuation” at the bottom of a web page.

In general, if we talk about the texture in web design, then this is a very interesting and useful element, with its help you can achieve very remarkable results. Personally, I really like to add various kinds of textures for blogs, as this helps the template to look more capacious, effective and highlights the main content of the site. By the way, I advise you to look at an article about original background generators (background) – you will find a couple of useful online services with which you can create beautiful textures for the background of a web page. Generally using textures, you can achieve very different results. Ultimately, everything is determined by the goal that you are pursuing, and there will always be a suitable texture!

P.S. On the Blogger Cheat sheet site you can find an article on how to set the background for the site on html and many other publications about design and layout to help novice users.
Have you purchased a new fashionable and expensive device? Immediately we advise you to buy a case for ipad 2 or your other tablet, which literally helps to continue its life.
Was the washing machine broken? – It is better to order professional repair of washing machines from those who understand this so as not to get new breakdowns in the near future.

Interesting visual design trends 2020
At the end of the year, 2 types of notes often appear on blogs - either the results of the previous one, or forecasts for the next. That is why…


Typography for web.
There are many books and articles on typography, but only a few of them reveal issues of choice and combination of fonts. In view of the opening opportunities and prospects…


Stages of development of a web designer and reaction to criticism at work
Just as a singer cannot exist without listeners, so a designer cannot exist without a spectator. And this viewer, of course, has the right to his opinion on the evaluation…


Using textures in web design
What is the simplest, correct, and sometimes the only possible way to create an illusion of the relief of a particular element (object) in web design (as well as in…