De nouveaux outils passionnants pour les designers, août 2020


Le thème commun de la collection de nouveaux outils et ressources de ce mois-ci est « les choses qui vous aident à mettre en valeur votre travail ». Nombre de ces outils sont conçus pour vous aider à améliorer vos produits ou applications web ou à présenter des créations avec d’autres.

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

Naturaltts

Naturaltts est un convertisseur texte-parole en ligne, qui permet de télécharger un enregistrement mp3. L’outil dispose d’un choix de plus de 60 voix en six langues. Il existe un plan gratuit pour l’usage personnel (basé sur les caractères convertis) et des plans payants abordables pour les volumes plus importants et les utilisateurs commerciaux. L’une des applications de cet outil est la voix off pour les vidéos ou les tutoriels.

Handz

Handz est une bibliothèque de mains avec des gestes différents dans des formes tridimensionnelles. La collection comprend 12 gestes avec neuf couleurs de peau, et trois types de manches différents. Mettez tout cela ensemble et vous avez 320 combinaisons potentielles que vous pouvez utiliser pour des projets. La bibliothèque est entièrement gratuite et fonctionne sous différents formats avec différents outils.

Isoflow

Isoflow vous permet de créer facilement des diagrammes isométriques pour les présentations et les illustrations. Vous pouvez éditer puis exporter les diagrammes pour l’impression ou le site web, grâce au rendu vectoriel.

Tirs d’appareils

Tirs d’appareils est une petite application web qui vous aide à générer une maquette d’appareil haute résolution à partir d’une capture d’écran de votre site web ou de votre application mobile. Elle prend en charge presque tous les types d’appareils auxquels vous pouvez penser et les redimensionne pour les plateformes de médias sociaux.

Barchartrace

Barchartrace est un simple générateur de diagrammes à barres open source du MIT. Utilisez-le pour créer certains des graphiques animés que vous voyez sur les médias sociaux. Il vous suffit d’insérer vos informations (téléchargement via un fichier CSV), de choisir les paramètres de l’animation et de vous lancer.

Zettlr Markdown Rédacteur en chef

Zettlr est un éditeur gratuit et open source de démarques pour Mac OS. Zettlr prend en charge les notations simples, les références, comprend un mode sombre et le balisage. Il est destiné aux preneurs de notes qui ont besoin d’un outil pour étoffer leurs projets, et est utilisé principalement dans l’enseignement supérieur.

Effet de la carte à puce CSS

Le Effet de la carte à puce CSS reproduit la sensation de bibliothèque que l’on obtient lorsque des rectangles s’appuient avec une ombre sur des plans. Lynn Fisher le fait au stylo avec un code que vous pouvez voir et sur lequel vous pouvez travailler avec vos propres images.

Lemon.io

Lemon.io est un outil qui vous met en relation avec des développeurs indépendants pour faire avancer les projets plus rapidement. Vous avez la garantie d’un jumelage dans les 24 heures et il n’y a aucun risque si le jumelage ne fonctionne pas. Il vous suffit de dire à Lemon.io ce dont vous avez besoin et l’algorithme vous mettra en relation avec un développeur de la base de données. Les prix pour le développement via la plateforme commencent à 35 dollars de l’heure.

Papercups

Papercups est un outil de messagerie client qui vous permet de discuter en temps réel. Le widget personnalisable fonctionne avec vos outils préférés, tels que Slack et Gmail, et son utilisation est gratuite. Les applications de chat sont l’une des fonctionnalités les plus demandées sur les sites web à l’heure actuelle.

Cliquez sur le CSS pour animer le Gif

Christian Heilmann a créé un excellent guide/expérience en CSS pur qui ajoute un bouton de lecture en plus des GIF animés afin que les utilisateurs puissent contrôler le mouvement. Il a développé ce concept parce que les GIF peuvent être écrasants et ennuyeux. Apprenez comment il l’a fait et voyez-le en action.

Générateur d’images de livres en 3D

Voici encore un petit peu de magie CSS avec un Générateur d’images de livres en 3D. Il vous suffit d’entrer votre image et de définir quelques spécifications pour obtenir une image de couverture de livre en 3D que vous pourrez utiliser dans vos projets. (Il y a également un tutoriel d’accompagnement si vous voulez apprendre à générer le CSS par vous-même).

Feuille de route

Feuille de route est un tableur en ligne – il ressemble beaucoup à Microsoft Excel – avec des fonctions et des outils de données puissants. Il est convivial et open source. Il contient même un certain nombre de formules mathématiques intégrées et prend en charge différents types de tableaux.

RevKit

RevKit est un kit de conception de système d’interface utilisateur qui fonctionne avec Sketch, Figma et Adobe XD. Il comprend de nombreux composants organisés que vous pouvez insérer directement dans les dessins pour les faire démarrer plus rapidement. Il comprend également un guide de style, des éléments et des contrôles de forme. Le téléchargement est gratuit.

Carte

Carte vous permet de stocker des profils de médias sociaux, des sites web et des fichiers dans un profil personnalisé. Partagez-le en un clic. Remplacez l’échange de contacts gênant et les noms d’utilisateur multiples par un simple code ou lien QR.

Échelle Nucleus

Échelle Nucleus permet de visualiser les données, de créer des tranches intéressantes dans votre ensemble de données, de revoir et de gérer les annotations, et de mesurer et déboguer les performances des modèles. Cet outil prétend être « la bonne façon » de développer des modèles ML.

En avant-première

En avant-première est un générateur de maquettes permettant de créer de magnifiques graphiques promotionnels pour votre application. Parcourez une variété de modèles, choisissez-en un, personnalisez-le et téléchargez votre design pour le mettre en valeur.

Filtre NSFW

Filtre NSFW est une extension de navigateur qui bloque les images qui ne sont pas sûres pour le travail. La meilleure partie est qu’elle fonctionne localement dans le navigateur et n’accède à aucune de vos données. De plus, elle vous évite de vous retrouver dans l’embarras au travail.

ColorFlick pour Dribbble

ColorFlick pour Dribbble est une autre extension du navigateur qui permet de copier facilement les codes hexadécimaux de l’outil dans votre presse-papiers. Vous pouvez également créer des palettes que vous pouvez partager à partir de vos photos préférées en utilisant Coolors.

Icônes des tabliers

Icônes des tabliers est une collection de plus de 550 icônes SVG que vous pouvez personnaliser. Modifiez la couleur, la taille ou la largeur de trait à l’aide des commandes à l’écran, puis cliquez pour copier les icônes que vous souhaitez utiliser. C’est aussi simple que cela !

Teenyicons

Teenyicons pourrait être l’une des plus belles icônes qui existent. Cette collection comprend un minimum de 1px d’icônes en contour ou en pleins. Et il y a beaucoup d’icônes parmi lesquelles choisir. Ajustez la taille et choisissez celles dont vous avez besoin pour vos projets.

Basicons

Basicons est un ensemble d’icônes simples pour la conception et le développement de produits. De plus, elles sont mises à jour chaque semaine.

Sirène Chozy

Sirène Chozy est une police de caractères super funky pour clôturer l’été. Les personnages mettent en scène des thèmes de plage dans des caractères de dalle. Il pourrait être difficile de trouver une application pour celle-ci, mais elle est trop amusante pour ne pas être partagée.

Dotuku

Dotuku est une police dingbats avec un thème de retour à l’école. Le jeu de caractères limité comprend des styles de remplissage et de contour qui sont parfaits pour les salles de classe.

Marge

Marge est une police de caractères amusante de style rétro avec une touche des années 1970. C’est un « chubby serif » avec 60 caractères et 58 glyphes.

Rollanda

Rollanda est un script de style signature avec un poids plus épais et un trait grossier. Le jeu de caractères est assez robuste.