Formes en poly: une nouvelle tendance de conception que nous aimons
Il y a une nouvelle forme préférée dans la conception de nos jours - le polygone. Ces «formes poly» affectueusement appelées apparaissent sur des sites Web, des affiches et des projets imprimés. Et l'une des meilleures parties de cette tendance polyvalente est que chacun de ces modèles est si différent.
Les polygones sont des formes définies en géométrie élémentaire comme une «figure en plan délimitée par une chaîne finie de segments de ligne droite en 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 avoir des chemins et des traits qui se croisent. Les polygones sont généralement des formes plates et bidimensionnelles, bien que dans les projets de sites Web, certains polygones animent le mouvement et semblent avoir plus de caractéristiques 3D.
Les polygones sont une technique amusante pour de nouveaux projets ou peuvent donner une nouvelle vie à un design qui semble un peu périmé. Voici quelques projets avec des formes poly pour vous aider à démarrer votre prochaine session de brainstorming.
Créer un arrière-plan audacieux
Les formes poly peuvent être un excellent outil de conception lorsque vous êtes coincé avec des visuels terne. La forme peut ajouter un facteur de wow instantané à la conception avec des piles et des orientations intéressantes. Et ils fonctionnent 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 intrigant. Les formes peuvent aider à ajouter de la profondeur, fournir la notion de mouvement et même des repères directionnels aux utilisateurs.
En prime pour les concepteurs, les polygones ne sont pas difficiles à créer et peuvent être incorporés dans n'importe quel style et presque 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 poly pour éliminer une partie du bord plat et dur 2D.) Le style fonctionne également avec de nombreux concepts de conception différents - les formes poly peuvent être incorporées dans des formes plus minimes décrit ou s'intègre parfaitement avec des conceptions occupées et plus lourdes.
Créez des icônes ou des divots intéressants
Utilisez des formes poly pour une nouvelle torsion sur les éléments de l'interface utilisateur, tels que les icônes ou les divots de navigation. Il n'y a pas de règle sur la taille des polygones dans la conception et même de super petites pièces de connexion peuvent faire un seul élément amusant. La connexion de formes et de lignes peut également entraîner des combinaisons de profondeur et de couleurs intéressantes qui aident à attirer l'œil.
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 qui se mettent en place est assez nette.) L'icône jaune vif dans le schéma de conception minimal attire l'attention et ajoute un élément visuel facile sans encombrer l'écran. En prime, les polygones individuels prennent d'autres formes lorsque vous vous déplacez sur le site Web.
Les polygones sont à la fois intéressants et familiers pour les utilisateurs. La connexion des formes est quelque chose que la plupart des gens identifient visuellement et comprennent en un coup d'œil, quelle que soit leur taille. L'utilisation de formes poly pour les petits éléments de l'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 conduisant au même résultat.
Afficher quelque chose aux utilisateurs
Les formes poly peuvent être un excellent outil pour expliquer le fonctionnement de quelque chose. En raison des racines en mathématiques et en géométrie, les polygones peuvent être utilisés pour 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 en poly sur une autre image.
Ditto et Choudhary Lab utilisent des formes poly de cette manière, bien que les utilisations soient quelque peu différentes. Idem utilise des formes poly de manière très littérale pour montrer comment fonctionne leur outil de mesure de lunettes. Les formes poly indiquent comment fonctionnent les mesures et les outils de reconnaissance de la forme du visage. Choudhary utilise des formes poly pour communiquer davantage sur ce que fait l'entreprise, montrant qu'il s'agit d'un site Web à base scientifique avec l'utilisation d'icônes animées en forme de poly.
Le point commun est que les deux exemples utilisent des contours de formes poly pour aider à mieux expliquer le contenu aux utilisateurs. Les deux exemples utilisent également un certain degré d'animation pour faciliter cette compréhension. Les effets animés sont un joli dur qui donne vie aux superpositions et contribue à l'expérience utilisateur globale.
Paire avec couleur
Les formes poly sont un ajustement naturel lorsque vous souhaitez créer un design avec des couleurs élevées. D'un jeu de couleurs vives aux accents qui éclatent, 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, comme Creamfields, au-dessus
- Polygones avec dégradés
- Des polygones comme accent coloré, comme Bailey et French, au-dessus
- Formes poly avec remplissages ou contours
Créer un accent
Certaines des meilleures utilisations des formes poly peuvent être les plus petites. Bien que certains des exemples ci-dessus aient noté l'utilisation de formes poly pour les icônes ou les éléments d'interface utilisateur, ils peuvent également être efficaces pour le moindre accent. Envisagez une forme à base de poly pour un minuscule traitement de logo pour mettre l'accent sur votre nom sur un site de portefeuille ou agrandissez 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 qu'il s'agit d'une utilisation que vous pouvez ajouter à une conception existante sans refonte à grande échelle. La technique de conception simple peut ajouter une touche moderne à un motif esthétique qui commence à se sentir rassis et aider à fournir une touche de tendance sans beaucoup de dépenses ou de temps.
Conclusion
Les formes poly sont une tendance amusante qui est assez facile à déployer dans une variété de projets de conception. Ils fonctionnent pour un certain nombre d'applications, de l'élément visuel pur à un outil d'information ou directionnel.
De plus, les polygones sont un élément que presque tout le monde comprend. Les formes font partie des éléments de construction les plus élémentaires de la conception. Les formes poly ajoutent ce petit plus d'intérêt visuel 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 à aire ouverte avec lesquelles vous pouvez vous amuser. (Je suis un grand fan de cette technique en ce moment, donc si vous avez un projet poly, veuillez partager un lien avec moi sur Twitter.)
