Visual Design for Google

Google Products

Google’s visual redesign identity project was inspired by the CEO Larry Page in 2011 to enhance the company’s main products identity including search, maps, mail and software suite especially app icons and the UI elements. The project was then started in January 2012 leads by their senior graphic designer Roger Oddone, art director Christopher Bettig and with their designers team.

Gmail icon design

The are simple, modern, friendly and sometimes quirky. Product icons are highly simplified, exaggerated and caricatured in nature so that they are appropriate for use at small size.

Let’s see how the design dept of Creative Lab behind this internet giant develop and redesign the User Interface (UI) of Google’s visual assets for their products and become guidelines for their product’s UI designers, app developers and their vendors. The style then being trendy all over the net.

Redesign Process

Google Earth
Google Earth
Design on White background
Design on Dark background

 

Corporate color
Simplified from 3D to Flat Design
Simplified from 3D to Flat Design

 

The Design Principles

The designs should be simple, straight forward and user friendly, so they are several rules to be made clear.

Good Geometric Shape – the more geometrical shapes used, the better and make it as precise as possible.

Design Principle - Geometric
Geometric

.

Front Facing – front view and symmetrical shapes always communicate better for user compared to isometric 3D style.

Design Principle - Front Facing
Front Facing

.

Flat & Shadow – flat design looks clean & beautiful, light and fast loading.

Flat & Shadow
Flat & Shadow

.

Pixel Perfect – as these designs are tiny and for screen devices, always make sure the pixels are in their grid to keep them perfect for HD or retina screen.

Design Principle - Pixel Perfect
Pixel Perfect

 

Source: Google Visual Assets Guidelines P1 | Google Visual Assets Guidelines P2
a

Visual Design for Google seems getting smatter and lighter. We might probably see Google start transforming their visual assets into SVG near future..

One thought on “Visual Design for Google

Leave a Reply

Your email address will not be published. Required fields are marked *