IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

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

232PARTAGES

3  0 
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 ?

Une erreur dans cette actualité ? Signalez-nous-la !

Avatar de 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 .
2  0 
Avatar de michel.bosseaux
Membre confirmé 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.
1  0 
Avatar de 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.
1  0