8 outils dont un concepteur Web aura besoin

2024 Auteur: Malcolm Clapton | [email protected]. Dernière modifié: 2023-12-17 03:55

Screensize.es

Screensiz.es est un site qui peut facilement vous aider à trouver les dimensions physiques, la résolution d'écran, le rapport hauteur/largeur et de nombreux autres paramètres des écrans des modèles les plus courants de smartphones, tablettes et moniteurs. Toutes les informations se présentent sous une forme simple et compréhensible - sous la forme d'un tableau. Il existe des dizaines d'appareils et de tablettes Android différents, notamment BlackBerry Playbook, Microsoft Surface Pro et Barnes & Noble Nook. Pour les appareils moins courants, il est également assez facile de trouver les informations dont vous avez besoin. Screensiz.es propose également une cote de popularité des appareils basée sur les statistiques de recherche Google et un certain nombre d'autres critères.

Motifs subtils

Subtle Patterns propose une large gamme de motifs d'arrière-plan que vous pouvez utiliser comme arrière-plan pour vos sites Web. Des motifs simples mais agréables satisferont les goûts des amateurs de design minimaliste qui veulent quelque chose de plus qu'un fond blanc uni. L'une des meilleures fonctionnalités du site est un aperçu de l'apparence d'un motif donné sur votre site. A noter que tous les patrons sont mis à votre disposition gratuitement.

Type perdu

Vous vous souvenez de la police que vous avez vue sur votre site préféré ? Il y a de fortes chances que cette police soit tirée du site Lost Type, qui rassemble de nombreux designers qui y mettent leur travail en vente à un prix à volonté. Peut-être que Lost Type peut être attribué à la liste des sites que chaque concepteur (et pas seulement) devrait connaître. Il n'y a pas beaucoup d'endroits sur le Web où vous pouvez obtenir une police unique de haute qualité sans payer beaucoup d'argent pour cela.

stylo rouge

Red Pen vous permet de résoudre une tâche très importante simplement et rapidement, comme aucun autre site. Vous faites glisser votre travail graphique ou votre mise en page dans une fenêtre spéciale du site, et le service vous offre un lien unique que vous pouvez publier sur les réseaux sociaux. En cliquant sur ce lien, n'importe qui peut cliquer avec la souris à un endroit arbitraire et y laisser ses remarques et commentaires sur ce qu'il voit. Un outil indispensable pour obtenir un retour rapide du public le plus large.

Robinet de motif

Pattern Tap n'est pas un outil au sens traditionnel du terme, mais il sera certainement utile pour un designer. Le but de Pattern Tap est de vous inspirer des idées pour divers éléments de pages Web. Par exemple, le site contient une grande liste d'exemples de pages 404, de lecteurs audio, de boutons, de fils d'Ariane, etc. Si vous manquez d'inspiration, regarder les différentes incarnations d'une idée peut vous pousser dans la bonne direction. avoir un large éventail d'idées à portée de main, rassemblées sur un seul site, est bien mieux que de surfer sans fin sur le Web, en passant au crible des tonnes d'informations visuelles. Pattern Tap vous permet également de rechercher par critères tels que les couleurs, les styles et les types d'éléments.

Police de caractère

Le nom Blokk parle de lui-même. Souvent, lors de la conception de mises en page, le concepteur doit démontrer sa plénitude avec du texte, ce qui entraîne souvent des efforts supplémentaires inutiles. Il est clair que vous pouvez utiliser une sorte de générateur de texte de style Lorem Ipsum, mais il existe également une solution plus élégante. La police Blokk transforme le charabia tapé à partir du clavier (fywalge) en quelque chose de fin et de beau. Au lieu de phrases latines dénuées de sens, vous obtenez des lignes fines qui imitent des lignes de texte.

Ensemble d'icônes par Brankic1979

Un merveilleux ensemble d'icônes gratuites, parfait pour la conception d'applications, de sites Web et d'autres projets. Des chiffres aux engrenages en passant par les microphones, cet ensemble contient plus de 350 articles, et vous y trouverez sûrement quelque chose qui en vaut la peine. L'essentiel est que les icônes soient gratuites pour un usage personnel et commercial.

Couleur par grêlepixel

Bien sûr, les sélecteurs de couleurs ne manquent pas. C'est l'un des outils qu'un concepteur devrait toujours avoir à portée de main, et Color by Hailpixel mérite vraiment qu'on y prête attention. Le site Web s'ouvrira et vous montrera un écran vide avec un seul lien noir (# 000000). Lorsque vous déplacez le curseur sur l'écran, vous verrez comment la couleur d'arrière-plan change et la fenêtre au centre affichera le code hexadécimal correspondant à cette couleur. Cliquer avec la souris créera une bande de la couleur actuelle avec la valeur numérique de cette couleur. Ainsi, avec les mouvements de la souris, vous pouvez collecter une palette des couleurs souhaitées pour une utilisation ultérieure. En cliquant sur "l'engrenage" situé sur chaque bande enregistrée, un panneau contenant les paramètres de cette couleur s'affichera, dans lequel vous pourrez définir plus précisément les valeurs RVB et HSL. Un outil merveilleux.

Avez-vous vos propres outils en ligne préférés ? Faites le nous savoir dans les commentaires.