Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Introduction to material design
Melissa Powel (Google UX)
Verónica Traynor
Octubre 2015. Google, buenos aires.
What is material design?
google.com/design
What is material design?
● Material design is a visual language that synthesizes
classic principles of good design with th...
Tangible: material is a metaphor
● Surfaces and edges of the material provide visual
cues that are grounded in reality.
● ...
Print-like Design: bold, graphic & intentional
● Typography, grids, space, scale, color, and use of
imagery do far more th...
Motion provides meaning
● Motion respects and reinforces the user as the
prime mover.
● Motion is meaningful and appropria...
Improved UX = Improved ROI
Material design does NOT mean
copy Google design
How to maintain your unique flavor
CRANE AIR | Reference: https://design.google.com/articles/expressing-brand-in-material/
PESTO | Reference: https://design.google.com/articles/expressing-brand-in-material/
ABISCO | Reference: https://design.google.com/articles/expressing-brand-in-material/
Shrine | Reference: https://design.google.com/articles/expressing-brand-in-material/
Main components
FLOATING
ACTION
BUTTON
● A floating action button represents the primary
action in an application.
● They are distinguished by a circled icon flo...
DO
DON´T
CARDS
● A card is a piece of paper with unique related data
that serves as an entry point to more detailed
information.
● For ex...
DO
DON´T
TILES
● A tab provides the affordance for displaying
grouped content.
● Use tabs to organize content at a high level, for
exampl...
DO
DON´T
DON´T
Introduction to material design
Melissa Powel (Google UX)
Verónica Traynor
Octubre 2015. Google, buenos aires.
CRANE AIR | Reference: https://design.google.com/articles/expressing-brand-in-material/
CRANE AIR | Reference: https://design.google.com/articles/expressing-brand-in-material/
CRANE AIR | Reference: https://design.google.com/articles/expressing-brand-in-material/
CRANE AIR | Reference: https://design.google.com/articles/expressing-brand-in-material/
Prochain SlideShare
Chargement dans…5
×

CRANE AIR | Reference: https://design.google.com/articles/expressing-brand-in-material/ Introduction to Material Design - Google

30 837 vues

Publié le

CRANE AIR | Reference: https://design.google.com/articles/expressing-brand-in-material/

Publié dans : Design, Internet
  • Download The Complete Lean Belly Breakthrough Program with Special Discount. ●●● https://tinyurl.com/y6qaaou7
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Profollica�'s all-natural formula helped 90% of men reduce hair loss in a clinical trial.  https://tinyurl.com/y49r9d8j
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Is it possible to improve your memory? How can I improve my memory recall? more info... ♥♥♥ https://tinyurl.com/brainpill101
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • How One Woman Discovered the Female Fat-Loss Code Missed by Modern Medicine And Lost 84lbs Using a Simple 2-Step Ritual That 100% Guarantees Shocking Daily Weight Loss... ●●● http://scamcb.com/poundinc/pdf
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici
  • Who Else Wants To Cure Their Acne, Regain Their Natural Inner Balance and Achieve LASTING Clear Skin? Click Here  https://bit.ly/2SaU9sk
       Répondre 
    Voulez-vous vraiment ?  Oui  Non
    Votre message apparaîtra ici

×