Google Chrome heeft een nieuw pictogram: Dit is wat erachter zit

Google Chrome krijgt in de loop van 2022 een nieuw pictogram. Het lijkt precies op de oude. Google ontwerper Elvin Hu legt in een Twitter thread het werk uit dat in het nieuwe icoontje ging zitten. De Zwitserse grafisch ontwerper Mariana Hurtado heeft zich over het logo gebogen. Haar mening: "Het is minder een herontwerp en meer een opruiming. Er zitten veel kleine maar goede veranderingen in."

Het nieuwe pictogram in detail

De evolutie van Google Chrome-pictogrammen is eenvoudig te verklaren: complexiteit is verwijderd. In de nu dertien jaar dat Chrome bestaat, is het pictogram van een soort glazen bol naar een gestileerde cirkel gegaan. De meest recente iteratie van de bolvormige cirkel verscheen in 2014 en moet later in 2022 worden vervangen.
.

Twee dingen vallen in eerste instantie op:

1. Het blauw in het midden is prominenter.
2. De schaduwen zijn verwijderd.

Maar daarmee is de kous nog lang niet af. Elvin Hu schreibt: "We hebben het belangrijkste merkpictogram vereenvoudigd door de schaduwen te verwijderen, de proporties te verscherpen en de kleuren lichter te maken om aan te sluiten bij de modernere merkuitstraling van Google."

Blauw wordt groter

De duidelijkste verandering is het blauw in het midden, dat groter is geworden. Een vergelijking met lijnen illustreert dit.

"Evenwichtiger verhoudingen scheppen toegang," zegt Mariana. Een pictogram heeft de functie veel informatie over te brengen - programmanaam, functie, inhoud... - maar kan dat slechts doen op een paar pixels. Bovendien mag een pictogram niet als een storende factor op het scherm worden ervaren. "Het oog moet over een pictogram glijden, maar tegelijkertijd moet het binnen fracties van een seconde begrepen worden," legt de grafisch ontwerper uit. Opdat de boodschap van een pictogram rechtstreeks van het oog naar de hersenen gaat, mag niemand eraan blijven hangen en denken "man, dat is raar" - zelfs niet onbewust.

Ze beschrijft de grotere blauwe cirkel in het midden als "Onopvallend - precies zoals het hoort".

De uiterst subtiele kleurovergangen

Zoveel voor de hand liggende. Veel subtieler zijn de kleuren. Want dit is niet zomaar een vlakke kleur, maar een heel subtiel verloop. Rood gaat van Rood 600 (HEX E53935) naar Rood 500 (HEX F44336). Geel 600 (HEX FDD835) gaat naar Geel 500 (HEX FFEB3B) en Green 600 (HEX 43A047) gaat naar Green 500 (HEX 4CAF50).

Dit is zo subtiel dat zelfs als je inzoomt om de gradiënten te zien, je niet al te veel verschil merkt.
.

De gradiënten worden wat duidelijker als ze niet als gradiënten worden weergegeven.

"De schaduwen en verlopen zijn trends die voorbij zullen gaan," zegt Mariana, "Maar vanuit het oogpunt van gebruikerservaring is een hoog contrast toegankelijker voor gebruikers wier gezichtsvermogen niet perfect is."

Maar dit geldt alleen voor gebruikersinterfaces, niet voor de bruikbaarheid van de app zelf. Een functie kan nog steeds omslachtig zijn, zei hij, zelfs als die door iedereen duidelijk kan worden waargenomen.

Waarom zijn er kleurverlopen als ze bijna onzichtbaar zijn? "Dat vroeg ik me ook af," zegt Mariana, "vanuit professioneel oogpunt slaat het helemaal nergens op."

Deel van ecosystemen en een strategie

Mariana lacht. Ze zegt dat ze het nieuwe logo niet zou hebben opgemerkt op haar scherm - of dat nu een smartphone of pc is: "Dus Elvin en zijn team hebben hun werk goed gedaan. Ik zie alleen maar Chrome en geen kleurverlopen of blauwe cirkels."

Als ze goed kijkt, ziet ze de kleine verschillen, beseft ze dat dit deel uitmaakt van een grotere inspanning van Google. De producten van de zoekgigant moeten op een platform hetzelfde aanvoelen, dezelfde kleuren gebruiken en dezelfde visuele taal spreken. "Het is de bedoeling dat je ernaar kijkt en meteen weet en ook voelt dat dit Google is."

Elvin Hu en zijn team namen geen genoegen met een logo. Het Chrome-pictogram op Windows is anders dan dat op Mac. "We wilden dat de pictogrammen herkenbaar waren als Chrome, maar er ook goed uitzagen in de context van een besturingssysteem," schrijft hij op Twitter.

In schril contrast daarmee heeft het nieuwe Chrome-logo op macOS een trompe l'oeil-effect gekregen en ziet het eruit alsof het een tastbaar, driedimensionaal object is.

De Google Browser komt naar verluidt native en ingebed in de context van verschillende besturingssystemen.

Interessante kanttekening: Pictogrammen voor dev versies, beta's en discards

In de Twitter thread geeft Elvin verder inzicht in zijn werk. De ontwerper laat een ontwerp zien dat het team afwees. "We hebben geprobeerd meer witruimte te introduceren," schrijft hij, terwijl hij de volgende afbeelding laat zien:

Maar de ontwerpers hebben dit idee snel terzijde geschoven. Omdat dit ontwerp een omlijning nodig had, waardoor de gekleurde elementen van het pictogram kleiner werden. "Bovendien is het pictogram dan moeilijker te herkennen, vooral als het naast andere Google-pictogrammen staat." Er wordt nu iets ingevoerd om tegemoet te komen aan moderne schermformaten.

Er zijn nog meer Google-pictogrammen die veranderen: Als je een bèta- of ontwikkelaarsversie van Chrome hebt geïnstalleerd, dan krijgt het pictogram een banner met de tekst "Beta" of "Dev". Voorheen waren deze letters bij verkleining van het pictogram moeilijk te lezen. Nu wordt "Beta" een "B" en "Dev" een "D".

En als kleine functie aan het eind: Als je via Testflight een bèta Chromes op je iPhone of iPad hebt geïnstalleerd, dan krijg je een eigen icoontje: "In een knipoog naar Apple's Development Apps zal de Testflight versie Chromes een pictogram hebben dat lijkt op een bouwtekening."