Meilleures extensions Chrome pour les concepteurs

Extensions Chrome

En tant que graphiste, il est normal de se tenir au courant des tendances, du travail des autres designers, illustrateurs et créatifs. Par conséquent, vous utilisez internet. Mais saviez-vous qu'il existe des extensions Chrome qui peuvent grandement vous aider dans votre travail ?

Nous avons rassemblé pour vous une sélection des meilleures extensions Chrome. Certains que vous connaissez peut-être, et d'autres peuvent être nouveaux pour vous. L'important est que vous voyiez que ceux-ci peuvent vous aider beaucoup dans votre travail. Allons-nous avec eux ?

Filaire instantané

Nous commençons avec une extension Chrome idéale pour ceux qui créent des pages Web. Et c'est qu'avec cela, ce que vous pourrez voir, c'est le squelette d'un site Web, c'est-à-dire ses wireframes. De cette façon, vous avez une idée de la façon dont il est construit.

Même si cela n'a pas beaucoup de sens pour le moment, lors de la création d'un site web pour un client, il est essentiel de savoir comment procèdent ses concurrents ; cela peut vous aider à déterminer où placer les éléments pour améliorer le résultat visuel.

Si vous connaissez également la température de visualisation des utilisateurs (c'est-à-dire les parties que les utilisateurs voient le plus sur le Web), vous pourrez obtenir un résultat très efficace.

WhatFont

Ordinateur portable avec navigateur ouvert

Voici une autre extension Chrome que vous devriez installer (n'oubliez pas, elle est gratuite). Elle vous permet de découvrir la police utilisée sur une page web et, sur le site WhatFont, de trouver également la police utilisée sur des affiches, des images, etc.

Dans le cas de l'extension, tout ce que vous avez à faire est de sélectionner la source et elle cherchera ce qu'elle est, ou du moins elle vous en montrera des très similaires.

C'est très utile lorsque vous voulez une police que vous aimez mais que vous ne pouvez pas passer des heures et des heures à la chercher à l'aveuglette.

Pixel parfait

Lorsque vous faites un croquis pour le client, lié à une page Web, vous savez que parfois ce ne sera pas toujours le même. Mais, si vous êtes très perfectionniste, vous pouvez faire tout votre possible pour qu'il en soit ainsi.

Cette extension vous permet de comparer votre conception avec le résultat final sur votre ordinateur. Vous pouvez ainsi vérifier l'harmonie de l'ensemble et repérer les éventuelles anomalies . Il vous suffit ensuite de corriger ces éléments pour obtenir le résultat final que vous aviez imaginé.

Outils de designer

Voici une autre extension Chrome à essayer. Elle regroupe de nombreux outils : elle identifie la police utilisée dans le texte, permet de vérifier les couleurs ajoutées aux pages et affiche même les bordures.

On pourrait dire qu'il s'agit d'un tout-en-un, car il comprend bon nombre des extensions dont nous avons parlé (et dont nous allons parler ci-dessous).

Robot de style

Vous souhaitez modifier le design d'un site web pour le présenter à un client ? Et ce, sans toucher au site lui-même ? Cette extension vous le permet. Il vous suffit de modifier les propriétés CSS, et en fonction de vos paramètres, l'extension adaptera l'apparence du site web pour vous donner un aperçu conforme à vos attentes.

Et maintenant vous direz, et pour quoi faire ?

Eh bien, il a plusieurs utilisations :

  • D'une part, vous pouvez montrer aux clients potentiels ce que vous feriez avec leur site Web pour l'améliorer (et croyez-nous quand nous vous disons que c'est mieux que n'importe quel CV).
  • D'autre part, parce que vous pouvez leur montrer en direct, en réunion, ce que vous pourriez faire pour faire changer le web sans avoir à trop toucher. Ou oui.

Règle de page

Chrome

Il s'agit d'une extension Chrome peu connue, mais qui offre de nombreuses possibilités. Elle permet notamment de mesurer les éléments d'un site web, non seulement en pixels, mais aussi en fonction de leur distance par rapport aux autres éléments.

Par exemple, imaginez que vous ayez mis trois cases horizontales. Et vous voulez que les trois soient à la même distance. Eh bien, cet outil vous aide à les mettre au carré.

Même si vous pensez que ce n'est pas très utile, si vous êtes perfectionniste et que vous voulez qu'il soit beau, vous l'utiliserez sûrement.

Capture d'écran en pleine page

C'est l'un des outils les plus connus, car il permet de faire une capture d'écran d'une page web, non seulement de la partie visible dans le navigateur, mais de la page entière. C'est idéal, par exemple, pour présenter un projet à un client sans avoir à le parcourir capture par capture, mais plutôt pour obtenir une vue d'ensemble du résultat final. Il en va de même pour les sites web que vous consultez en ligne et que vous souhaitez utiliser comme référence, peut-être parce que vous appréciez leur design, leurs couleurs ou d'autres aspects.

Analyseur de contraste de couleur

Nous avons vraiment aimé cette extension car elle peut vous aider à vous concentrer sur un certain public. L'outil sert à garantir la lisibilité d'un texte, ainsi que les contrastes visuels qui existent en général.

En d'autres termes, il vous dira si le texte et les couleurs que vous avez choisis sont beaux et si tout est lisible.

Ce qui nous a vraiment plu, c'est la possibilité de visualiser les résultats en fonction de différentes variables. Par exemple, si le site web s'adresse aux personnes âgées atteintes de cataracte, le résultat sera adapté et vous saurez s'il est approprié ou non. De même, si le public cible est composé de personnes daltoniennes, le principe est le même.

De cette façon, vous améliorerez le résultat final car vous vous concentrerez sur ces groupes.

Générateur Lorem Ipsum

symbole d'extension de pièce de puzzle

Comme vous le savez, lorsqu'on crée une page web, il faut du texte pour indiquer son apparence. Pour cela, on utilise le Lorem Ipsum, une chaîne de caractères qui se décline aujourd'hui en de nombreuses variantes.

Eh bien, avec Lorem Ipsum Generator vous pourrez créer le texte en fonction du nombre de mots, de phrases, de lettres... et ainsi vous n'aurez qu'à copier et coller.

ColorZilla

Vous vous souvenez de l' extension WhatFont ? Elle identifiait les polices de caractères. Eh bien, celle-ci identifie les couleurs utilisées dans une police. Elle vous fournit le code couleur afin que vous puissiez l'utiliser dans vos logiciels de retouche d'images pour recréer la couleur exacte que vous souhaitez.

Comme vous pouvez le constater, de nombreuses extensions Chrome sont utiles pour les graphistes. Il en existe d'autres, mais le mieux est de les tester pour trouver celles qui vous conviennent le mieux. Avez-vous d'autres recommandations ?


Ajouter comme source préférée dans Google