- Polygonal art in web design
Polygonal Art , along with Metro style, began to haunt the minds of designers last year. While the style of Windows 8 immediately appeared in web design, Poly carefully settled in the printing industry, representing both the various illustrations that were used for posters, wallpapers, design for T-shirts, and skins for mobile phones, etc. And only after some time, designers began to use it in website design.
Today, Polygonal art often looks like a stylization for logos, backgrounds and illustrations, which usually serve as decorations, and not as an eye-catching element. But it is here that he shows himself in all its glory. He turns a familiar picture into something extraordinary, with a bunch of sharp corners and flat figures that form bulging areas. The latter is obtained by a clear contrast between adjacent areas, which usually differ from each other only in shades of the same color. The technique of creating such an effect is supposed to consistently fill the entire space with smooth figures, triangles and rectangles, step by step creating areas of different heights, since some elements must be concave, flat and others convex.
')
It is reasonable to assume that the "polygonal" style came to us from cubism
As for the site design, the Poly works fine on the basis of various textures, especially those that include paper, cardboard and a noisy background. In these cases, it usually complements the design, adding as a result a slight sense of dimension.
In the collection below you will find more than 20 amazing examples of using Polygonal Art in website design.
Examples of Landmark Art:
Dare with us 2013 ─ great work on the reconstruction of the world map, due to the use of heaps of acute-angled geometric shapes and various shades of 3 primary colors: blue for the ocean, green and brown for the earth.
Sanissimo ─ meets its users with an amazingly realistic 3D illustration, full of paper elements and polygonal art.
Made by Vadim ─ was one of the first websites in which this technique was implemented. If you look closely, you will notice that not only the image of the artist, created with the help of light and dark smooth shapes, but also the background, is also made in this style.
Mokhtar SAGHAFI ─ breaks the shape of the traditional background by creating sharp convex illustrations that occupy the entire left corner
Yosoygil ─ attracts users with a vibrantly resonant background header that goes well with simple white icons and simple typography.
Send me to SouthPole ─ Transmits sensations of the South Pole through a three-dimensional illustration with sharp and rough elements that are made in cold colors.
Welcome to Junkyard! Shouting to you, a vivid illustration that has a massive polygonal footer.
BeoPlay A3 has a truly fascinating background, which consists of individual triangles, made in blue tones. Light spots recreate feelings of concavity, while dark areas are responsible for protrusions.
Filidor Weise ─ Designed in a cosmic style, ─ a translucent dark mess of polygons that can be interpreted as an explosion.
Android Analyze ─ charms with its exceptional slide background, which includes the original green gradient, which conveys a consistent color transition using smooth shapes.
Skyboat is a wonderful portfolio with a focus on the atmosphere. “Pixel-like” background in combination with a little color animation, the transition looks quite nice and difficult.
Pinpoint Design has a subtle polygonal background, which causes a general embossing effect.
Equilibrium ─ is based on dark illustrations that are filled with polygons, as well as a grunge style that perfectly complements the gilded name of the site.
Landing Page Design . With white as the primary color, the design gets a sense of purity and transparency of the portfolio, using only one polygonal image of the iceberg.
HushFlow is another example of a space-themed web design that recreates the atmosphere by combining squares and triangles.
In Letters, Inc. contact form in the form of a multifaceted heart.
Aires and Cintra Arquitetura ─ personifies polygonal art, which is reflected both in the header and in the graphical representation of menu items
Healthshare design consists of a set of flat triangles. The most obvious and vivid example of the implementation of polygonal art can be seen in the logo, background and footer.
Chillipear decorates its footer with a polygonal ornament, which is made in the same color palette as the entire site design.
MostWanted Wild Digital Agency encrusts its main page with a small dark polygonal ornament that contains a slider. Among other things, the logo is made in the same style.
GoodTwin has a slider of 3 amazing slides, each of which depicts scenes from different dimensions. Which consist of polygonal graphics.
Vagrant fascinates users with a bunch of squares that harmoniously form a logo, and randomly scattered decorative garbage on the background image.
Agencja Reklamowa attracts users with its bright background, a slider with deep transitions between different gradients that have shaped geometric shapes.
Carbon has a logo and a floating sidebar on the left side, made in a polygonal style. A block of triangles serves as an indicator, changing its color depending on the current section.
Vaux Collective has a stunning spherical logo, the volume of which is achieved with the help of a gradient that goes from light to dark, and which of course has sharp convex areas.
Conclusion
No doubt Polygonal Art is one of the most interesting, modern and ambitious trends. Although it can be really laborious, in the end it is capable of producing remarkable results. The main advantage of using is undoubtedly: the possibility of adding depth to the site and bringing dynamics to the design using static images.
Source: https://habr.com/ru/post/168745/
All Articles