banner



Home  ›  Material Design Ui Android App

Material Design Ui Android App

Written By Friday, November 19, 2021 Add Comment Edit

Design language developed by Google in 2014

Material Design
Google Material Design Logo.svg
Material Design.svg
Developer(s) Google
Initial release June 25, 2014; 7 years ago  (2014-06-25)
Stable release(s) [±]
Android 1.3.0[1]Edit this on Wikidata / 4 February 2021; 9 months ago  (4 February 2021)
iOS 124.1.1[2]Edit this on Wikidata / 16 March 2021; 8 months ago  (16 March 2021)
Web 10.0.0[3]Edit this on Wikidata / 5 February 2021; 9 months ago  (5 February 2021)
Preview release(s) [±]
Android 1.4.0-alpha01[4]Edit this on Wikidata / 22 February 2021; 8 months ago  (22 February 2021)
Repository
  • Web: material-components-web
  • Android: material-components-android
  • iOS: material-components-ios
  • Flutter: material-components-flutter
Written in HTML, CSS, Sass (v4), JavaScript, AngularJS, Angular, Java, Objective-C, Swift, Dart
Platform Android, iOS, Web
Type Design language software
License
  • Android, iOS: Apache-2.0 License
  • Flutter: BSD-3-Clause License
  • Web: MIT license
Website material.io

Material Design (codenamed Quantum Paper)[5] is a design language developed by Google in 2014. Expanding on the "cards" that debuted in Google Now, Material Design uses more grid-based layouts, responsive animations and transitions, padding, and depth effects such as lighting and shadows. Google announced Material Design on June 25, 2014, at the 2014 Google I/O conference.

The main purpose of Material Design is the creation of a new visual language that combines principles of good design with technical and scientific innovation. Designer Matías Duarte explained that, "unlike real paper, our digital material can expand and reform intelligently. Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch." Google states that their new design language is based on paper and ink but implementation takes place in an advanced manner.[6] [7] [8]

In 2018, Google detailed a revamp of the language, with a focus on providing more flexibility for designers to create custom "themes" with varying geometry, colors, and typography. Google released Material Theme Editor exclusively for the macOS design application Sketch.[9] [10]

Implementation [edit]

Material Design was to be gradually extended throughout Google's array of web and mobile products, 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.[11] [12] [13]

The canonical implementation of Material Design for web application user interfaces is called Polymer.[14] It consists of the Polymer library, a shim that provides a Web Components API for browsers that do not implement the standard natively, and an elements catalog, including the "paper elements collection" that features visual elements of the Material Design.[15] Google also has created an accompanying icon set licensed under the Apache 2.0 license.[16]

Updates [edit]

After the 2018 revamp, Google began redesigning most of their apps into a customized and adapted version of Material Design called the Google Material Theme,[17] also dubbed "Material Design 2",[18] which heavily emphasizes white space, rounded corners, colorful icons, bottom navigation bars, and utilizes a special size-condensed version of Google's proprietary Product Sans font called Google Sans.[19]

At Google I/O in May 2021, Google announced a new concept on Android 12 known as "Material You" (also known as "Material Design 3"[20]), emphasizing increased animation, larger buttons, and the ability for custom UI themes to be generated from the user's wallpaper.[21] Material You was gradually rolled out to various Google apps on older Android versions in the following months, and acted as a major focus on the Pixel 6 and Pixel 6 Pro smartphone series.[22] [23] [24]

See also [edit]

  • Android version history
  • Comparison of Material Design implementations
  • Flat design
  • Fluent Design System
  • Human interface guidelines
  • Metro (design language)

References [edit]

  1. ^ "Release 1.3.0 · material-components/material-components-android". 4 February 2021. Retrieved 16 March 2021.
  2. ^ "Release v124.1.1 · material-components/material-components-ios". 16 March 2021. Retrieved 16 March 2021.
  3. ^ "Release v10.0.0 · material-components/material-components-web". 5 February 2021. Retrieved 16 March 2021.
  4. ^ "Release 1.4.0-alpha01 · material-components/material-components-android". 22 February 2021. Retrieved 16 March 2021.
  5. ^ "Exclusive: Quantum Paper And Google's Upcoming Effort To Make Consistent UI Simple". Techcrunch . Retrieved 11 June 2014.
  6. ^ "Google's new 'Material Design' UI coming to Android, Chrome OS and the web". Engadget . Retrieved 26 June 2014.
  7. ^ "Google's New, Improved Android Will Deliver A Unified Design Language". Co.Design . Retrieved 26 June 2014.
  8. ^ "Google Reveals Details About Android L at Google IO". Anandtech . Retrieved 26 June 2014.
  9. ^ Amadeo, Ron (2018-09-13). "Android 9 Pie, thoroughly reviewed". Ars Technica . Retrieved 2019-01-25 .
  10. ^ "Google makes its Material Design system easier to customize". TechCrunch . Retrieved 2019-01-25 .
  11. ^ Chris Smith (30 July 2014). "Google's Material Design is about to change the way we look at the worldwide web". BGR.
  12. ^ "We just played with Android's L Developer Preview". Engadget. AOL. Retrieved 26 June 2014.
  13. ^ "Google's next big Android redesign is coming in the fall". The Verge. Vox Media. Retrieved 26 June 2014.
  14. ^ "Polymer paper elements". Archived from the original on 2015-02-14.
  15. ^ "Material design with Polymer". Archived from the original on August 20, 2014.
  16. ^ "Material Design". Material Design . Retrieved 2021-05-19 .
  17. ^ "Material Design". Material Design . Retrieved 2020-09-06 .
  18. ^ Hall, Stephen (2018-04-26). "What exactly is this so-called 'Material Design 2,' and what will it look like?". 9to5Google . Retrieved 2020-09-06 .
  19. ^ Hall, Stephen (2018-05-09). "Now we know: Google Sans is actually a size-optimized version of Product Sans". 9to5Google . Retrieved 2020-09-06 .
  20. ^ Material Design [@materialdesign] (October 17, 2021). "🎊 The latest in Material Design is NOW available. With Material Design 3, our next generation of the system, we're introducing Material You — a new set of features that help make your apps more personalized. Give it a try → goo.gle/m3-material-io #AndroidDevSummit" (Tweet). Retrieved October 17, 2021 – via Twitter.
  21. ^ Bohn, Dieter (2021-05-18). "Android 12 preview: first look at Google's radical new design". The Verge . Retrieved 2021-05-19 .
  22. ^ Warren, Tom (September 10, 2021). "Google's Material You design is coming to Gmail, Calendar, and Docs on Android". The Verge . Retrieved September 19, 2021.
  23. ^ Li, Abner (September 15, 2021). "Google Photos rolling out Material You redesign, but without Dynamic Color". 9to5Google . Retrieved September 19, 2021.
  24. ^ "Google Contacts is already getting its Material You UI makeover". Android Police. 2021-07-29. Retrieved 2021-09-19 .

External links [edit]

  • Official website Edit this at Wikidata

Material Design Ui Android App

Source: https://en.wikipedia.org/wiki/Material_Design

Posted by: hensonkettere.blogspot.com

0 Response to "Material Design Ui Android App"

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel