![]() ![]() Yet, the most drastic changes were reserved for the iOS beta app icon, revealing a ‘ blueprint-like design, as a nod to apple’s developer-focused apps’. the team also released new tweaks for the beta and developer versions by adding ‘ colorful ribbons to them. in contrast, the chromeOS icon will look brighter and flatter, and the windows 10 and 11 model will depict stronger color gradients. the macOS version will take on a 3D look by shading its borders. ![]() Once these changes were made, the company began customizing the new icon to fit different platforms’ UI language. Since 2011, the chrome logo revealed gradually subtler variations this indiscernable touch makes the final icon look visually ‘ more accessible’. New google chrome icon | all images by elvin hu via twitterĪ simplified look that adapts to different UI languagesĪccording to hu, chrome simplified its main logo design to ‘ align with google’s more modern brand expression.’ indeed, by lifting off the shadows, using brighter tones, and fine-tuning its proportitions, the new icon appears almost completely flat but crispier than its previous versions.Īdditionally, chrome injected very subtle gradients to avoid ‘an unpleasant color vibration’ once the shadows were removed. In a recent twitter thread, chrome designer elvin hu shares the logic behind the revamp and what design adaptations users can expect across different platforms and software. now, for the first time since 2014, the brand has launched its latest icon look with even subtler tweaks that can be hard to spot at first glance. ![]() Over the years, google chrome’s logo has been taking on new and progressively subtler variations while maintaining its essential features: the circular shape elevated by five distinct colors (yellow, green, red, blue, white). «We want the icons to feel recognizably Chrome, but also well crafted for each OS,» he writes on Twitter.The new google chrome icon features subtle design variations ![]() «When you see it, you should immediately know and feel that it’s Google.»Įlvin Hu and his team didn’t settle for just a logo: the Chrome icon on Windows is different from the one on Mac. The search giant’s products are meant to feel the same on each platform use the same colours and speak the same visual language. Looking closely, she sees the small differences and realises that this is part of a larger effort by Google. I see only Chrome – and not gradients or blue circles.» She says she wouldn’t have noticed that the logo is new on her screen, be it on a smartphone or PC. «From a professional standpoint, it makes no sense.» Part of ecosystems and a strategy Why are there colour gradients if they’re nigh invisible? «I was wondering the same thing,» Mariana says. «Shadows and gradients are trends that come and go,» says Mariana, «but from a user experience perspective, high contrast levels are more accessible to users whose eyesight isn’t perfect.» She goes on to explain that this only applies to user interfaces, not to the usability of the app itself a feature may still be cumbersome, even if it can be clearly perceived by everyone. And Green 600 (HEX 43A047) transitions to Green 500 (HEX 4CAF50). Yellow 600 (HEX FDD835) transitions to Yellow 500 (HEX FFEB3B). The new logo isn’t simply made up of flat shades, but a very subtle gradient. The colours, on the other hand, are much more subtle. She describes the larger blue circle in the centre as «unobtrusive – as it should be». In order for the message of an icon to go directly from eye to brain, the viewer shouldn’t get hung up on it and think, «Oof, that’s weird!» – not even subconsciously. «Your eyes should glide over an icon, but at the same time understand it within a split second,» explains the graphic designer. In addition, an icon must not be perceived as a distraction on the screen. An icon must convey a lot of information – program name, function, content and so on – in very few pixels. «More balanced proportions create a feeling of accessibility,» Mariana says. The blue element in the centre is significantly bigger. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |