Pourquoi la lisibilité est la vraie superpuissance
Dans les jeux, le combat ne se déroule jamais dans une pièce calme. Les batailles sont rapides, simultanées et pleines de bruit — et on attend du joueur qu'il réagisse en quelques secondes.
Les impacts massifs et les calques somptueux peuvent crier, mais chaque calque compte : la forme et le mouvement peuvent gêner la reconnaissance, tandis que les ombres soufflent le risque, l'opportunité et le retour.
Ce guide regroupe les pratiques que nous utilisons à SGZ pour concevoir des moments complexes et dramatiques qui se lisent à grande vitesse.
Concevoir l'information avant le spectacle.
Avant qu'une seule particule ne soit rendue, on définit ce que le joueur doit lire et où. Commencez par trois questions : que doit regarder le joueur, dans quel ordre, et à quelle fréquence.
La lisibilité, ce n'est pas moins de contraste ou moins de particules. Tout ce que vous dessinez doit servir la lecture. Prenez les éléments en main et ancrez-les dans un but clair.
Le chaos n'est pas l'absence d'ordre. C'est un problème d'ordre.
Installer profondeur et narration par couches.
Le layering, c'est la différence entre une explosion plate et un combat lointain et spectaculaire. Chaque couche remplit un vrai rôle et occupe un espace-temps qui sert la lecture principale.
- Avant-planAction principaleDétails à haute fréquence, étincelles, particules. Porte le moment.
- Plan médianPersonnage secondaireTremblements, personnage, ombres. Soutient l'action.
- Arrière-planDécor tertiaireAmbiance atmosphérique, contexte lointain. Remplit l'espace.
Le regroupement de valeurs crée une clarté immédiate.
Séparez votre scène en 3-4 groupes de tons forts pour que l'œil sache où atterrir — sans casser la scène avec du bruit et de la texture.
- Action principaleContraste maximal — là où l'œil doit aller.
- SupportContrastes moyens qui soutiennent l'action principale.
- AmbianceFaible contraste. Remplit l'image et donne la profondeur.
- Pas de zone neutreGardez l'UI inhabitée. Remplissez d'atmosphère subtile.
Hiérarchie des effets
- Télégraphe95
- Retour de coup88
- Cast d'ability76
- Impact d'ultime72
- VFX environnementaux58
- Débris46
- Étincelles34
- Fumée ambiante24
Un process répétable qui protège la clarté.
Utilisez ce flux en 5 étapes pour construire des événements dramatiques avec confiance.
- 01BlockoutPlacez les formes de base — valeur, échelle, silhouette, timing — et rien d'autre.
- 02Passe focaleConstruisez l'effet principal. Look, silhouette, timing, anticipation.
- 03Passe supportAjoutez les éléments secondaires qui renforcent risque et impact.
- 04Passe ambianceRemplissez l'espace de mouvement discret. Unifiez ton et atmosphère.
- 05Passe validationTestez les scénarios. Vérifiez lisibilité, performance et cas limites.
Pièges qui tuent la lisibilité
- Tout est urgentPas de point focal clair ; l'œil n'a nulle part où atterrir.
- Même valeur partoutAvant et arrière-plan se confondent en mid-tone.
- Mauvaise implémentation du timingImpacts et télégraphes déclenchent en même temps.
- Un additif de tropLes additifs s'empilent en lavage de luminance.
La clarté est un choix de design.
Un chaos lisible, ce n'est pas en faire moins. C'est choisir les bonnes choses dans le bon ordre. Concevez l'information, protégez le contrat, et vos joueurs sentiront chaque moment.
Règles de lisibilité