Découvrez la révolution visuelle de Google avec le lancement de Material 3. Cette refonte audacieuse met l’accent sur l’expression personnelle, offrant des fonctionnalités améliorées et une interface intuitive. Plongez dans les innovations qui transforment notre expérience numérique et redéfinissent le design moderne à travers des outils créatifs puissants.

Les Redesigns Expressifs de Material 3 de Google : Ce Qui Roulent

Google a récemment lancé sa nouvelle langue de design, Material 3 Expressive, qui est en cours de déploiement sur plusieurs applications Google. Voici un aperçu des redesigns disponibles et de ceux à venir sur les téléphones Android.

Déploiement Actuel

[Nouveau] Google Drive

Cette refonte commence avec une barre de recherche en haut de l’application, tandis que la vue en liste ou en grille est regroupée dans un grand conteneur. Un groupe de boutons connecté permet de basculer entre les options de liste et de grille.

[Mis à jour] Gmail

Dans Gmail, la liste des emails ainsi que les messages sont placés dans un conteneur, et une animation en forme de pilule est mise en avant lors de l’utilisation des gestes de balayage. La barre de recherche adopte un nouveau design qui déplace le bouton hamburger et le changeur de profil à l’extérieur du champ, maintenant plus épais.

[Mis à jour] Google Wallet

Le logo de l’application a remplacé le mot "Wallet" dans le coin supérieur gauche, tandis que la liste des passes en dessous du carrousel utilise des cartes plus épaisses. La page d’activité récente a également été mise à jour avec des conteneurs. Une animation NFC tap-to-pay est intégrée, avec un fond translucide et un indicateur de succès animé lorsque vous effectuez une transaction.

[Mieux-être Numérique]

La page principale de cette "application" (dans les paramètres) a été mise à jour avec le design M3 Expressive. En plus des conteneurs, le graphique en forme de donut est devenu plus épais, et cette mise à jour est déployée avec la version bêta 1.30.x.

Google Photos

Un nouvel indicateur de sauvegarde en haut de l’application remplace "Google Photos". Lors du lancement, un logo s’anime pour indiquer que la sauvegarde est terminée. Vous pouvez faire glisser vers le bas pour voir des formes Material 3 Expressive en arrière-plan, qui indiquent également combien vous avez stocké dans le cloud.

Google One

L’application passe à une barre inférieure plus courte, tandis que les cartes (et les paramètres) sont placés dans des conteneurs plus visibles. Google One a supprimé ses infographies pour densifier l’application.

Phone by Google

Contrairement aux autres applications, Phone by Google utilise Material 3 Expressive pour une refonte complète. La barre inférieure passe de quatre onglets à trois, avec "Favoris" et "Récents" devenant "Accueil". Un nouvel onglet "Clavier" remplace le FAB, tandis que "Messagerie vocale" reste inchangé. Les contacts sont maintenant accessibles via un tiroir de navigation.

Google Keep

Google Keep utilise le nouveau composant de barre de recherche M3 Expressive, qui déplace le bouton hamburger et le changeur de profil à l’extérieur de la barre de recherche. La page des notes a également été mise à jour avec tous les boutons (Archivage, menu "plus", etc.) placés dans des conteneurs.

Google Messages

La liste des conversations et le fil de discussion sont maintenant placés dans des conteneurs arrondis. Google a également redessiné le menu "plus" avec toutes les options regroupées dans des pilules. D’autres parties de l’application qui bénéficient de Material 3 Expressive incluent le nouveau chat, la recherche et les paramètres.

Lancements Récents

[Nouveau] Google Contacts

Cette refonte simple place tout dans des conteneurs, la barre inférieure étant maintenant plus courte. Des ajustements de couleur ont également été effectués sur le fond de l’application.

[Nouveau] Google Calendar

Les créneaux horaires sont désormais placés dans leurs propres conteneurs arrondis à travers les différentes vues de l’application (Jour, Semaine, Mois). Cela remplace les lignes faibles utilisées précédemment, et un fond solide dans la couleur dynamique principale est maintenant ajouté.

[Nouveau] Google Docs, Sheets et Slides

Les mises à jour dans ces trois applications se concentrent spécifiquement sur l’interface de l’éditeur, avec un nouvel indicateur de progression Material 3 Expressive lors du chargement des documents. Les boutons en forme de pilule sont utilisés partout, et la feuille de format a été entièrement modernisée, y compris avec le composant bouton divisé.

Google Meet

Google Meet est la première application à avoir largement déployé un redesign Material 3 Expressive. Sur la page d’accueil, chaque appel est placé dans une grande carte, illustrant l’utilisation importante de conteneurs dans M3E. L’écran de pré-appel présente également de grandes icônes de voix et de vidéo qui semblent surdimensionnées, tandis que les boutons passent de cercles à des carrés arrondis.

Pour plus de détails sur ces changements, vous pouvez consulter le site Material Design.