Un développeur solo n'est pas graphiste. C'est le cas de la majorité des indie devs mobiles — et la direction artistique reste l'un des défis les plus difficiles à surmonter quand on n'a pas de budget pour un illustrateur. Voici comment j'ai abordé ce problème pour Cendrelune.
Commencer par l'atmosphère, pas les assets
La tentation du développeur solo est de chercher des assets graphiques en premier : des illustrations, des icônes, des backgrounds. C'est une erreur. Sans direction artistique claire, les assets forment une collection disparate plutôt qu'un univers cohérent.
La bonne approche : définir l'atmosphère en mots avant de chercher la moindre image. Pour Cendrelune, cinq mots-clés ont guidé toutes les décisions visuelles : gothique, médiéval, tamisé, organique, mélancolique. Chaque choix de couleur, de typographie ou d'illustration était validé contre ces cinq adjectifs.
La palette : contraindre pour cohérer
Une palette de couleurs restreinte est la décision de design la plus impactante pour la cohérence visuelle. Cendrelune fonctionne avec une palette de sept couleurs : un noir profond, deux gris sombres pour les surfaces, un brun-sienne pour les accents chauds, un doré pour les éléments précieux, un rouge bordeaux pour les alertes et un crème désaturé pour le texte.
Sept couleurs. Pas une de plus. La discipline de ne pas introduire une huitième couleur « pour cette fois » est ce qui maintient l'unité visuelle sur la durée du développement.
Le contraste sur mobile
Les écrans mobiles sont souvent utilisés en extérieur, sous la lumière du soleil. Un fond très sombre avec du texte crème à faible contraste — esthétiquement beau en intérieur — devient illisible en extérieur. Pour Cendrelune, tous les textes importants respectent un ratio de contraste WCAG AA minimum, même sur la palette sombre.
Typographie : deux fontes maximum
Cendrelune utilise deux fontes : Cinzel Decorative pour les titres et les noms de bâtiments (empruntes aux gravures gothiques médiévales), et une serif classique pour le corps de texte. Deux fontes seulement — une pour l'identité, une pour la lisibilité.
La règle des deux fontes s'applique à toutes mes productions : le site du studio, les pages de store, les captures d'écran marketing. Cette contrainte force à exploiter les variations de graisse et de taille plutôt que de multiplier les familles typographiques — résultat toujours plus élégant.
Les illustrations : travailler avec des artistes distants
Pour les illustrations originales, j'ai travaillé avec des artistes trouvés via des plateformes comme ArtStation. Le brief était précis : palette imposée, exemples de références (gravures médiévales, enluminures, art gothique victorien), format exact des exports.
Un brief précis coûte moins cher qu'un brief vague. Plus l'artiste comprend l'univers dès la commande, moins il y a d'allers-retours. J'ai systématiquement fourni une moodboard de quinze images avant toute commande d'illustration.
« Un brief précis coûte moins cher qu'un brief vague. La moodboard est l'investissement le plus rentable du processus créatif. »
L'interface utilisateur comme extension de l'univers
Pour Cendrelune, l'UI n'est pas un outil neutre posé sur le jeu — elle fait partie de l'univers. Les bordures de panneaux évoquent des encadrements en fer forgé. Les barres de progression ressemblent à des parchemins qui se déroulent. Les boutons ont une texture légèrement granuleuse.
Flutter facilite ce type de personnalisation : les widgets sont entièrement composables, les decorations personnalisables à chaque niveau. La contrainte n'est pas technique — elle est créative. Définir un « vocabulaire visuel » cohérent (coins, bordures, ombres, textures) et s'y tenir sur tous les écrans.
Les écueils à éviter
L'effet scrapbook : mixer des styles trop différents (pixel art et illustrations vectorielles, par exemple) crée une impression de bricolage même si chaque élément est beau individuellement.
La surcharge d'ornements : le gothique est riche en fioritures — mais sur mobile, l'espace est compté. Chaque ornement qui ne sert pas la lisibilité est un ornement qui nuit.
Les animations excessives : les effets de particules et les transitions élaborées sont séduisants à concevoir. Ils doivent rester au service de l'atmosphère, pas la dominer — et leur coût en lisibilité sur mobile est souvent sous-estimé.
