Contenu
- 01. Repo Design Systems
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Polices variables
- 06. Facturation Stripe
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradients
- Obtenez votre billet pour Generate New York
Le thème de notre tour d'horizon ce mois-ci est la rapidité et l'efficacité: quelques-uns d'entre eux outils de conception web fera des choses incroyables pour votre flux de travail en supprimant les tâches fastidieuses et frustrantes qui n'ont rien à voir avec la conception. Prenez Stackswell - il automatise tous les éléments ennuyeux de la conception réactive dans Sketch. Un autre de nos outils accélère les choses pour vous en extrayant et en organisant tous les éléments d'un fichier .sketch.
En plus de cela, il y a un nouveau produit de facturation sympa de Stripe, un excellent outil de mise en réseau pour les créatifs par Tina Roth Eisenberg et un outil fantastique pour mesurer les choses sur votre écran en pixels.
01. Repo Design Systems
Si vous avez été chargé de travailler sur certains des ingrédients du système de conception de votre organisation, ou peut-être même de créer ou de codifier le système lui-même, vous voudrez vous familiariser avec les dernières ressources sur le sujet.
Pour cela, Design Systems Repo est votre ami. Il s’agit d’une collection de livres, d’articles, de conférences, de sites Web, d’outils, de systèmes de conception, de bibliothèques de modèles et de guides de style que vous pouvez utiliser pour comprendre comment les grandes organisations et les grands penseurs font les choses.
02. PixelSnap
PixelSnap est une application très astucieuse qui rend la mesure des choses sur votre écran beaucoup, beaucoup moins ennuyeuse. Placez votre curseur entre deux éléments tels qu'une image et un titre, et il vous indique automatiquement le nombre de pixels entre eux. Dessinez un rectangle autour d'un élément et il s'accroche autour de lui et vous indique ses dimensions. Oui. Vous pouvez mesurer les choses aussi rapidement.
Regardez la vidéo sur la page d'accueil pour vous faire une idée. L'application est au prix de 15 $, et le seul inconvénient est qu'elle n'est disponible qu'en tant qu'application Mac pour le moment. Mais si vous êtes un utilisateur Mac, c'est une bonne chose.
03. Sketch.The.Ripper
Exporter et préparer des ressources de Sketch pour les remettre à une autre équipe peut être un véritable frein, donc la perspective d'un outil qui le fasse pour vous en un seul clic est plutôt excitante. Sketch.The.Ripper extrait et organise les écrans, copie et raster les images de tous les plans de travail dans un fichier .sketch, et les présente de manière pratique. Vous pouvez voir un exemple de la sortie d'un fichier extrait ici.
Cet outil est basé sur le Web et fonctionne donc sur n'importe quel système d'exploitation, ce qui peut éliminer certaines frictions de votre flux de travail si les gens utilisent des systèmes différents. Il est fabriqué par Icons8, et vous pouvez en savoir plus ici.
04. Stackswell
Stackswell accélère votre flux de travail de conception réactive en intégrant les requêtes multimédias dans Sketch et en automatisant le processus de mise à jour des styles de type et des symboles pour chaque point d'arrêt. Au lieu de faire ce travail manuellement, lorsque vous ajustez la largeur d'un plan de travail, les styles sont automatiquement mis à jour.
Stackswell vous évite également d'avoir à vérifier votre espacement vertical pour chaque point d'arrêt, de sorte que vous obtenez un espacement cohérent avec un minimum de tracas. Vous pouvez en savoir plus dans cet article.
05. Polices variables
Les polices variables vous permettent d'utiliser de nombreuses épaisseurs et largeurs de police différentes sans avoir à inclure un fichier séparé pour chacune: vous incluez un fichier, puis modifiez la police à l'aide de CSS. C'est une excellente situation, car elle vous permet d'utiliser au mieux la typographie dans vos conceptions, sans avoir à augmenter le poids de votre page.
Cependant, toutes les polices variables ne sont pas égales; certains sont plus flexibles que d'autres. Cet outil vous permet de trouver différentes polices et de les expérimenter pour voir si elles répondent à vos besoins. Pour plus d'informations sur les polices variables et pour avoir une idée de ce qui peut être réalisé, essayez cette démo.
06. Facturation Stripe
Le nouveau produit de facturation de Stripe pour les entreprises en ligne offre une troisième voie aux entreprises qui envisagent de créer ou d'acheter un système de facturation (pour en savoir plus, consultez notre article sur les solutions de boutique en ligne). L'API Stripe Billing s'intègre facilement dans un site existant et vous permet d'utiliser des blocs de construction pour créer un système flexible adapté à vos besoins.
Lorsque votre système est configuré, tout est géré à partir d'un tableau de bord où vous pouvez vous tenir au courant des abonnements, des factures et des rapports financiers. Vous bénéficiez également de fonctionnalités puissantes telles que le système de paiement global de Stripe, qui gère différentes devises et cartes de crédit, et les composants de facturation flexibles qui vous permettent d'expérimenter la tarification.
07. CreativeGuild
CreativeGuild est un spin-off de CreativeMornings, une série de conférences mensuelles gratuites fondée par Tina Roth Eisenberg à Brooklyn il y a dix ans. Le concept a été un succès et il y a maintenant des chapitres CreativeMornings dans plus de 185 villes du monde entier, chacun avec sa propre communauté dynamique qui nourrit et inspire ses membres.
CreativeGuild est destiné à mettre en ligne une partie de l'aspect communautaire afin qu'il soit accessible à plus de personnes. Vous pouvez penser que c'est un peu comme LinkedIn, mais pour les créatifs. Il existe un répertoire d'entreprises créatives, d'individus et d'emplois. Vous pouvez effectuer une recherche par emplacement pour trouver des opportunités dans votre ville.
08. Mobbin
Mobbin est une galerie de conceptions d'applications mobiles que vous pouvez utiliser pour obtenir des idées pour vos propres projets - au lieu d'installer de nombreuses applications, vous pouvez les parcourir au même endroit pour voir comment les autres résolvent les problèmes de conception. Six écrans pour chaque application sont affichés afin que vous puissiez avoir une idée du parcours de l'utilisateur et du modèle de conception de chacun. Il existe également une barre latérale affichant les offres d'emploi.
09. HueSnap
Vous ne savez jamais quand l'inspiration frappera; peut-être que la décoration d'un hôtel ou la lumière du parc vous semblera la bonne palette de couleurs pour votre travail. Si cela se produit, vous pouvez prendre une photo et utiliser HueSnap pour extraire les couleurs de l'image et en faire une palette.
L'application est destinée à l'utilisation mobile et fonctionne donc mieux sur votre téléphone, et vous pouvez enregistrer et partager vos palettes avec d'autres. Il existe diverses fonctionnalités pour vous aider à modifier une palette, telles que des options permettant de choisir des couleurs complémentaires et composées. Vos palettes peuvent avoir jusqu'à six couleurs chacune.
Pour en savoir plus, jetez un œil à notre tour d'horizon des meilleurs outils de couleur pour les concepteurs Web.
10. Eggradients
Celui qui a réuni cette collection de beaux dégradés a un grand sens de la couleur et un sens de l'humour intéressant. Chaque dégradé est affiché dans un récipient en forme d'oeuf et reçoit un nom qui peut ou non se rapporter aux couleurs d'une manière ou d'une autre. S'il y a une relation, nous n'avons pas pu la déchiffrer.
Les exemples de noms incluent "Successful Immigrant" pour un dégradé turquoise, "Wozniak’s Broken Heart" pour un bleu pâle et "Merciful Enemy" pour une transition jaune-verte.
Obtenez votre billet pour Generate New York
Événement majeur de conception Web Générer New York est de retour. Se déroulant du 25 au 27 avril, les principaux intervenants incluent le Dan Mall de SuperFriendly, le consultant en animation Web Val Head, le développeur JavaScript complet Wes Bos et bien d'autres. Il y a aussi une journée d’ateliers et de meilleures opportunités de réseautage - ne la manquez pas. Obtenez votre ticket Generate maintenant.