Today there is a new favorite shape in the Design – the polygon. These “polyforms” appear on websites, posters and printed projects. And one of the best parts of this versatile trend is that each of these models is so different.
Polygons are shapes defined in elementary geometry as a “plane figure” bounded by a finite chain of straight line segments in a loop to form a closed polygonal chain.”Shapes can have any number of sides or alignments, be filled or hollow, and have overlapping paths and strokes. Polygons are usually flat, two-dimensional shapes, although in website projects some polygons enliven movement and seem to have more 3D properties.
Polygons are a fun technique for new projects or can give new life to a Design that feels a little stale. Here are some projects with Poly Shapes to help you start your next Brainstorming session.
Creating a bold poly shapes background can be a great design tool if you’re stuck with dull visuals. Shape can add an instant Wow factor to the Design with interesting stacks and alignments. And they work alone or in association with images and text.
The above two examples show polyforms in different formats, but with the same result-a visually fascinating outline. Shapes can help add depth, provide the notion of movement and even guidance to users.
As a bonus, for designers, polygons are not difficult to create and can be integrated into any style and almost any color palette or typography. (One of the most popular options is to add subtle gradients to the polyforms to remove some of the hard, flat 2D edge.) The style also works with many different design concepts – Poly shapes can be integrated into more minimal contours or fit perfectly with more lively and bolder designs.
Make interesting symbols or Divots
Use Poly shapes for a new twists on UI elements, such as icons or Navigation Divots. There are no rules for the size of polygons in the design and even the super small connectors can make a simple element fun. The combination of shapes and lines can also lead to interesting combinations of depth and color that attract the eye.
Chop Chop Agency uses a yellow composite polygon to create an arrow that guides the user directly to the main navigation system. (Also, the animation of loading all the pieces that come into place is quite neat.) The bright yellow icon in the minimalist design scheme attracts attention and adds a simple visual element without overloading the screen. As a bonus, individual polygons move to other shapes as they move around the site.
Polygons are interesting and familiar to users. Forms of connection are something that most people visually identify and understand at a glance, regardless of size. Using polyforms for small UI elements is a simple way to do something other than the standard circle or square with the same overall effect and get the same result.
Show Users something
Poly shapes can be a great tool for explaining how something works. Because of the roots of mathematics and geometry, polygons can be used to provide additional mapping, instructions, and information so that users can understand something. In design projects, it often looks like poly-contours on top of another image.
Ditto and Choudhary Lab use polyforms in this way, although the uses are somewhat different. Ditto uses polyforms in a very literal way to show how Your glasses measuring tool works. Polyforms communicate how measurements and face shape recognition tools work. Choudhary uses Poly Shapes to communicate more of what the company does and shows that it is a scientific website with animated symbols in the shape of poly.
The common point is that both examples use Polyformed outlines to better explain the content to users. Both examples use some level of Animation to support this understanding. Animated effects are a nice feature that seems to bring overlays to life and contribute to the overall user experience.
Pair With Color
Poly shapes are a natural fit if you want to create a high color Design. From an overall bright color scheme to the accents that appear, polygons and colors seem to fit perfectly.
And the possibilities of combining colors are quite endless. Try some of these Ideas:
- Rainbow Color Palette Polygons
- Black or white polyforms on a light background, e.g. cream fields, top
- Polygons with Gradients
- Polygons like colorful accent, such as English and French, above
- Polyforms with Fillings or Contours
Create an Accent
Some of the best applications of polyforms may be the smallest. Although some of the above examples use polyforms for symbols or UI elements, they can be effective for even the smallest accents. Consider a poly-based shape for a tiny Logo treatment to highlight your name on a wallet site, or go with a Poly accent to draw users into a Design.
The above examples show both matter of polyform accents. Large or small, the concept attracts attention. What’s even better is a use that you can add to an existing Design without a complete overhaul. The simple design technique can give a modern feel to an aesthetic pattern that feels stale and add a touch of trend without much effort or time.
Polyforms are a fun trend that can be used quite easily in a variety of design projects. They work for a number of applications, from The pure visual element to the information or direction tool.
In addition, polygons are an element that almost everyone understands. Shapes are some of the most basic building blocks in design. Polyforms add additional visual interest, as they are the rectangles and circles commonly used in most design projects. Polygons are open concept shapes that allow you to have a lot of fun. (I’m a big fan of this technique right now, so if you have a Poly project, please share me a link on Twitter.)