{"id":25817130,"date":"2026-05-22T12:42:35","date_gmt":"2026-05-22T10:42:35","guid":{"rendered":"https:\/\/www.demomentsomtres.com\/2026\/05\/noves-icones-de-google\/"},"modified":"2026-05-22T13:21:33","modified_gmt":"2026-05-22T11:21:33","slug":"noves-icones-de-google","status":"publish","type":"post","link":"https:\/\/www.demomentsomtres.com\/es\/2026\/05\/noves-icones-de-google\/","title":{"rendered":"\u00bfQu\u00e9 les ha ocurrido a los iconos de Google?"},"content":{"rendered":"\n

Hay d\u00edas en que abres Gmail, miras el icono, arrufas la nariz y piensas: \u201ceso antes no era as\u00ed, \u00bfverdad?\u201d<\/p>\n\n

Pues no. No lo era. <\/p>\n\n

Google ha empezado a desplegar un redise\u00f1o importante de los iconos de Google Workspace<\/strong> : Gmail, Drive, Calendar, Docs, Sheets, Slides, Meet, Chat y compa\u00f1\u00eda. El cambio apuesta claramente por los gradientes, formas m\u00e1s suaves y una est\u00e9tica m\u00e1s alineada con esta nueva era visual de Google marcada por Gemini y la inteligencia artificial. Varios medios lo han recogido como un cambio amplio en el ecosistema Workspace, con iconos m\u00e1s diferenciados entre aplicaciones y menos dependientes de la antigua norma de \u201cponemos los cuatro colores de Google en todas partes y abajo\u201d. <\/p>\n\n

Hasta aqu\u00ed, todo correcto.<\/p>\n\n

Una marca evoluciona, una interfaz cambia, los sistemas visuales se revisan y Google, con la cantidad de productos, plataformas y pantallas en las que vive, tiene todo el derecho del mundo a replantear su lenguaje gr\u00e1fico.<\/p>\n\n

Ahora bien, hay algo curioso que nos ha llamado la atenci\u00f3n al ver algunos de estos nuevos iconos en contextos reales de uso. En algunos casos aparece una sensaci\u00f3n visual extra\u00f1a<\/strong> : bordes m\u00e1s oscuros, menos nitidez o una especie de acabado que hace que el icono se perciba diferente al que est\u00e1bamos acostumbrados a ver.<\/p>\n\n

Y esto nos ha parecido interesante, no tanto por juzgar el redise\u00f1o, sino porque abre una conversaci\u00f3n muy concreta sobre c\u00f3mo percibimos las interfaces digitales y hasta qu\u00e9 punto peque\u00f1os detalles visuales pueden cambiar mucho la sensaci\u00f3n final de un producto.<\/p>\n\n

El gradiente no es el problema, o puede que no s\u00f3lo<\/h2>\n\n

Los gradientes no son malos por definici\u00f3n. De hecho, bien utilizados pueden dar profundidad, movimiento y sensaci\u00f3n m\u00e1s viva a una identidad visual. El nuevo logotipo \u201cG\u201d de Google ya hab\u00eda ido en esa direcci\u00f3n, con una transici\u00f3n m\u00e1s suave entre los colores hist\u00f3ricos de la marca, en una l\u00ednea que muchos han vinculado con la est\u00e9tica de Gemini y la nueva etapa de IA de la compa\u00f1\u00eda<\/strong> . <\/p>\n\n

Por eso, la pregunta no es tanto si el gradiente funciona o no, sino qu\u00e9 ocurre cuando este tipo de recursos visuales llegan a un icono peque\u00f1o y deben convivir con contextos muy diferentes: una pesta\u00f1a del navegador, un dock, un men\u00fa, un m\u00f3vil lleno de notificaciones o una barra lateral que miras de reojo mientras buscas \u201caquel documento que seguro estaba en Drive\u201d.<\/p>\n\n

Porque un icono no es un p\u00f3ster.<\/strong> No es una pieza de branding pensada s\u00f3lo para verse grande en una keynote. Un icono vive en 16, 24, 32 o 48 p\u00edxeles y, en estos tama\u00f1os, cualquier detalle visual se nota mucho m\u00e1s. <\/p>\n\n

\"Nuevos<\/figure>\n\n

Cuando el dise\u00f1o invisible se vuelve demasiado visible<\/h2>\n\n

Hay un concepto que nos gusta mucho: el dise\u00f1o invisible<\/a> .<\/p>\n\n

No porque el dise\u00f1o no est\u00e9, sino porque funciona tan bien que no te hace pensar<\/strong> . Como los enlaces azules; nadie nos lo explic\u00f3 formalmente, pero todos sabemos que un texto azul y subrayado se puede pulsar. Es una convenci\u00f3n tan bien instalada que casi desaparece. <\/p>\n\n

Con los iconos ocurre algo parecido. Cuando un icono est\u00e1 bien resuelto, no te detienes: lo reconoces, la clicas y contin\u00faas. Pero cuando algo te genera duda visualmente (una sombra extra\u00f1a, un contorno menos limpio o una sensaci\u00f3n de poca definici\u00f3n), de repente la mirada se queda algo m\u00e1s de lo normal. <\/p>\n\n

Y es curioso c\u00f3mo algo tan peque\u00f1o puede alterar la percepci\u00f3n de una interfaz que utilizamos cada d\u00eda sin apenas pensar en ello.<\/p>\n\n

SVG, PNG y la sospecha del p\u00edxel culpable<\/h2>\n\n

No entraremos a realizar una autopsia t\u00e9cnica sin tener los archivos originales sobre la mesa, pero la sensaci\u00f3n visual es bastante clara: algunos de estos iconos parecen m\u00e1s rasterizados que vectoriales.<\/p>\n\n

Y esto sorprende.<\/p>\n\n

Porque hablamos de Google, un ecosistema que vive en miles de densidades de pantalla, sistemas operativos, navegadores, modas oscuras, launchers, favicons y contextos diferentes. En ese escenario, el vector no es un capricho; es casi higiene b\u00e1sica<\/strong> . <\/p>\n\n

Un SVG bien hecho escala mejor<\/strong> , mantiene contornos limpios y evita muchos de los problemas t\u00edpicos de una imagen exportada a tama\u00f1o fijo. En cambio, cuando un icono llega como PNG o como sitio rasterizado mal optimizado, pueden aparecer halos, bordes contaminados, p\u00edxeles oscuros y esa sensaci\u00f3n extra\u00f1a de \u201cesto se ve distinto\u201d. <\/p>\n\n

Y s\u00ed, puede que el master sea vectorial; puede que internamente est\u00e9 todo perfectamente documentado; puede que el problema sea s\u00f3lo de exportaci\u00f3n, de compresi\u00f3n, de mipmaps, de renderizado en determinados dispositivos o de c\u00f3mo se est\u00e1n sirviendo los assets.<\/p>\n\n

Pero el usuario no ve el pipeline, el usuario ve el icono, y si el icono se percibe menos limpio, inevitablemente la percepci\u00f3n general del sistema tambi\u00e9n cambia.<\/p>\n\n

“Pero al menos ahora se diferencian m\u00e1s”<\/h2>\n\n

\u00c9ste es, probablemente, el argumento m\u00e1s razonable a favor del cambio.<\/p>\n\n

Los iconos anteriores de Google Workspace ten\u00edan un problema real: todos se parec\u00edan demasiado.<\/strong> Durante a\u00f1os, Google aplic\u00f3 con tanta insistencia sus cuatro colores corporativos que Gmail, Meet, Calendar, Drive o Docs pod\u00edan parecer primos demasiado cercanos en una reuni\u00f3n familiar en la que todo el mundo lleva la misma camisa.<\/p>\n\n

De hecho, varios medios explican que el nuevo redise\u00f1o rompe parcialmente esta norma y busca que cada app tenga una identidad m\u00e1s diferenciada: Calendar vuelve a ser m\u00e1s azul, Drive pierde el rojo, Meet cambia bastante y Docs, Sheets y Slides ajustan formas y orientaciones.<\/p>\n\n

Y esto tiene sentido.<\/p>\n\n

La pregunta interesante es c\u00f3mo se encuentra el equilibrio entre hacer un icono m\u00e1s expresivo y mantenerlo claro, limpio y r\u00e1pido de reconocer en contextos peque\u00f1os. Porque la iconograf\u00eda no va s\u00f3lo de “mira que actuales somos”; tambi\u00e9n va de \u201cencu\u00e9ntrame en menos de un segundo\u201d. <\/p>\n\n

El peligro de dise\u00f1ar para la keynote y no para el d\u00eda a d\u00eda<\/h2>\n\n

Hay un patr\u00f3n que a menudo vemos en grandes redise\u00f1os: funcionan muy bien en mockups.<\/p>\n\n

En una imagen promocional, todo respira. El icono es grande, el fondo est\u00e1 limpio, la luz es perfecta, el gradiente queda suave y la marca parece moderna, viva y conectada con el futuro, probablemente con alguna diapositiva que dice \u201cAI-powered productivity\u201d. <\/p>\n\n

Luego llega la vida real: una pesta\u00f1a del navegador, una barra lateral, una pantalla peque\u00f1a, un usuario con prisa, un modo oscuro, un monitor mediocre o un favicon a 16 p\u00edxeles.<\/p>\n\n

Y ah\u00ed es d\u00f3nde se ve si el dise\u00f1o aguanta.<\/strong><\/p>\n\n

El buen dise\u00f1o digital no s\u00f3lo es lo que queda bien en una imagen de presentaci\u00f3n; es lo que sigue funcionando cuando entra en contextos cotidianos, peque\u00f1os e imperfectos.<\/strong><\/p>\n\n

\"\"<\/figure>\n\n

\u00bfY qu\u00e9 podemos aprender de todo esto?<\/h2>\n\n

En DeMomentSomTres lo decimos a menudo de otra manera<\/a> : un buen dise\u00f1o debe ser bonito, s\u00ed, pero sobre todo debe funcionar. Debe hacer que el usuario consiga lo que quiere de forma clara, fluida y, a ser posible, sin maldecir la pantalla. <\/p>\n\n

Por eso, m\u00e1s que acabar diciendo \u201cGoogle tambi\u00e9n se equivoca\u201d, la pregunta interesante quiz\u00e1 sea otra: \u00bfpor qu\u00e9 una marca como Google, con el nivel de exigencia visual y t\u00e9cnica que tiene, decide asumir este tipo de acabados o riesgos visuales?<\/p>\n\n

Quiz\u00e1s dentro de unas semanas ya nos habremos acostumbrado; quiz\u00e1s Google ajustar\u00e1 algunos asets, desaparecer\u00e1n estos halos que ahora nos llaman la atenci\u00f3n o, simplemente, todo ello tiene una explicaci\u00f3n t\u00e9cnica perfectamente l\u00f3gica que no conocemos.<\/p>\n\n

Quiz\u00e1s la pregunta interesante no es si est\u00e1 bien o mal<\/h2>\n\n

Pero mientras tanto, nos queda una reflexi\u00f3n interesante: \u00bf c\u00f3mo puede afectar a la percepci\u00f3n de un producto un detalle aparentemente tan peque\u00f1o como el tratamiento de un icono?<\/strong><\/p>\n\n

Sobre todo cuando hablamos de una marca como Google, en la que cada p\u00edxel parece pensado hasta el \u00faltimo detalle.<\/p>\n","protected":false},"excerpt":{"rendered":"

Hay d\u00edas en que abres Gmail, miras el icono, arrufas la nariz y piensas: \u201ceso antes no era as\u00ed, \u00bfverdad?\u201d Pues no. No lo era. Google ha empezado a desplegar un redise\u00f1o importante de los iconos de Google Workspace : Gmail, Drive, Calendar, Docs, Sheets, Slides, Meet, Chat y compa\u00f1\u00eda. El cambio apuesta claramente por […]<\/p>\n","protected":false},"author":9,"featured_media":25817119,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[796],"tags":[4402],"class_list":["post-25817130","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog-comunicacion-marqueting","tag-diseno"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/posts\/25817130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/comments?post=25817130"}],"version-history":[{"count":1,"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/posts\/25817130\/revisions"}],"predecessor-version":[{"id":25817131,"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/posts\/25817130\/revisions\/25817131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/media\/25817119"}],"wp:attachment":[{"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/media?parent=25817130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/categories?post=25817130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.demomentsomtres.com\/es\/wp-json\/wp\/v2\/tags?post=25817130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}