Roman Nurik may best be known for applications on the Play Store like Dashclock and Muzei Live Wallpapers, but he’s also the guy who designs the Google I/O app, with the help of his team of course, and in the latest dev bytes video Roman takes a dive into the changes of Material Design and explains some of the things that are important with the guidelines by using the Google I/O app as an example. Google uses the I/O app to serve as a reference for the new design guidelines for developers, should there be any. They did the same thing back when the major design changes came in the form of holo to the Android UI.
Whether you are just generally interested in the details about Material Design or you’re a developer who has an app and are planning to do some updates and changes to your apps design and UI, the video is worth a watch as it goes into some good stuff. Roman explains the importance of surfaces and shadows, explaining how important they are within Material Design and that they play a big role in helping to convey the structure of applications. Another thing that Roman talks about is the use of colors within Material Design, stating that interfaces should be “Bold, Graphic, and Intentional”, and that the visual appearance of the UI within applications should be inspired by the foundational elements of print-based design.
Also explained in the video and the Android Developers blog post, are other important key points like margins and grids, but Roman also points out little key details that they focused on like the “add to schedule floating action button” and touch ripples. Both of these play a part in the animations aspect when you touch the display and really bring a certain flare to the style of Material Design. The biggest or perhaps most obvious points about Material Design’s styles(these are the things that users should notice the most)are the use of bright, bold colors and the animations and touch interactivity. Material Design is certainly bold, but it’s also very beautiful and all of these changes and elements come together to form a cohesive and lively UI experience. Check out the video below and jump to the original blog post to read everything in full detail.