À vous les designers d’aujourd’hui, qui sans feuilles et sans crayons arrivez à rendre vivants des éléments pensés sur des écrans. Paracerque votre créativité et votre imagination prennent parfois certaines limites dans la création et dans la conception, Chrome, le navigateur web de Google, vient à votre secours et créer des extensions gratuites destinées à vous aider dans vos tâches quotidiennes.
- Eye Dropper
Eye Dropper est une extension open source qui vous permet de repérer et sélectionner des couleurs directement à partir d’une page web. Sous la forme d’un sélecteur, l’outil vous permet de copier la couleur des éléments survolés sur une page, tout en affichant les codes RGB et HEX correspondants à la couleur. De plus, Eye Dropper propose un nuancier pour choisir rapidement des couleurs au sein d’une fenêtre pop-up. Ajouter
- Page Ruler
Page Ruler offre aux designers la possibilité de mesurer avec précision tout élément présent sur une page web. En utilisant une règle qui fonctionne de manière similaire à un outil de capture d’écran, vous pouvez obtenir rapidement et précisément la taille en pixels d’une image, d’un bouton ou de n’importe quel espace sur une page. Cet outil pratique facilite la création de designs web précis et bien alignés. Ajouter
- Window Resizer
L’extension Window Resizer vous permet de redimensionner rapidement la fenêtre de votre navigateur web pour l’ajuster à différentes résolutions d’écran. Une fois installée, Window Resizer propose une sélection de formats adaptés aux standards de divers appareils tels que des smartphones, des tablettes, des ordinateurs portables ou de bureau. Ajouter
- CSSViewer
Facile à utiliser, l’extension CSSViewer permet de visualiser rapidement les propriétés CSS de tout élément d’une page web. En activant cette extension, des informations telles que les tailles, les couleurs, les polices et les positions s’affichent lorsque vous survolez un élément inspecté, comme une image, un bouton d’action, un texte, un titre, etc. Ajouter
- Sumopaint
Sumopaint est une solution complète pour la peinture et l’édition d’images, offrant la possibilité de créer des visuels ou de retoucher des photos de manière similaire à Photoshop. Après activation, cette extension ouvre une interface web riche en fonctionnalités, comprenant des fonctionnalités telles que des calques, des pinceaux professionnels, des options d’ombrage, de couleurs, des filtres, des sélections, et bien plus encore. Ajouter
- Your Graphic Designer
Dans la même idée que Sumopaint, Your Graphic Designer est une extension qui s’inspire d’Illustrator, le logiciel de dessin d’Adobe. Cette extension vous conduit vers une interface web de création dès son ouverture, offrant un petit éditeur de graphiques vectoriels HTML5 pour la création de dessins, de vecteurs et de peintures. Cet outil peut être utilisé en ligne ou hors ligne, avec une variété étendue d’outils vectoriels. Ajouter
- Hover Zoom+
En passant le curseur sur n’importe quelle image miniature ou lien d’image sur une page web, l’extension Hover Zoom+ permet d’afficher la version agrandie du visuel sans nécessiter de clic. Avec cette petite fonctionnalité, il est possible de rechercher rapidement des références visuelles, d’examiner les détails d’une image et d’accélérer le processus de sélection sans interrompre un flux de travail. Ajouter
- Texmage
Texmage offre aux utilisateurs la capacité de superposer du texte sur des images directement depuis leur navigateur. Cette extension évite la nécessité de télécharger une image pour ensuite l’ouvrir dans un logiciel d’édition afin d’ajouter du texte. Que ce soit pour des annonces publicitaires, des affiches ou des publications sur les réseaux sociaux, Texmage propose une solution simple pour expérimenter différents emplacements de texte, polices ou messages sans quitter le navigateur. Ajouter
- PerfectPixel
Cette extension permet aux designers de superposer une image semi-transparente sur leur travail en cours dans le navigateur. PerfectPixel facilite la comparaison pixel par pixel entre un design prévu et le site web ou l’interface en cours de développement. Cet outil est précieux pour garantir la cohérence entre le design initial et le produit final, permettant aux web designers et aux UI designers de vérifier que chaque élément est correctement positionné, en respectant les marques, les tailles de police et les espacements prévus. Ajouter
- Daltonize
Daltonize est une extension qui adapte les couleurs des sites web afin de les rendre plus accessibles aux utilisateurs daltoniens. En ajustant les contrastes de couleurs, elle permet de distinguer certaines nuances qui pourraient être confondues. Cet outil est particulièrement utile pour les designers qui accordent de l’importance à l’accessibilité de leurs créations, car il leur permet de visualiser leurs œuvres à travers le prisme de Daltonize et de comprendre ce que certains utilisateurs peuvent percevoir. Ainsi, ils peuvent modifier leurs palettes de couleurs pour améliorer la clarté de leurs designs. Ajouter