De nos jours, le design présente une nouvelle forme de prédilection: le polygone. Ces affectueusement appelé? Formes poly? apparaissent sur des sites Web, des affiches et des projets imprimés. Et l'un des avantages de cette tendance polyvalente est que chacune de ces conceptions est si différente.
Les polygones sont des formes définies en géométrie élémentaire comme une "figure plane délimitée par une chaîne finie de segments de ligne droite dans une boucle pour former une chaîne polygonale fermée". Les formes peuvent avoir un nombre quelconque de côtés ou d’orientation, peuvent être remplies ou creuses et peuvent comporter des tracés et des traits qui se croisent. Les polygones sont généralement des formes bidimensionnelles plates, bien que, dans les projets de site Web, certains polygones se déplacent et semblent avoir davantage de caractéristiques 3D.
Les polygones sont une technique amusante pour de nouveaux projets ou peuvent donner une nouvelle vie à une conception qui se sent un peu fade. Voici quelques projets de formes poly pour vous aider à démarrer votre prochaine session de brainstorming.
Créer un fond gras
Les formes poly peuvent être un excellent outil de conception lorsque vous êtes coincé avec des images ternes. La forme peut ajouter un facteur wow instantané à la conception avec des piles et des orientations intéressantes. Et ils travaillent seuls ou associés à des images et du texte.
Les deux exemples ci-dessus montrent des formes poly dans différents formats, mais avec le même résultat: un contour visuellement intriguant. Les formes peuvent aider à ajouter de la profondeur, à donner la notion de mouvement et même des indications directionnelles aux utilisateurs.
En prime pour les concepteurs, les polygones ne sont pas difficiles à créer et peuvent être intégrés à n’importe quel style et à n’importe quelle palette de couleurs ou de typographie. (L’une des options les plus populaires consiste à ajouter des dégradés subtils aux formes en poly afin d’enlever un bord 2D plat et dur.) Le style fonctionne également avec de nombreux concepts de design différents. esquisse ou s’adapte parfaitement aux designs occupés et plus robustes.
Faire des icônes ou des divots intéressants
Utilisez des formes poly pour une nouvelle torsion sur des éléments de l'interface utilisateur, tels que des icônes ou des divots de navigation. Il n'y a pas de règle concernant la taille des polygones dans la conception et même de très petites pièces de connexion peuvent constituer un élément simple amusant. La connexion de formes et de lignes peut également donner lieu à des combinaisons de couleurs et de profondeurs intéressantes qui aident à attirer le regard.
Chop Chop Agency utilise un polygone jaune reconstitué pour créer une flèche qui dirige les utilisateurs directement vers la navigation principale. (De plus, l'animation de chargement de toutes les pièces apparaissant est assez soignée.) L'icône jaune vif du schéma de conception minimal attire l'attention et ajoute un élément visuel simple sans encombrer l'écran. De plus, les polygones individuels se transforment en d'autres formes à mesure que vous vous déplacez sur le site Web.
Les polygones sont à la fois intéressants et familiers pour les utilisateurs. Les formes de connexion sont quelque chose que la plupart des gens identifient visuellement et comprennent d'un coup d'œil, quelle que soit leur taille. Utiliser des formes poly pour de petits éléments d'interface utilisateur est un moyen simple de faire quelque chose d'un peu différent du cercle ou du carré standard avec le même effet global et aboutissant au même résultat.
Montrer quelque chose aux utilisateurs
Les formes poly peuvent être un excellent outil pour expliquer comment quelque chose fonctionne. En raison de leurs racines en mathématiques et en géométrie, les polygones peuvent être utilisés pour aider à fournir une cartographie, des instructions et des informations supplémentaires pour aider les utilisateurs à comprendre quelque chose. Dans les projets de conception, cela ressemble souvent à des contours poly en plus d'une autre image.
Ditto et Choudhary Lab utilisent tous deux des formes poly, même si les utilisations sont quelque peu différentes. Idem utilise les formes poly de manière très littérale pour montrer le fonctionnement de leur outil de mesure de lunettes. Les poly formes communiquent comment les mesures et les outils de reconnaissance de forme de visage fonctionnent. Choudhary utilise des formes poly pour communiquer davantage sur ce que fait la société, ce qui montre qu’il s’agit d’un site Web à vocation scientifique utilisant des icônes animées et en forme de poly.
Le point commun est que les deux exemples utilisent des contours en poly forme pour aider à mieux expliquer le contenu aux utilisateurs. Les deux exemples utilisent également un certain degré d'animation pour aider à cette compréhension. Les effets animés sont des effets difficiles qui donnent apparemment vie aux superpositions et contribuent à l'expérience globale de l'utilisateur.
Paire avec couleur
Les formes en poly sont un ajustement naturel lorsque vous souhaitez créer un design très coloré. D'une palette de couleurs vives aux accents qui apparaissent, les polygones et les couleurs semblent correspondre parfaitement.
Et les possibilités de combinaison de couleurs sont assez infinies. Essayez certaines de ces idées:
- Polygones de palette de couleurs arc-en-ciel
- Formes poly noir ou blanc sur fond clair, tels que Creamfields, ci-dessus
- Polygones avec des gradients
- Polygones comme un accent de couleur, tels que Bailey et French, ci-dessus
- Poly formes avec des remplissages ou des contours
Créer un accent
Certaines des meilleures utilisations des formes en poly peuvent être les plus petites. Bien que certains des exemples ci-dessus mentionnés utilisent des formes multiples pour des icônes ou des éléments d'interface utilisateur, ils peuvent également être efficaces pour les plus petits accents. Envisagez une forme poly pour un traitement de logo minuscule pour mettre en valeur votre nom sur un site de portefeuille ou allez gros avec un accent de style poly pour aider à attirer les utilisateurs dans un design.
Les exemples ci-dessus montrent les deux exemples d'accents en forme de poly. Grand ou petit, le concept attire l'attention. Ce qui est encore mieux, c’est une utilisation que vous pouvez ajouter à une conception existante sans refonte complète. La technique de conception simple peut ajouter une touche moderne à un motif esthétique qui commence à se sentir fade et aider à donner une allusion à la mode sans trop de dépenses ni de temps.
Conclusion
Les formes poly sont une tendance amusante assez facile à déployer dans une variété de projets de conception. Ils fonctionnent pour un certain nombre d'applications, de l'élément purement visuel à un outil informatif ou directionnel.
De plus, les polygones sont un élément que presque tout le monde comprend.Les formes sont parmi les blocs de construction les plus élémentaires de la conception. Les formes poly ajoutent un intérêt visuel supplémentaire, car ce sont les rectangles et les cercles couramment utilisés qui apparaissent dans la plupart des projets de conception. Les polygones sont des formes à concept ouvert avec lesquelles vous pouvez vous amuser beaucoup. (Je suis un grand fan de cette technique en ce moment, donc si vous avez un projet poly, partagez un lien avec moi sur Twitter.)