A Summary of Google's Visual Assets Guidelines

Figure 1

Senior Designer Roger Oddone has shared a summary of Google's Visual Assets Guidelines via Behance, separated into two projects. It's a fascinating look into the inner-workings of graphic design thinking at Google.

Part 1 [figure 1] outlines their product icon guidelines. Google describes the icons as: "simple, modern, friendly, and sometimes quirky ... highly simplified, exaggerated, and caricatured … Some of our product icons are literal, but they can also be metaphorical, symbolically representing the features of a product."

Part 2 [figure 2] shows how iconography is used in User Interface design, including proportion, sizing and padding, as well as modernist illustrations that are used in its product videos.

Introductory text from Roger Oddone's Behance project page:

"Google’s brand is shaped in many ways; one of which is through maintaining the visual coherence of our visual assets ... In January 2012, expanding on the new iconography style started by Creative Lab, we began creating this solid, yet flexible, set of guidelines that have been helping Google’s designers and vendors to produce high quality work that helps strengthen Google’s identity."

Figure 2


These detailed guidelines set forth a brand re-fresh and new cohesive rule-set for Google's graphic design style. The result is a simplified and modern design approach for all of their products. Gone are the glossy, over-designed icons of the past.

View Google's Visual Assets Guidelines in full via Behance: Part 1 and Part 2.


TEAM CREDITS:

Google design style:

Executive Creative Director: Chris Wiggins
Senior Graphic Designers: Jesse Kaczmarek, Nicholas Jitkoff, Jonathan Lee

Guideline design:

Art Director / Team Manager: Christopher Bettig
Senior Graphic Designer / Project lead: Roger Oddone
Designers: Alex Griendling, Christopher Bettig, Jefferson Cheng, Roger Oddone, Yan Yan, Zachary Gibson
Contributors: Web Studio, Brand Team, Creative Lab

 

Source: http://www.behance.net/gallery/Google-Visu...