At the beginning of the year, Google presented the redesign of the Chrome logo, regarding the 100th update of the browser, changing the visual identification of the icon after more than eight years without changes.
Now, in a new blog post, they take up statements by visual designer Thomas Messenger and interaction engineer Elvin Hu, where they detail how was the process to define the version and choose the one that would adapt to the user, revealing some rather more striking proposals and outside the design line up to that moment.
For example Thomas notes that during the exploration process, the team decided to try “all kinds of ideas“, since smooth corners, work with different types of geometries and even separate or not each of the sections using white color.
What could be Chrome
Another direction was to completely change the form that had been used for the last 12 years, including from figures with blank fill, different shapes for sections and even color sweeps completely moving away from what was known until now.
Ultimately, however, the team concluded that what was recognized were the four colors of the iconas well as its circular composition, so the design line continued to focus on respecting those parameters.
Once the elements that would integrate the redesign were decided, the process to refine the logo followed, testing it in different environments and evaluating subtle color changeswith the intention of verifying that it was not lost in any of the places where it was to be deployed.
Among the modifications to select a specific gradient, which unfortunately, was “blended” when Windows 11 default wallpaper was used and the taskbar, which proceeded to adjust the tones.
In addition, seeking to make the icon more accessible, features such as the proportions of elements were reviewed, including that of the central blue ball, and working with employees who had vision problems, it was discovered that refine the sizes and update the white stroke central made it more recognizable.
Even other versions were created with smaller sizes to make it more readable and prevent blurring by aligning it to pixel boundaries.