The difference between UI and UX: a practical example
Today there will be a guest post on the topic of UX and UI interfaces on the example of working with the Icons8 service. The author is a usability specialist…

Continue reading →

10 trends and trends logos
Last year's post about trends in logos 2017 was well received by readers, so we decided to continue this “tradition” and consider the main trends in logo design 2018. Despite…

Continue reading →

Top 10: a selection of sites with a parallax effect
Especially for those who still do not know what it is, we will briefly describe this effect, which has already begun to gain momentum intensively and is becoming increasingly popular…

Continue reading →

Web design illustrations are the best examples of use.

If you carefully study any selection of website designs on a particular topic, you will see one trend – illustrations are now in vogue. They are so widespread that we just have to talk about this phenomenon in detail! For writing to become an inspiration was scooped from a note. I hope you will be interested to read.

The interface should not be useless and meaningless elements. Even a decorative element, if it is in its place, must perform a specific function. Generally speaking, the illustration can play the role of both a decorative element (the task of which is to decorate and diversify the design), and informative (presents some information in a convenient and easy to read form). Ideally, it performs both functions at once.

On the sites of the portfolio of illustrators you can find a lot of interesting high-quality graphics, but how best to use it in web design? – today we will just talk about it, having considered typical examples.

THEMATIC IMAGES
Thematic illustrations create or enhance a certain atmosphere. The plot of such a picture is usually closely related to the theme of the site. Consider a few examples:

Get my boss to North Cape

Illustrations in web design

The illustration develops the basic idea and Get my boss to North Cape. She not only decorates, but also carries a functional-semantic load, emphasizing what the project is actually dedicated to – the boss argued with the subordinate that if they gain 5000 likes, they will have to go a long way.

Launch kit

Illustrations in web design

In the case of the Launch Kit website, the background illustration serves only a decoration, but the decoration is relevant and blends in well with the overall concept of the site. It is not necessary to draw a large, specific illustration that fully reflects the concept of the site, you can only slightly enhance its overall message as done here.

Atelier anonyme design

Illustrations in web design

When designing the homepage, the designers of the Atelier Anonyme Design website decided to completely rely on the illustration, which in fact is the background at the same time a strong expressive tool. This site was created for web studios, so we can say that the illustration performs not only the role of decoration, but also in a sense reflects the mood, the spirit of this agency, eliminating “inappropriate” clients.

ILLUSTRATION WITH CHARACTERS
Another phenomenon that has become widespread today is an illustration with a character. To implement this idea, the designer needs to come up with a special illustrated character (or characters). Often this is a fictional character with whom the visitor must subsequently associate the site. Consider examples.

inkFinder

Illustrations in web design

It is obvious that the character “octopus” plays a significant role on inkFinder, thanks to which the design of the site is better remembered and generally more recognizable. The beauty of the approach with the character is that you can come up with anyone and realize the same image in your own way, making it unique.

The evnt

Illustrations in web design

The Evnt meets us with another “octopus-like character.” In this case, its implementation is very far from reality – it is a kind of brain imprisoned in a “suit” on three legs. Undoubtedly, this is also a memorable element of the project, which creates a wonderful association with a specific event, to which a web page is devoted. Look, because this example is generally quite good design for the site, but how much it will change if you remove the character!

Big eye creative

Illustrations in web design

In this case, the character is not as aggressive as in the previous design. His role is secondary, essentially one-eyed creature – part of the logo, however, it creates the mood and allows you to make a visual review of the project memorable.

Illustrated Ornaments
This type of illustration in web design is decorative. This is just a decoration, decoration, nothing more. Basically. and this option has the right to exist – beautiful sites are also remembered as projects with “ideological” illustrations. A few examples:

1000 WP Themes

Paid Bitrix VS Free Joomla
The leaders of the company, which plans to start work on the Internet, always have to make a difficult decision: to build a website on a paid and proven content…

...

Tips for using images on websites and blogs
Of course, the image is the epicenter of any web site, because people are by nature visual. When creating a website or blog, we pay special attention to content, design…

...

10 best online tools for working with colors
On the Internet there are a huge number of services to work with color and create your own color schemes. Many of them are similar to each other, some are…

...

Creating a web page design: what to consider
This article was written by Patrick Cox simply as a reason to reflect. Of course, one cannot agree with everything, but such an opinion is quite common among web developers.…

...