De nouveaux outils passionnants pour les designers, janvier 2021

[ad_1]

La nouvelle année est souvent remplie de résolutions. Tirez le meilleur parti de ces objectifs et prenez la résolution de concevoir mieux, plus rapidement et plus efficacement avec certains de ces nouveaux outils et ressources.

Voici ce qu’il y a de nouveau pour les designers ce mois-ci.

Radix UI

Radix UI est une bibliothèque de composants d’interface utilisateur à code source ouvert pour la création de systèmes de conception et d’applications web accessibles et de haute qualité. Elle comprend des exemples et des lignes directrices pour toutes sortes d’éléments d’interface utilisateur qui fournissent des conseils et vous font réellement réfléchir à la conception de sites web accessibles. (Et tout est utilisable !)

Cartes de Froala

Les cartes de Froala sont conçu pour vous aider à créer des visualisations de données pour des applications web ou mobiles. Construisez n’importe quel graphique que vous pouvez imaginer – barre, ligne, zone, carte thermique, sankey, radar, séries temporelles, et plus encore. De plus, vous pouvez personnaliser tout et n’importe quoi, afin que tout corresponde à votre marque. Cet outil haut de gamme est destiné aux entreprises et est fourni avec une licence unique.

CSSfox

CSSfox est une collection de dessins que vous pouvez utiliser comme source d’inspiration. Le projet de la communauté des conservateurs comprend des articles, des critiques, et des nominations et des gagnants de prix.

Générateur de modèles

Générateur de modèles est un outil permettant de créer des modèles transparents et libres de droits que vous pouvez utiliser dans des projets. Presque tous les éléments du modèle sont personnalisables, et vous pouvez « mélanger » pour trouver de nouvelles inspirations. Créez un modèle que vous aimez et exportez-le pour l’utiliser en JPG, PNG, SVG ou CSS.

Générateur de pinces à l’échelle type

Générateur de pinces de type vous aide à créer une visualisation d’une échelle typographique pour les projets web. Choisissez une police et déterminez quelques autres paramètres et visualisez l’échelle à l’écran. Vous pouvez même y ajouter vos propres mots pour voir à quoi ils ressembleraient. Puis, retournez-vous pour voir comment les tailles apparaissent sur les différents appareils. Trouvez l’échelle qui vous convient le mieux et accrochez le code en un clic.

Flowdash

Flowdash est une application haut de gamme qui vous aide à créer des outils personnalisés, des ensembles de données et à rationaliser vos opérations commerciales avec un seul outil. Gérez vos données et vos processus sans code. L’outil combine la familiarité d’une feuille de calcul avec un générateur de flux de travail visuel, plus des intégrations intégrées pour automatiser les tâches répétitives afin que votre équipe puisse se concentrer sur ce qui compte.

Échelle

Échelle est un site web qui fournit des illustrations nouvelles et libres que vous pouvez utiliser pour vos projets. L’aspect le plus intéressant du générateur d’illustrations est peut-être que vous pouvez changer la couleur d’un simple clic pour qu’elle corresponde à votre marque. Ensuite, téléchargez l’image en format SVG ou PNG.

Pe-ple

Pe-ple est un outil qui ajoute une « communauté personnalisable » à n’importe quel site web pour vous aider à développer votre fanbase et à donner un coup de pouce au référencement. Il vous permet d’intégrer, entre autres, le chat, les commentaires, les emojis et la connexion sans mot de passe.

K!sbag : Modèle de portefeuille minimal gratuit

K!sbag est un modèle de site web minimal gratuit qui est fait pour les sites de portfolio. (Avez-vous décidé de mettre à jour le vôtre en 2021 ?) Il comprend 6 pages dans un format HTML et PSD prêt à l’emploi.

Merico Build

Merico Build est comme un traqueur de code. Il utilise l’analyse des contributions pour permettre aux développeurs de disposer de tableaux de bord et de badges axés sur l’amélioration personnelle et l’évolution de carrière. Inscrivez-vous avec les outils que vous utilisez déjà – Github ou Gitlab.

Images de partage social automatique

Images de partage social automatique résout un problème courant sur les sites web : les images manquantes ou cassées lorsque des messages ou des pages sont partagés sur les médias sociaux. Ce tutoriel vous guide à travers le code nécessaire pour créer les bonnes méta-tags afin que les chaînes de médias sociaux populaires récupèrent l’image que vous voulez pour vos messages. La meilleure partie est que ce code vous aide à créer une image de prévisualisation dynamique, de sorte que vous n’ayez pas à faire quelque chose de spécial à chaque fois.

Liens SVG animés

Liens SVG animés peut ajouter un petit quelque chose de spécial à votre dessin. Ce stylo est de Adam Kuhn et comprend trois styles de liens différents.

Blush

Blush vous aide à créer des illustrations. Avec des collections réalisées par des artistes du monde entier, il y en a pour tous les goûts et tous les projets. Tout l’art est personnalisable, vous pouvez donc jouer avec les variations pour créer quelque chose d’unique.

Palms

Palms est un ensemble de 43 jeux de mains pour aider à illustrer les projets. Chaque illustration est au format vectoriel et prête à l’emploi.

Tabbied

Tabbied vous permet de créer et de personnaliser des motifs ou des œuvres d’art dans un style minimal pour divers projets ou arrière-plans. Vous pouvez bricoler vos dessins et motifs et télécharger ensuite une version gratuite en haute résolution.

Comment créer des cartes animées

Comment créer des cartes animées est un excellent petit tutoriel de Johnny Simpson qui utilise WebGL et Three.js pour créer un style comme ceux d’Apple Music. Le résultat est un style de carte moderne et élégant que vous pouvez suivre avec la démo du CodePen.

Bandero

Bandero est une dalle amusante avec une texture rugueuse et des formes de lettres intéressantes. Le jeu de caractères est un peu limité et convient mieux à l’affichage.

Magilla

Magilla est un étonnant empattement moderne avec de grandes lignes et des traits. La famille de caractères premium comprend six styles, dont une option de contour.

Roadhouse

Roadhouse est l’une de ces polices de caractères de dalle qui crient presque au design de la marque. Le concepteur de caractères doit avoir eu cela à l’esprit, aussi, avec les options de rayure, de biseau, d’alignement, de demi-remplissage, de contour, d’extrusion par goutte et de script incluses. (Cette famille est assez robuste, ou vous pouvez vous contenter d’un seul style).

Art de rue

Art de rue est pour ces temps où un style de graffiti est tout ce qui fera l’affaire. Ce qui est bien avec cette option – gratuite pour un usage personnel – c’est que les caractères sont très lisibles.

[ad_2]