- Plateformes
- iOS · Android
- Notre rôle
- Conception et développement
- Statut
- Projet personnel
- Données
- Stockées sur le téléphone
L'idée
Les outils de couleur de référence, comme Adobe Color, sont pensés pour l'ordinateur. Typix met l'essentiel dans la poche : repérer une couleur dans la rue, en tirer une palette, la décliner en harmonies et garder le tout sous la main, avec une interface qu'on manipule au doigt.
Ce que fait l'app
Palette depuis une photo
On prend une photo ou on en choisit une dans la galerie : l'app en extrait les couleurs dominantes et propose une palette de cinq teintes.
Roue chromatique
Sept harmonies à composer au doigt : nuances, complémentaire, composée, triadique, tétradique, similaire et analogique.
Tous les codes
HEX, RGB, CMYK, HSL et HSV pour chaque couleur, copiés d'un simple tap, et le nom de la couleur la plus proche.
Harmonies prêtes à l'emploi
Pour une couleur choisie, les palettes monochrome, complémentaire, analogue, triadique et tétradique sont générées d'office.
Contraste WCAG
Une couleur de texte, une couleur de fond : le ratio de contraste s'affiche et indique si le seuil d'accessibilité est atteint.
Bibliothèque
Couleurs et palettes enregistrées sur le téléphone, avec recherche, disponibles sans connexion.
Zoom sur la roue chromatique
Aucun composant tout fait ne faisait l'affaire : la roue est dessinée et animée sur mesure. Derrière les couleurs, de la trigonométrie : chaque point est un angle et une distance au centre, et tout tourne autour de π.
- Roue dessinée avec un CustomPainter : dégradé circulaire des teintes, voile vers le blanc au centre et tracé de la forme de l'harmonie.
- Chaque point se déplace au doigt : la position est convertie en angle et en distance au centre, l'angle donne la teinte, la distance la luminosité.
- Les écarts de l'harmonie sont conservés quel que soit le point déplacé : les autres suivent en temps réel (2π/3 pour la triadique, π/2 pour la tétradique…).
- Un curseur fait tourner toute l'harmonie d'un coup, un autre règle la luminosité d'un point, et un cadenas aligne tous les points à la même distance.
- La palette et la fiche de la couleur sélectionnée (nom, RGB, CMYK, HSL, HSV) se mettent à jour à chaque mouvement.
Comment on l'a construit
S'inspirer des références
Étude des outils que les designers utilisent déjà, Adobe Color en tête, pour reprendre ce qui marche et l'adapter au mobile.
Partir d'une base éprouvée
Connexion, abonnements, notifications, suivi des erreurs : une base de projet Flutter éprouvée couvre l'indispensable, et le temps va aux fonctionnalités qui font la différence.
Une architecture qui tient la route
Riverpod pour l'état, modèles immuables générés, accès aux données isolé derrière des interfaces : on peut changer de stockage sans toucher aux écrans.
Avancer par fonctionnalité, en montrant
Chaque brique est livrée de bout en bout puis présentée en vidéo sur LinkedIn pour recueillir des retours avant la suivante.
Une app avec une interface sur mesure ?
Composants dessinés à la main, gestes, animations : parlons de ce que votre app doit faire mieux qu'une interface standard.