Saturday, October 25, 2014

Google: "Material Design" (icons, Android 5.0, Polymer)

Introduction - Material Design - Google design guidelines:
"We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design."

  • Material is the metaphor
  • Bold, graphic, intentional
  • Motion provides meaning
(Formerly titled “Cross-platform design”)


Release Material Design Icons · google/material-design-icons · GitHub
1


"Material design (codenamed quantum paper)[1] is a design language developed by Google and announced at the Google I/O conference on June 25, 2014. Expanding upon the "card" motifs first seen in Google Now, it is a cleaner design with increased use of grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows."
Material design is used in Android 5.0 "Lollipop"

Material design is also used in Google Drive andGoogle Docs, Sheets and Slides, and will be gradually extended throughout the Google's array of web and mobile products (including Google Search, Gmail and Google Calendar), providing a consistent experience across all platforms and applications. Google has also released application programming interfaces (APIs) for third-party developers to incorporate the design language into their applications.


Polymer project
"Web Components usher in a new era of web development based on encapsulated and interoperable custom elements that extend HTML itself. Built atop these new standards, Polymer makes it easier and faster to create anything from a button to a complete application across desktop, mobile, and beyond."



When Microsoft created "Metro" design language (renamed later to "Modern"), while interesting and good in some aspects, that didn't work out too well for Windows 8. Neither Microsoft or Google are like Apple... But Metro "digital first" did influence others, including recent iOS design.

No comments: