Google Products

Visual Design for Google

Posted 1 CommentPosted in Design, Software, Web

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

cmyk

Printing Guide – ID, PS, Ai, PDF

Posted Leave a commentPosted in Photoshop, Software, Vector

cmyk

The latest Adobe Printing Guide version CS6 for designers, advertising agency, printing and creative industries is a must have printing guide book especially for Adobe design apps users. This free 149 pages ebook by Adobe Design Center focus on mostly used Adobe apps for design and printing production which are:

  • PDF Creation – in Illustrator, InDesign, Photoshop & Acrobat
  • InDesign CS6 – New Features, Preparing InDesign Documents for Output, Working With a Book File, etc.
  • Photoshop CS6 – New Features, Color Mode, Image Format, Printing from Photoshop
  • Illustrator CS6 – New Features, Live Effects, Complex File, Examining Customer Files, Forensic Tools, Printing from illustrator, etc.
  • Acrobat X Pro – Improved Features, Overprint Preview, Print Production Tools, Editing PDF Files, many more.
Adobe Printing Guide

 

“While this document is focused on the needs and requirements of printers, it is also useful for production artists who are preparing files for print” – Adobe

What This Guide Is Intended to Do

This guide serves as both a detailed technical reference for handling Creative Suite 6 files from your customers, and as a training tool for your staff. For example, this guide will introduce you to forensic tools, such as the Overprint Preview option in Illustrator, InDesign, and Acrobat X Pro, as well as the Output Preview function in Acrobat, all of which are invaluable in highlighting potential problems. The earlier you can pinpoint problems in a job, the less expensive and complicated they are to rectify.

Go get the Adobe Creative Suite Printing Guide