Just in time for Google’s annual I/O developers conference, the web giant launched a pretty dramatic redesign to its Google+ social networking arm and Google Maps.
And Google is on-trend.
The design scheme, while not completely flat, is almost flat and could evoke a whole new design trend of its own.
Flat Design Refresher
Flat design is a method that does not use any extra effects to create a scheme that does not include any three-dimensional attributes. There are no drop shadows, bevels, embossing, gradients or other tools used that help lift elements off the screen or create added depth. Icons and UI elements are crisp and without feathered edges and shadows.
Almost flat design is also without many bells and whistles, but can include some effects. Almost flat design uses many of the same principles of flat design – bold color for calls-to-action and simplicity when it comes to interface and typography. What’s different is the use of subtle gradients and drop shadows to help users understand what to click or tap and how to interact with what’s on the screen.
Google and Flat Design
First things first, the new Google design is not truly flat but it does borrow a lot of concepts from flat design. The new user interface is sharp and colorful (especially clickable buttons and calls-to-action such as those prompting you to complete parts of your profile). Google is giving items more room to breathe with added spacing and cleaner typography.
The look is simple and direct.
Google+ is based on a series of “cards.” Everything within each card is basically flat, aside from the small shadows on +1 and share buttons. Card edges include shadows and effects for extra depth. The same is true of the navigation bar across the top of the screen and if you look closely, the notification and share buttons contain light gradients. With a closer look, you will find that hovering the mouse of hashtags brings up a rather large shadow around the box.
Google Maps is getting a visual (and UI) overhaul as well. (You can request an early invite to be among the first to try out new desktop browser-based features.)
The Google Maps design scheme, too, is almost flat. Logically, it looks like an extension of Google+ with cards overlaid on maps for directions, photos, places and more. If you use the Google Maps app for iOS, you already have a good idea of how it will look because it is already using an almost flat design scheme.
The new UI also includes feature updates such as transportation comparisons for directions, better and more photos that correspond to maps and more interactive maps that include a “clickable something” for almost any point on the map.
Gmail is also going to feature the flat style. The look, which debuted for iOS users earlier this year, features the same card-style look at the rest of the Google redesign and more colorful buttons and icons, that are very much representative of the flat design trend.
Desktop users likely noticed the change a few months back as well, although for those who use photo themes the change might not have been that noticeable. Where you can really see the influences of flat design are in labeling (hello, bright colors) and in the look of buttons. (I would anticipate that desktop mail begins to migrate more toward the look of the app in coming months.)
What Does this Mean for Flat Design?
So now that the flat design trend has been accepted by Google is it over? Or will more designers avoid the middle ground of almost flat design because Google did it?
That remains to be seen.
But we do know one thing. The flat design trend has come out in a major way. You can debate whether it works – most designers either love or hate it – but now you must acknowledge it.
A New Trend?
Almost flat design really makes a splash with the new Google look.
It’s not a new concept, but tends to get lost in the flat vs. skeuomorphism debate. The simplicity and the chatter surrounding the new Google look could be enough to really get it off the ground in a major way.
What’s more interesting to look at is the idea of cards for design. The look, which is very Pinterest-inspired, is beginning to pop up in more places. (ebay’s latest design also includes cards.) Is this the start of a renewed interest in modular design themes?
Other Google Announcements
In addition to design changes, Google had a few other bits of news to share. Here are some of the changes coming soon to a Google product near you – and you better believe each will include some of Google’s new, almost flat, card-style design.
Google Search: Voice activation is being added to Google Search for Chrome browser users. (Think Siri for Google.) This is a feature that you will be seeing on both desktop and mobile applications. Google is also adding voice-activated reminders and notes as well. The look is very much like some of the flat-designed apps we are seeing out there; it’s clean and easy to use. The search engine itself also returns results in a much flatter-looking style that is most noticeable in image search results.
Google Play: The game services application is intended to make gaming more social on a cloud-based platform. Google Play users can share achievements, merge gaming activities with Google+ and play in real time. And the design is super-simple and basically flat.
Google Music: Google is joining the music business with Google Play Music All Access for Android. The subscription service will go head-to-head against services such as Pandora and Spotify and the library includes millions of songs and will recommend new music for you. It too uses the card theme, and adds another element of the flat design trend – bold color I the headers.
Google and Android: Google has a new little nugget for developers as well, Android Studio, an IDE made just for Android developers. It’s available now for download and free to use and is an open source development project. The concept is that the tools allow you to build a system that adapts to each project and includes a powerful code editor. It is based on Gradle and Google says it “provides flexibility, customized build flavors, dependency resolution, and much more.”