Rythme : la musique influence les pinceaux dans Figma Draw

Nous avons créé Figma Draw pour offrir aux designers des outils performants pour la modification de vecteur et l'illustration, afin qu'ils puissent donner vie à leur vision créative sans quitter le plan de travail ni interrompre leur flux. Nous avons commencé par une gamme de pinceaux à effet d'extension qui restituent des lignes inspirées par la calligraphie, le fusain et d'autres styles de tracé à la main. Aujourd'hui, nous complétons notre offre avec 10 pinceaux à effet de dispersion parfaits pour les pointillés et les ombrages. « Si les pinceaux à effet d'extension tiennent la vedette, les pinceaux à effet de dispersion s'apparente à la bande sonore. Ils apportent une texture à l'ensemble », déclare Rogie King, product designer, qui a conçu les pinceaux dans Figma Draw.

Les nouveaux pinceaux à effet de dispersion apportent encore plus de profondeur, de dimension et de dynamisme à votre travail. Bien que tout ce qui a un caractère vectoriel puisse se transformer en pinceau dans Figma Draw, nous voulions offrir aux utilisateurs une palette variée dès le départ. Le défi, cependant, était de savoir par où commencer. Quels styles seraient les plus utiles, les plus expressifs, les plus polyvalents ? Pour guider ses investigations, Rogie s'est tourné vers sa collaboratrice, la rédactrice UX Molly Rosen Marriner, qui avait nommé les pinceaux à effet d'extension d'origine en s'inspirant de genres cinématographiques. Cette fois, elle a fourni à Rogie une liste de genres musicaux pour éveiller sa créativité. Du doo-wop à la Vaporwave, voici comment sont nés les pinceaux à effet de dispersion.

Ressentir le rythme

Le monde de la musique a offert à Molly et Rogie de riches possibilités visuelles. « La musique a constitué un excellent choix pour les pinceaux à effet de dispersion parce que dans un tracé, les motifs sont répétitifs », déclare Rogie. « Ils ressemblent à des battements. » Dans les paramètres de tracé, par exemple, vous pouvez changer l'espace, l'ondulation et le tressautement de chaque tracé, un peu comme un musicien affine le tempo, la texture et le volume d'une chanson.

Pour ne pas se limiter à ses propres inclinations et ratisser le plus large possible, Molly a consulté la carte des genres musicaux Every Noise At Once et a demandé aux employés de Figma de citer des genres hyper-spécifiques via Slack. « Pour réduire la liste, j'ai gardé les genres qui semblaient le plus visuellement évocateurs, comme l'electroclash, le drone ou la witch house », explique-t-elle. « Vous pouvez imaginer comment des genres électroniques comme ceux-là se prêtent à un pinceau au style brisé et répétitif. »

La liste qu'elle a remise à Rogie comprenait tout, du nu metal à l'Italo disco, et des morceaux de chopped and screwed à la samba. « Certains étaient difficiles à distinguer », précise-t-il, « et d'autres, comme le spoken word, étaient particulièrement intimidants. » Certains genres, comme le rockabilly, présentaient une esthétique forte associée à la culture, tandis que d'autres étaient plus ouverts à l'interprétation.

Rogie a commencé par les traits de pinceau à effet de dispersion que les utilisateurs pouvaient attendre en priorité, comme celui pour les pointillés, une technique d'ombrage utilisant des points répétés et éparpillés.

Après cette étape, il a pu commencer à vraiment s'amuser. Rogie se concentrait sur un genre musical, écoutait les morceaux les plus représentatifs et étudiait la culture visuelle qui lui est généralement associée. Pour le screamo par exemple, Rogie a écouté la chanson « The Leaving Song Pt. II » d'AFI et s'est aventuré dans l'étude du look du début des années 2000 (imaginez des pogos, des sweat-shirts noirs à capuche et des yeux soulignés de noir). Cette ambiance l'a conduit à créer un pinceau au caractère « angoissé et chaotique ». Dans d'autres cas, il s'est adressé à des experts extérieurs, dont son fils : « Il est très branché shoegaze, alors je lui ai demandé de me faire connaître des artistes dans ce genre ».

En suivant ce processus, Rogie a dessiné 99 designs de pinceaux à dispersion pour les proposer à l'équipe. « Je suis entré dans un état de transe et je continuais à créer des designs sans me préoccuper de leur mise en œuvre », indique-t-il. Ensuite, tout le monde a voté pour ceux censés apporter le plus de flexibilité et d'expressivité au plan de travail. Molly a ensuite associé les designs finaux avec les genres musicaux qu'elle avait listés en tant qu'invite. Certaines associations étaient intuitives, tandis que d'autres semblaient demander des genres entièrement nouveaux. Elle et Rogie se sont rencontrés pour baptiser la liste finale : Bubblegum, Witch house, Shoegaze, Honky-tonk, Screamo, Drone, Doo-wop, Spoken word, Vaporwave et Oi!.

Rendre l'art accessible

Le processus de création des pinceaux à effet de dispersion dans Figma Draw était plus largement un exercice pour célébrer l'expression artistique. « Les pinceaux dans Figma Draw me permettent complètement de donner libre cours à ma créativité », déclare Molly, qui utilise Figma pour concevoir des livres, des fanzines et d'autres publications. « Avec un pinceau qui devient un souffle mystérieux, ou un visage souriant encore et encore, c'est toute une gamme d'émotions et de styles différents de ce qui était possible dans le passé. »

Pour Rogie, un artiste autodidacte, il était également important que les différents noms choisis soient synonymes d'ouverture, au lieu de s'appuyer sur des termes artistiques traditionnels comme pinceau plat, ou pinceau gouache. « Je n'ai jamais fait les beaux-arts, je n'ai jamais utilisé un pinceau physique », déclare-t-il. « Je voulais que notre communauté ait le plaisir de créer des œuvres artistiques sans avoir forcément reçu une formation classique. » Ces noms sont amusants, mais ils disent également aux gens : « Vous aussi, vous pouvez être un artiste ».

Pour voir les nouveaux pinceaux à effet de dispersion en action et explorer Figma Draw, consultez notre fichier bac à sable interactif.