Elvin Hu – Devstyler.io https://devstyler.io News for developers from tech to lifestyle Mon, 07 Feb 2022 10:21:03 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.2 Google Chrome is Changing its Logo for the first time Since 2014 https://devstyler.io/blog/2022/02/07/google-chrome-is-changing-its-logo-for-the-first-time-since-2014/ Mon, 07 Feb 2022 10:21:03 +0000 https://devstyler.io/?p=80594 ...]]> Elvin Hu, a designer for Google Chrome, tweeted a few days ago the news that the search engine is changing its logo for the first time since the past eight years.

He explained in details some of the thinking behind the ever-so-subtle changes. The new icons will start to appear across the devices very soon. Hu examined the refreshed logo design in next several tweets:

Hu explained that the team has simplified the main brand icon by removing the shadows, refining the proportions and brightening the colors.

Elvin made an interesting point that placing certain shades of green and red next to each other created an unpleasant color vibration. Just because of that the team introduced a very subtle gradient to the main icon to mitigate that, making the icon more accessible.

The team created OS-specific customizations in order to make the icons feel recognizable but also well crafted for each OS. For example, on Windows, the icons take on an obviously graduated look, appearing at home on Windows 10 & 11.

The team updated the ChromeOS, using brighter colors without gradients to match the looks of the rest of system icons. In fact, on macOS, they look 3D whereas for Beta and Dev, the team applied colorful ribbons.

The ribbons can also transform into simple badges at small sizes, maintaining their legibility. Speaking in more detail, the letters “B” and “D” representing “Beta” and “Dev” are manually hinted, so they look crisp at a very small size.

The Beta app on iOS will be using a blueprint-like design, as a nod to Apple’s developer-focused apps. The Stable app icon will also have new proportions on the tile.

Chrome’s experience has been also tailored to each OS, including features like Native Window Occlusion on Windows, day-one M1 support on macOS, Widgets on iOS/Android, and Material You on Android.

Furthermore, the team explored introducing more negative space. More specifically, the white required a stroke that shrunk the icon overall, and made it more difficult to recognize, especially next to other Google apps.

Elvin concluded that In the next few months, customers will start to see the refreshed version in app, on the web, and beyond. He also noted that the Google Chrome team is always happy to receive feedback from customers so that they can explore more ways to improve their work.

]]>