If you're into framing screenshots with beautiful device art, the process really doesn't get much easier than using Google's official Device Art Generator. Perennially updated with the latest Google devices, the tool started its life as part of Roman Nurik's indispensable Android Asset Studio project, but since graduated to the official Android developers site.
The latest update to the generator, if you haven't guessed, includes frames for the Pixel and Pixel XL. Also at the top of the lineup are the Android Wear, Nexus 5X, and Nexus 6P frames. The "older devices" selection has over time been pared down to just the Nexus 6 and 9. 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
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
For the designers in our audience, I'm back with another quick Sketch resource to download - this time, it's a sticker sheet for N-style notifications. There are eight variations, plus a simple frame to stick your sample notifications in.
Android N's notifications actually follow a very predictable style so far. There's a header line, which usually has an icon, app name, some secondary identifying info, time, and an expand/collapse toggle, and then there are two lines of text. The top line is primary messaging or identifying info (like a message-sender's name) and the second line is a secondary message, explanation, or text preview. Read More