Nouvelle icône pour Chrome, avec un design qui s'adapte au système d'exploitation

Mickaël Bazoge |

Chrome étant le navigateur web le plus utilisé au monde, Google a plutôt intérêt à y réfléchir à deux fois avant de faire le moindre changement dans son interface. Et même bien davantage pour l'icône ! Inchangée depuis huit ans, celle-ci va subir un petit dépoussiérage et surtout, elle va s'adapter graphiquement à la plateforme. Sur son compte Twitter, Elvin Hu (designer de Chrome) explique les changements apportés à l'icône du navigateur.

Le changement le plus significatif, c'est la disparition des ombres portées sous les trois aplats de couleur qui ont d'ailleurs été ravivées avec un très léger effet de dégradé (il faut avoir l'œil !).

Google a aussi et surtout voulu adapter l'icône aux différents systèmes d'exploitation. Sur macOS, elle s'offre un effet de volume 3D, en ligne avec les autres icônes. La version bêta du navigateur est barrée d'un bandeau bleu.

La version actuelle de l'icône de Chrome.

Pas d'effet de volume sur iOS, mais l'icône de la version bêta rappelle celle de l'app Developer d'Apple ou encore de TestFlight.

Elvin Hu raconte aussi que Google a expérimenté des possibilités comme l'ajout de davantage d'espace négatif. Mais cela a posé des problèmes de lisibilité sur un fond blanc, ce qui la rendait plus difficile à retrouver :

Ça ne règle pas le problème qu'ont les icônes des applications de Google : elles finissent par toutes se ressembler, si bien qu'aucune ne sort réellement du lot.

Ces changements vont apparaitre dans les prochains mois.

avatar koko256 | 

"Elvin Hu raconte aussi que Google a expérimenté des possibilités comme l'ajout de davantage d'espace négatif."
Qu'est-ce qu'un espace négatif ?

avatar lmouillart | 

C'est l'espace qui ne compose pas la forme principale. Dans l'exemple de l'icône de Chrome le vert, rouge, bleu et jaune composent la forme du logo. Si on augmente l'espace négatif, cela étend le blanc et diminue donc la surface de ces quatre couleurs, comme le montre l'illustration indiquée dans l'article après "difficile à retrouver :"

avatar koko256 | 

@lmouillart

🙏

avatar Paquito06 | 

@koko256

“Qu'est-ce qu'un espace négatif ?”

C’est quand tu donnes du sens au vide. Tu te sers du vide (image d’arriere plan du coup) pour donner un effet, un sens, une autre definition au logo.
(Pareil avec la musique quand y a un blanc, un stop, du vide pour une demi seconde par exemple).
Je crois que le meilleur exemple que je puisse donner, c’est le logo Carrefour où tu as un gommage en haut et en bas, c’est de l’espace negatif (fond blanc) mais qui sert au C de carrefour.
Enfin bref, y aura surement un designer ou deux dans la salle pour t’expliquer ca mieux que moi.

avatar jazz678 | 

@Paquito06

« C’est quand tu donnes du sens au vide. « 

Compétence assez répandue pourtant de nos jours

avatar koko256 | 

@jazz678

😂

avatar Paquito06 | 

@jazz678

🤣🤣🤣

avatar TheRV | 

@jazz678

👍🤣

avatar Hasgarn | 

@jazz678

😂😂

Souvent confondu avec « faire des trucs vide de sens »

avatar koko256 | 

@Paquito06

🙏

avatar Hasgarn | 

@Paquito06

Non non, rien à ajouter, c’est très bien.
On dit aussi « faire respirer », car il faut parfois laisser de l’espace pour avoir de la lisibilité

avatar Paquito06 | 

@Hasgarn

👍🏼

avatar John Kay | 

Autant la version « Tranformers » d’origine était vilaine, autant la nouvelle me paraît trop simpliste. Je suis pas fan de cette tentation d’épure qu’on voit un peu partout, y compris dans les maquettes des magazines. Ça me semble fade, tristouille.

avatar Splinter | 

Ça reste une pompe à données personnelles.

avatar zoubi2 | 

@Splinter

"Ça reste une pompe à données personnelles"

Oui, mais ça n'a pas grand-chose à voir avec le sujet...

avatar Lucas | 

Je déteste Chrome mais j’aime beaucoup ce nouveau design ! J’espère que cela ne suffira à personne néanmoins…

avatar inconyto27 | 

Flat design 10 ans après , ils ont virer une ombre oublier dans le coin du jaune et rouge 🤪

avatar jackhal | 

Ça sent le Pulitzer.

avatar laraigneegypsymontealagouttiere | 

avoir une icône aussi fade en 2022 🤢

avatar hairsplitter | 

Ils ont vraiment du temps à perdre, mais bon ça permet de nourrir grassement les designers.

avatar narugi | 

Si quelqu’un peut m’expliquer le sens de ce logo que je ne comprend toujours pas.
C’est subjectif mais je le trouve plus réussi que par le passé mais ça reste très bas de gamme tout de même.

Ce navigateur est un fossoyeur de données. Je l’utilise au boulot car on l’impose mais quelle plaie.

avatar pixelmaniac | 

@narugi: Le symbole commun d'internet, celui que tout le monde connait, c'est la sphère maillée, notre planète et son réseau, beaucoup de navigateur l'ont/ont eu pour base dans leur logo, après tu peux y voir un oeil si tu veux, une pokéball, un truc high tech, ça n'a pas grande importance, ce qui a le plus d'importance ici ce sont les couleurs de google, c'est surtout ça le logo, ces quatre couleurs qui font tilt dans notre cerveau, connexion neuronale inévitable.

avatar zoubi2 | 

@pixelmaniac

"ce qui a le plus d'importance ici ce sont les couleurs de google"

J'en vois un ici qui a tout compris...

avatar Microbd | 

Masturbation intellectuelle de designer 😀

avatar cherbourg | 

Si ça leur fait plaisir 🤷🏻‍♂️

avatar laraigneegypsymontealagouttiere | 

Faut bien qu’ils claquent leur argent ils en gagnent tellement à plus quoi en foutre

avatar Pierre H | 

L'icone de ce logiciel c'est la corbeille sur mes Mac.

avatar Amaczing | 

[Modéré - SM]

avatar JTmix | 

Toujours 666 rien de neuf.

CONNEXION UTILISATEUR