Aller au contenu
SkillCodex

Comparaison de styles

Glassmorphism vs Liquid Glass

Le glassmorphism habille des surfaces de contenu. Liquid Glass réserve un matériau adaptatif aux contrôles et à la navigation Apple.

Le contenu, la structure et les libellés sont strictement identiques des deux côtés : seule la direction visuelle change.

Même contenu, rendu en Glassmorphism.
Même contenu, rendu en Liquid Glass.

Choisir Glassmorphism

Choisis le glassmorphism pour des cartes ou panneaux décoratifs sur un fond que tu contrôles.

Choisir Liquid Glass

Choisis Liquid Glass dans une application Apple pour une couche de contrôle native au-dessus du contenu.

La différence, critère par critère

CritèreGlassmorphismLiquid Glass
Surface traitéeCartes, panneaux et parfois contenu principal.Contrôles, barres et navigation uniquement.
MatériauRecette visuelle générique fondée sur transparence et flou.Matériau adaptatif défini par Apple et exposé par ses API.
Relation au fondUn fond vif est choisi pour colorer les panneaux.Le matériau s’adapte au contenu réel qui défile dessous.
ImplémentationCSS possible avec fallback opaque et contrôle du contraste.API native sur Apple. Toute version web reste une approximation.

Questions de vérification

  1. 1Le verre touche-t-il le contenu ou uniquement les contrôles ?
  2. 2Le fond est-il décoratif et choisi, ou réellement dynamique ?
  3. 3L’implémentation utilise-t-elle une API Apple officielle ?

Sources croisées