Les ressources de design que tout développeur devrait garder

Beaucoup de projets n’ont pas de designer. Ce n’est pas une excuse pour une interface qui ressemble à un accident.

Ces outils couvrent les décisions qui tournent mal d’habitude : couleur, contraste, espacement, images et échelle typographique.

Couleur

Realtime Colors

Testez une palette sur une vraie maquette au lieu de cinq carrés qui ne disent rien.

realtimecolors.com

Couleur

Coolors

Générez et verrouillez des palettes vite, puis exportez-les en variables CSS.

coolors.co

Accessibilité

WebAIM Contrast Checker

Deux minutes ici évitent le gris sur gris qui échoue à tout audit.

webaim.org/resources/contrastchecker

Typographie

Type Scale

Construit une échelle de titres cohérente pour que vos tailles cessent d'être arbitraires.

typescale.com

Illustration

unDraw

Des illustrations gratuites que vous recolorez à votre marque avant de les télécharger.

undraw.co

Images

Squoosh

Compressez dans le navigateur et voyez la perte de qualité avant de l'accepter.

squoosh.app

Arrière-plans

Haikei

Génère blobs, vagues et dégradés SVG pour les sections hero en quelques clics.

haikei.app

Outil de design

Figma

Même si vous n'y dessinez jamais, il vous faudra ouvrir ce que les vrais designers envoient.

figma.com

Si vous n’en gardez que deux, prenez le vérificateur de contraste et l’échelle typographique : ils règlent les problèmes que les utilisateurs remarquent vraiment.

Besoin de le construire, pas seulement de le choisir ?

Applications web, API, infrastructure et interfaces. Freelance depuis Barcelone, clients partout.

Me contacter


Commentaires

Leave a Reply

Your email address will not be published. Required fields are marked *