Google dévoile « Material Design »
Son langage de conception d'interfaces utilisateur unifiées pour le Web, Android et Chrome OS

Le , par Hinault Romaric, Responsable .NET
Android L a été présenté par Google lors de la première journée de la conférence Google I/O. Derrière sa nouvelle interface utilisateur, se cache « Material Design », dont l’objectif ambitieux est d’unifier l’aspect graphique des produits et services Google.

« Nous avons imaginé […] et si les pixels n’ont pas seulement la couleur, mais aussi la profondeur ? Et s’il y avait un matériau qui pouvait changer sa structure ? Cela nous a conduit à ce que nous appelons Material Design », introduit Matias Durate, directeur de l’expérience utilisateur Android chez Google, lors de sa keynote.


« Material Design » est en quelque sorte un langage de conception, qui permettra de donner le même look aux applications Web, Android, iOS et Desktop de Google. La solution permettra également aux développeurs tiers de créer des applications avec des interfaces unifiées pour le Web, les smartphones et tout autre dispositif Android ou Chrome OS.

Ainsi, que ce soit sur les services Web de Google, dans une voiture embarquant Android Auto, un smartwatch sous Android Wear, un équipement de divertissement sous Android TV, un smartphone, une tablette sous Android ou encore un Chromebook, l’utilisateur pourra retrouver la même expérience utilisateur, sans toutefois être dérouté.


« Material Design » s’inspire grandement de ce qui a été fait par Microsoft avec son Modern UI qui, développé à la base avec Windows Phone, avait été étendu au Desktop, tablettes, services Web et applications de la société. D’ailleurs, « Material Design » reprend les carreaux plats de Modern UI et y associe une présentation visuelle très colorée.

« Material Design » apporte une nouvelle iconographie, une nouvelle typographie et des effets visuels plus cohérents. L’IU se veut intuitive et centrée sur les animations. Il sera possible pour les développeurs de spécifier les comportements d’animation pour contrôler la façon dont les éléments de l’IU rebondissent, glissent, se développent, apparaissent et disparaissent, avec des effets 3D.




Pour Google, il s’agit de rendre réel chaque animation, chaque ondulation et chaque ombrage. « Contrairement au papier physique, notre ‘digital material’ peut s’augmenter et se reformer intelligemment. Material présente des surfaces physiques et des bords. Les ombres donnent un sens à ce que vous pouvez toucher », a expliqué Matias Durate.

Les applications et les services de Google seront progressivement mis à jour pour refléter cette nouvelle interface. Les applications Gmail et Calendar dans Android ont déjà eu droit à un lifting pour se conformer à cette « Material Design ».

Les développeurs sont invités à prendre connaissance des nouvelles directives introduites par « Material Design ».

Source : Material Design

Et vous ?

Que pensez-vous de « Material Design » ? Et de l'objectif que veut atteindre Google avec ce projet ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de michel.bosseaux michel.bosseaux - Membre averti https://www.developpez.com
le 26/06/2014 à 13:00
Ayant une amie qui termine actuellement ses études d'infographie (Bachelier en techniques graphiques) et qui, pour son TFE, va notamment créer un site internet avec plein d'animations ... je viens de lui suggérer l'outil Webdesigner, et elle semble emballée. Etant donné que c'est elle qui me réalise le design des sites que je conçois, si elle est emballée, ça me profite aussi ^^

Sérieusement, l'outil n'est qu'une béta, comme toujours avec les produits google il doit manquer au départ certaines options avancées... mais la base semble extrèmement bien réalisée et déjà très utile. J'applaudis.
Avatar de Shuty Shuty - Membre éprouvé https://www.developpez.com
le 26/06/2014 à 13:47
Citation Envoyé par michel.bosseaux  Voir le message
Sérieusement, l'outil n'est qu'une béta, comme toujours avec les produits google il doit manquer au départ certaines options avancées...

C'est valable pour tout projets, peut importe la firme.

Je suis tout autant intéressé que certain, ca peut être un très bon outils. Reste à attendre des how to.
Avatar de IsiTech IsiTech - Membre actif https://www.developpez.com
le 26/06/2014 à 14:18
Je viens de lire toutes les guidelines et j'aime beaucoup ! C'est rempli de bonnes idées, tout est bien documenté et notamment les tailles de chaque élément ainsi que les comportements attendus. J'apprécie le design également, que je trouve moderne, simple et efficace. Maintenant j'attends les API pour intégrer tout ça à mon application .
Offres d'emploi IT
Ingénieur développement fpga (traitement vidéo) H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY
Ingénieur intégration, validation, qualification du système de drone H/F
Safran - Ile de France - Éragny (95610)
Architecte sécurité des systèmes d'information embarqués H/F
Safran - Ile de France - 100 rue de Paris 91300 MASSY

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil