Android Police

Articles Tagged:

material

...

Google Wallet's web app goes material, looks the same as the Android app

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
...

Material design guidelines translated into Japanese ahead of SPAN 2016 in Tokyo

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
...

Genius 2.0 lets you save lyrics for offline, adds slick animations in redesigned song page

Genius, which started out as Rap Genius, is a cool Android app for music lovers who want to not just discover the lyrics to their favorite songs, but also the stories and trivia behind them. With version 2.0, the app is getting a couple of nifty new features, none more important than the slick animation on the redesigned song page.

Read More
...

Material design spec adds guidance on 'up' vs 'back' navigation, strong words for notification spam, and more in August update

After adding an entirely new section on motion - and new guidance on onboarding and growth - back in May, Google Design is back with another update to the material design spec.

The August 2016 release includes new documentation for Nougat's new notifications, confirming and acknowledging user actions, and widgets, with updates coming to the navigation and full-screen mode sections.

Nougat's notifications, as we've seen through a handful of preview releases now, have a somewhat more complex or info-rich design compared to previous generations. In its new section on notifications, the spec breaks down all the bits and pieces from headers to action areas.

Read More
...

Bank of America revamps interface in version 7, adds Spanish language, FICO Score, and credit card rewards

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 Updates Design Spec With New Recommendations On Motion & Growth

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.

Screen Shot 2016-05-11 at 9.51.30 PM

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
...

Bottom Bars Officially Become A Thing With Latest Material Spec Update

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
...

Cerberus Website Gets A Substantial Material Redesign

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's Plaid App Is A Gorgeous (Open Source) Showcase For Material Design

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.

plaid_demo

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
...

Google Design Gives An Inside Look At Carl Kleiner's Paperscapes (Plus Two New Wallpapers)

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
Page 1 of 712345...Last»