Material is the name of the game at the moment, with apps left, right, and centre adopting the new(ish) design standards and animations. While the Wallet Android app has been material for a while now, the web app has just been updated to adopt the desktop version of material design.
Generally speaking, the new web interface looks much like the Android app. There is a part to send or request money, a navigation drawer with options in it, including choosing what card to pay with and settings. There are a few things on one platform that are not on the other - Activity on the Android app and 'Cash Out' on the web app - but mostly they look the same on either, which is the aim of material design. Read More
Until now, the material design guidelines, which guides developers and designers for Android, Chrome OS, and the web on how to make an app that aligns with the respective platform, have only been available in English. Right before SPAN 2016, a design conference tomorrow in Tokyo, the material design guidelines have appeared in Japanese, direct from Google.
This version of the guidelines is a little different from the English copy. Instead of being available on the web and written in good ol' HTML and CSS, the Japanese translations are available as a series of PDF documents that are downloaded and available locally on your computer. Read More
Bank of America's Android app has been stuck on the same look since 2014 when version 5.0 added a hint of Material Design and saved the interface from its Froyo days. With this new version 7.0, the app gets a major facelift with plenty of new features.
The new redesign and side-menu are getting mixed reviews on the Play Store: some users are raving about how easy it is to use and others are complaining about how unintuitive it's become and how some areas require a lot more steps to get to. I can't verify that by myself since I'm not a BofA customer, so I'll let you praise it or vent about it in the comments. Read More
Google, following through on its promise that the material design spec is a "living document," has updated its design guidelines and suggestions again, this time adding more guidance on motion design, along with new sections for growth & communications and expanding panels.
First up, let's look at what's new in motion - Google has given motion design a more comprehensive section, outlining the principles of motion in material design. The section explains that material motion is responsive, natural, aware, and intentional. Transitions should be quick, clear, and cohesive.
After that brief primer, the motion section goes on to detail - at length - everything from duration and easing to transforming pieces of material and thinking about custom motion patterns that fit in with the material world. Read More
In a spec update timed perfectly for Pi day, Google has introduced some interesting new guidelines for developers and designers including - love it or hate it - bottom bar navigation.
Besides bottom bars (which we'll talk about in just a moment), Google has new guidance on split screen design (for Android only right now), advice for displaying passwords in input fields, and expanded guidance on accessibility including color, contrast, sound, motion, and hierarchy.
Back to bottom bars, though. We've seen this navigation pattern emerging in Photos and Google+ over the past months, and we've been questioning whether it might become A Thing on Android just as long. Read More
Some of you may think of Cerberus as a three-headed dog that guards the gates of Hell. Others may think of a service that can track down your phone and lock it as necessary. One of the two has decided to embrace material design. Read More
Nick Butcher (Developer Advocate at Google) recently published the source code for Plaid, an app meant to showcase material design on Android with playful animations, impeccable typography, and a simple, bold aesthetic. The code will provide useful examples for developers, but the app itself is worth keeping installed too - Plaid pulls stories from Designer News, Dribbble, and Product Hunt to serve up design news and inspiration, catered to your preferences.
Besides more standard material elements, the app has a few unique tricks. Specifically, the toolbar is behind the content rather than lying on top of it, making the scrolling action on the main grid a little more elegant. Read More
If you didn't already know, photographer Carl Kleiner is the mind behind the enchanting "material" wallpapers that came with Android Lollipop, and with more recent versions of Chrome and the Google app on iOS.
With the release of Marshmallow, Kleiner is back with even more creations and two bonus wallpapers to celebrate the release. But besides all that, Google Design has posted an interesting peek into the process behind the creations, called paperscapes, to its blog.
The new paperscapes go beyond the scope of the original pieces, integrating more complex geometry, greater color and textural contrast, and new materials like colored water and powdered ink to create compelling pieces that - at first glance - don't look like they could possibly be photographs. Read More