Matériaux et terminologie de Liquidify pour le Web.
Liquidify est une implémentation Web indépendante inspirée de Liquid Glass d’Apple. Ce n’est pas un produit Apple et le projet n’est pas affilié à l’entreprise. Le rendu du navigateur n’est pas présenté comme identique au rendu natif.
Le matériau combine CSS et SVG :
Le moteur utilise le DOM derrière le contrôle. Il ne nécessite aucune capture d’écran ni image de l’arrière-plan.
| Valeur | Usage |
|---|---|
frosted | Séparation plus marquée sur un arrière-plan chargé |
regular | Équilibre par défaut pour les contrôles et surfaces |
clear | Traitement plus léger sur un arrière-plan qui reste lisible |
Le matériau est indépendant du thème, de la teinte, de la variante du composant et de la fréquence de changement de l’arrière-plan. Gardez ces notions séparées dans votre interface.
L’effet de verre est une amélioration progressive. La hiérarchie, les libellés, le focus et les zones d’interaction doivent rester clairs sans réfraction complète. Ne communiquez pas l’état uniquement par la transparence.