Improving the registration form on the site (4 useful tips)
On the Internet, the registration procedure occurs to us as often as the authorization form on the sites. You have to do the following: in all kinds of web services…

Continue reading →

Difference between UI and UX: definition of terms
Many designers (among which there are not only beginners) use the phrase “UI / UX design” in their resumes. This combination of terms UI and UX is not entirely true.…

Continue reading →

Minimalistic design of taxis - 7 advantages and main features of the style
If you want to create a website, the main rule to follow is not to overdo it. The so-called minimalistic design has been helping this web designers for years. He…

Continue reading →

Using textures in web design

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

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. Also, it will allow a little to highlight certain objects, attracting the user’s attention to them.

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

Pay attention to the barely distinguishable texture in the upper part of the site (where the logo and top navigation is located). A great example of skillful work with textures! This helps to make the transition between hues of the background more noticeable and “interesting.”

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

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

In contrast to the “subtle” delicate textures, which unobtrusively add detail, bright contrasting textures sometimes work well, setting 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, since they can distract the user from filling the page and entice all the attention that is not good.

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

In fact, the entire design (especially in its upper part) Church on the Rock is “mixed up” on contrasting textures and their interaction: individual areas of the site are distinguished by different textures, while scrolling downwards use a plain monochrome background.

No less significant is the design of the site Narfstuff, where the background texture is the brightest spot. Above the header of the site used a lot of different elements and techniques of web design, the texture while emit separate areas of the page.

With a normal or infinite scrolling down, the texture through a smooth blur goes to white – a good way to change the rich header to a completely “minimalist continuation” at the bottom of the web page.

In general, if we talk about texture in web design, 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 look more capacious, impressive and highlights the main content of the site. By the way, I advise you to look at the article about the 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. In general, using textures you can achieve very different results. Ultimately, everything is determined by the goal you are pursuing, and there is always 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 to html and many other design publications, layout to help novice users.
Got a new trendy and expensive device? Immediately we advise you to buy a case for ipad 2 or another tablet of yours, which will literally help to continue its useful life.
Was the washing machine broken? – It is better to order a professional repair of washing machines from those who understand this in order not to get new breakdowns in the near future.

Creating a furniture site design: tips, real-life examples and common mistakes
Immediately after the publication of the post with the best examples of furniture sites, an interesting English-language note of a similar subject caught our eye. It contains a selection of…


Why cancel buttons should be colorless
What exactly does the Cancel button do? It returns the user to the previous screen. For users, Cancel is a means of protecting against unwanted changes in the system. To…


Endless page scrolling: helps or hurts?
When it comes to online marketing or web design, it is extremely important to be the initiator of successful ideas and to form trends in your own field. Today we…


Trends and trends in web site design 2017
It was originally planned to place a translation of an English-language article on web design trends in 2017, but after studying various sources, we decided to slightly change the concept…