{"id":4217,"date":"2015-08-20T12:12:50","date_gmt":"2015-08-20T12:12:50","guid":{"rendered":"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/?p=4217"},"modified":"2015-08-20T12:13:45","modified_gmt":"2015-08-20T12:13:45","slug":"google-el-camino-de-una-marca","status":"publish","type":"post","link":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/google-el-camino-de-una-marca\/","title":{"rendered":"Google: El camino de una marca"},"content":{"rendered":"<p>El dise\u00f1o de una marca se encuentra dentro de las estrategias de marketing y comunicaci\u00f3n, y est\u00e1 \u00edntimamente vinculado a la problem\u00e1tica de identificaci\u00f3n corporativa.\u00a0La marca es parte del sistema de identidad, y, muchas veces, el punto de partida.<\/p>\n<p>Al pensar en las marcas m\u00e1s grandes de hoy en d\u00eda, no podemos evitar encontrar a Google entre las primeras.\u00a0Hoy entendemos a Google como una de las compa\u00f1\u00edas m\u00e1s grandes, productora de los servicios m\u00e1s utilizados de internet, software, dispositivos electr\u00f3nicos y otras tecnolog\u00edas. Lo que comenz\u00f3 como un peque\u00f1o buscador, termin\u00f3 por convertirse en un gigante de internet.<\/p>\n<p>Una compa\u00f1\u00eda tan grande, necesita de un buen sistema de identidad. Que podamos reconocer cada pieza desarrollada como parte de Google, habla de la solidez de la identidad gr\u00e1fica\u00a0que posee.<\/p>\n<p>En la actualidad, cada aplicaci\u00f3n creada por Google comparte\u00a0una misma grilla, un mismo sistema de colorimetr\u00eda, y un mismo uso tipogr\u00e1fico (as\u00ed como tambi\u00e9n m\u00e1s de\u00a0una docena de lineamientos espec\u00edficos de dise\u00f1o).\u00a0Dentro de cada aspecto, se toman en cuenta distintas variables, ofreciendo m\u00faltiples alternativas y soluciones para las diversas aplicaciones y contenidos que deben desarrollar.<\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/Google-plantilla.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4173 size-full\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/Google-plantilla.jpg\" alt=\"Google plantilla\" width=\"900\" height=\"874\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/Google-plantilla.jpg 900w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/Google-plantilla-300x291.jpg 300w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4176 size-full\" src=\"http:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/2.jpg\" alt=\"2\" width=\"900\" height=\"550\" srcset=\"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/2.jpg 900w, https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/2-300x183.jpg 300w\" sizes=\"auto, (max-width: 900px) 100vw, 900px\" \/><\/a><\/p>\n<p><strong>Las reglas y los l\u00edmites son claros, y dentro de este contexto, Google logr\u00f3 desarrollar una identidad s\u00f3lida, que responde a las problem\u00e1ticas de dise\u00f1o planteadas por la compa\u00f1\u00eda.\u00a0Pero no siempre fue as\u00ed.<\/strong><\/p>\n<p>El objetivo principal de Google al momento de su creaci\u00f3n, fue la funcionalidad, la efectividad y la rapidez. El dise\u00f1o ocupaba un lugar muy bajo en la escala de prioridades. Tras indagar\u00a0sobre la historia\u00a0detr\u00e1s de la imagen de\u00a0Google, resulta dif\u00edcil creer que en su momento, los dise\u00f1adores se sent\u00edan como trabajadores de segunda mano, muy por detr\u00e1s de ingenieros y programadores.<\/p>\n<p>Cada nuevo proyecto, contaba con su propio equipo de dise\u00f1adores. Google estaba funcionando en forma fragmentada. La falta de <em>guidelines<\/em> precisos, sumada la baja importancia que representaba el dise\u00f1o gr\u00e1fico para la compa\u00f1\u00eda en ese momento, contribu\u00edan a que cada nuevo desarrollo tuviese una est\u00e9tica diferente. No se segu\u00eda una l\u00ednea clara, y los problemas de dise\u00f1o que se presentaban, se resolv\u00edan a medida que iban apareciendo.\u00a0Incluso se llegaron a encontrar docenas de productos, donde el logo de Google presentaba variaciones y alteraciones.<\/p>\n<p>Entonces, \u00bfC\u00f3mo de una identidad corporativa tan indefinida, surgi\u00f3 una de las marcas m\u00e1s atractivas y con mayor presencia de los \u00faltimos tiempos?<\/p>\n<p>La funcionalidad y rapidez de Google apunt\u00f3 siempre a la computadora de escritorio. Cuando el smartphone se convirti\u00f3 en la pantalla l\u00edder, el panorama cambi\u00f3. Apple ganaba terreno y se posicionaba como una de las marcas m\u00e1s fuertes en tecnolog\u00eda, con sus productos y aplicaciones pensadas desde el dise\u00f1o. Google deb\u00eda estar a la altura.<\/p>\n<p>Por primera vez, Google se vi\u00f3 obligado a pensar en la estrecha relaci\u00f3n usuario\/interfaz, que a medida fuese pasando el tiempo,\u00a0presentar\u00eda nuevas problem\u00e1ticas a resolver. Es por esto que\u00a0Google estableci\u00f3 al dise\u00f1o en el centro de sus preocupaciones. Por primera vez, los dise\u00f1adores ten\u00edan la palabra.<\/p>\n<p>Combinar la funcionalidad\u00a0de Google con una nueva interfaz atractiva,\u00a0era el desaf\u00edo. Era hora de pensar c\u00f3mo el usuario se relacionaba con las\u00a0aplicaciones y dispositivos, y evaluar problem\u00e1ticas que pod\u00edan ser resueltas con un buen dise\u00f1o. Pensar soluciones a las cuestiones de funcionalidad, ya no s\u00f3lo era tarea de los programadores.\u00a0Fue as\u00ed como ingenieros, programadores y dise\u00f1adores trabajaron por primera vez codo a codo.<\/p>\n<p>Google posicion\u00f3 al dise\u00f1o en el centro de sus preocupaciones. As\u00ed fue como se desarroll\u00f3 uno de los proyectos m\u00e1s ambiciosos en materia de dise\u00f1o, dentro de la compa\u00f1\u00eda: <strong>Google Material Design<\/strong>.<\/p>\n<p>&nbsp;<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/rrT6v5sOwJg?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=es-ES&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Material Design<\/strong> plante\u00f3 una nueva forma de pensar la imagen de Google. Se comenz\u00f3 a pensar desde la materialidad, desde las sensaciones y el movimiento. Tras un arduo proceso de investigaci\u00f3n, se llegaron a los lineamientos de marca finales.\u00a0En conjunto, se desarroll\u00f3 <strong>Google Design<\/strong>, una secci\u00f3n entera de Google dedicada a su dise\u00f1o, con art\u00edculos\u00a0y publicaciones relacionadas a la construcci\u00f3n de su\u00a0marca. En la web, tambi\u00e9n pueden encontrarse los lineamientos completos, tanto para gr\u00e1fica como para aplicaciones, con sus especificaciones seg\u00fan tipo de dispositivo.<\/p>\n<p>Cada pieza a desarrollar se pens\u00f3 en detalle, indagando en todas las resoluciones posibles, hasta encontrar la m\u00e1s adecuada. Esto se logr\u00f3 con lineamientos de dise\u00f1o claros, que guiaban el proceso, sin limitarlo.<\/p>\n<p>Como resultado, cada aspecto que conforma la imagen de Google, se encuentra definida. Existen soluciones puntuales para cada problema existente, as\u00ed como tambi\u00e9n variables que ayudan a\u00a0resolver los nuevos conflictos.<\/p>\n<p>Las combinaciones tipogr\u00e1ficas se encuentran definidas desde tama\u00f1o, interletra, interl\u00ednea, y proporci\u00f3n. La colorimetr\u00eda se despliega en m\u00faltiples variables para ofrecer distintas paletas que que contribuyan\u00a0a la resoluci\u00f3n de las diferentes\u00a0piezas. Incluso las luces y sombras de la iconograf\u00eda se encuentran definidas dentro de par\u00e1metros est\u00e1ndar. Todas estas\u00a0reglas conviven con una apertura de marca que ofrece posibilidades para cualquier pieza a desarrollar.<\/p>\n<p>Google lleg\u00f3 a conformar una de las marcas m\u00e1s s\u00f3lidas de la actualidad. Resulta curioso, si pensamos en la postura que la compa\u00f1\u00eda ten\u00eda con respecto al dise\u00f1o en sus comienzos. Google recorri\u00f3 un largo camino como marca, abri\u00e9ndose paso y posicion\u00e1ndose como pionera en dise\u00f1o. A\u00fan as\u00ed, la interacci\u00f3n entre el usuario y los dispositivos, sigue cambiando a medida que se presentan nuevas tecnolog\u00edas. A\u00fan queda mucho por resolver.<\/p>\n<p>&nbsp;<\/p>\n<blockquote><p><strong>Enlaces de inter\u00e9s:<\/strong><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/channel\/UClKO7be7O9cUGL94PHnAeOA\">Google Design<\/a> (Canal de Youtube)<\/p>\n<p><a href=\"https:\/\/design.google.com\/\">Google Design Web<\/a> (Web donde se pueden encontrar los guidelines de dise\u00f1o para las diferentes plataformas y art\u00edculos de inter\u00e9s sobre Google Design)<\/p>\n<p><a href=\"http:\/\/www.fastcodesign.com\/3046512\/how-google-finally-got-design\">Art\u00edculo muy interesante sobre el camino que recorri\u00f3 Google desde sus inicios en el dise\u00f1o<\/a>. Si bien coment\u00e9 algunas cosas m\u00e1s arriba, aqu\u00ed se expone desde un punto de vista cercano a la problem\u00e1tica, indaga el porqu\u00e9 de la falta de dise\u00f1o, y cual ser\u00e1 el futuro de Google en el dise\u00f1o. Escrito por Cliff Kuang.<\/p>\n<p>Google Design Guidelines \u00a0(<a href=\"https:\/\/www.behance.net\/gallery\/9028077\/google-visual-assets-guidelines-part-1\">parte 1<\/a>\u00a0y\u00a0<a href=\"https:\/\/www.behance.net\/gallery\/9084309\/google-visual-assets-guidelines-part-2\">parte 2<\/a>)<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>De un simple motor de b\u00fasqueda, a una de las compa\u00f1\u00edas m\u00e1s grandes productora de servicios, aplicaciones y tecnolog\u00eda. Un repaso por el recorrido de la marca de un gigante de internet: Google.<\/p>\n","protected":false},"author":93,"featured_media":4178,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[21],"tags":[182,43,181,175,173,88,174,164],"class_list":["post-4217","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sistemas","tag-aplicaciones","tag-color","tag-dispositivos","tag-funcionalidad","tag-google","tag-identidad","tag-marca","tag-sistema"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-content\/uploads\/2015\/08\/portada.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p6gfAF-161","_links":{"self":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/posts\/4217","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/comments?post=4217"}],"version-history":[{"count":1,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/posts\/4217\/revisions"}],"predecessor-version":[{"id":4218,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/posts\/4217\/revisions\/4218"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/media\/4178"}],"wp:attachment":[{"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/media?parent=4217"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/categories?post=4217"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.catedracosgaya.com.ar\/tipoblog\/2015\/wp-json\/wp\/v2\/tags?post=4217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}