Échoppe

L'atelier d'Échoppe : le « g » en très grand avec ses points et ses poignées, la famille et ses glyphes à gauche, la mesure et les trois corrections de l'épreuve à droite, la ligne de test en bas
Année
2026
Type
Concept
Domaine
Typographie
Services
App de bureau · UX/UI

On dessine une lettre en très grand. On la lit en tout petit.

Une dessinatrice de caractères en est à mi-chemin d'une famille à empattements pour le texte. Dans la maquette, le Regular est complet, 312 glyphes sur 312 ; le Gras en compte 148, le Titrage 64. Ce mercredi, elle reprend le « g » à partir de l'épreuve que son relecteur lui a rendue la veille, annotée au crayon rouge. Échoppe est l'atelier où elle le fait.

Un dessinateur de caractères travaille sur une seule lettre, très grande, et la juge aussitôt toute petite, au milieu d'un mot. Nous avons conçu Échoppe pour que ces deux tailles tiennent sur le même écran : la lettre et ses poignées au centre, la phrase de test juste dessous. Chaque geste sur la courbe se voit tout de suite dans le texte.

Challenge

Le dessin se fait en grand, le jugement se fait en petit.

  • Le grand : la lettre occupe l'écran, avec ses points, ses poignées et ses lignes de hauteur. C'est là qu'on corrige.
  • Le petit : une courbe trop pincée ne se voit qu'à la taille de lecture, dans un mot comme « gigogne ».
  • Le papier : les corrections arrivent sur une épreuve imprimée, entourées au crayon. Elles vivent à côté de l'écran, pas dedans.
  • Et le va-et-vient : on tire une poignée, on exporte, on imprime, on compare. Chaque essai coûte un aller-retour.
Du grand au petit, sur une même ligne de base : le « g » en très grand avec ses points, sa poignée pincée à 24 % et la correction entourée en rouge, puis la phrase de test à 34 px et à 12 px
Gros plan sur la boucle du « g » pendant le geste : la poignée saisie, sa tension à 43 %, la mesure y -176 et Δ -24, la correction « pincé : à arrondir » entourée en rouge
L'aperçu : « ago » en noir plein, l'oreille du « g » entourée « lourde à 9 pt », puis le mot « grandes » et la phrase de test à 12 px

Solution

La lettre au centre, la phrase dessous, l'épreuve dans la marge.

L'écran s'ouvre sur le « g » en très grand, posé sur ses lignes de hauteur : ascendante 741, hauteur d'x 469, ligne de base 0, descendante -246 dans la maquette. À gauche, la famille et ses glyphes ; à droite, la mesure de la lettre et les trois corrections de l'épreuve ; dessous, la ligne de test.

  • La poignée et sa tension : dans la maquette, la boucle basse du « g » est pincée, sa poignée à 24 %. On la saisit, on la tire : la tension monte à 59 %, et le pourcentage s'affiche au bout du geste.
  • La ligne de test, image par image : « Les grandes âmes ont de grandes vertus. » suit la courbe pendant qu'on la tire, à trois tailles, jusqu'à 12 px.
  • L'épreuve dans la marge : la correction du relecteur est entourée sur la lettre, avec sa note en marge, comme au crayon. Un clic sur « Fait », et la marque s'efface.
  • Contours ou aperçu : une bascule remplit la lettre de noir. On ne regarde plus les points, on regarde le blanc qu'elle enferme.
  • Les mesures sous la main : chasse, approches gauche et droite, coordonnées et écart du point choisi, sans ouvrir de panneau.
La boucle basse du « g » en trois temps, pincée à 24 %, tirée à 43 %, tendue à 59 %, avec le mot « gigogne » sous chaque état

Choix de design

Le noir de la lettre, le bleu des points, le rouge du correcteur.

Dans un atelier de typographe, la seule chose qui compte est le noir du trait et le blanc qu'il enferme. L'interface s'efface donc en blanc et en gris clairs, pour que le seul noir franc de l'écran soit celui de la lettre.

  • Le bleu des points : nœuds, poignées, sélection, mesure et focus. C'est la couleur de l'outil, et elle ne sert qu'à lui.
  • Le rouge des corrections : les annotations de l'épreuve, et rien d'autre. Aucun bouton, aucun état n'est rouge ; ailleurs, une correction ouverte se signale par un point.
  • Une seule serif à l'écran : l'interface est en Inter, en chiffres alignés pour les mesures. La seule serif est la lettre qu'on dessine.
  • Les nœuds lisibles d'un coup d'œil : un carré pour un point anguleux, un cercle pour un point lisse, un petit rond plein pour une poignée.
  • L'épreuve historique au fond : derrière la fenêtre, le Petit-Canon du Manuel typographique de Fournier, 1766. C'est contre lui qu'on juge le « g ».
L'identité d'Échoppe : le noir de la lettre, le bleu des points, le rouge des corrections, Inter et les composants

Échoppe montre comment nous dessinons un outil métier sur mesure : l'écran part du geste que vous répétez cent fois par jour, pas d'un modèle de logiciel.

+20 outils métier livrés · Code 100% propriétaire

Votre métier a un geste qu'aucun logiciel ne suit ?

Parlons du geste que vous refaites chaque jour, et de l'outil qui devrait le suivre au lieu de le freiner.