{"id":5428,"date":"2021-01-19T13:54:35","date_gmt":"2021-01-19T16:54:35","guid":{"rendered":"https:\/\/web4.com.ar\/?p=5428"},"modified":"2025-10-28T14:18:51","modified_gmt":"2025-10-28T17:18:51","slug":"que-es-un-logo-responsive","status":"publish","type":"post","link":"https:\/\/www.web4.com.ar\/en\/que-es-un-logo-responsive\/","title":{"rendered":"What a responsive logo is"},"content":{"rendered":"

[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_row admin_label=\u00bbIntro\u00bb _builder_version=\u00bb4.27.4″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

\u00bfSabes qu\u00e9 es un logo responsive y la importancia que tiene para tu marca?<\/p>\n

En este art\u00edculo te quiero contar acerca de esta nueva tendencia en branding, que d\u00eda a d\u00eda se hace m\u00e1s imprescindible para el correcto uso de una marca y optimizar su presencia en los distintos medios digitales.
El uso de diferentes dispositivos con tama\u00f1os de pantalla variables crea la necesidad de dise\u00f1ar logos que se adapten a escenarios diversos.
Estas variables permiten aplicar la marca en cualquier medio, ya sea impreso, digital, web, video, multimedia o Apps para dispositivos m\u00f3viles.<\/p>\n

Por lo tanto, un logo responsive (responsivo) o adaptativo, es una marca con gran versatilidad, capaz de adaptarse a todo tipo de cambios de tama\u00f1o, formato o espacios, sin perder la esencia, legibilidad e identidad de la misma.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2025\/07\/logos-responsive.png\u00bb alt=\u00bblogos responsive\u00bb title_text=\u00bblogos responsive\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row custom_padding_last_edited=\u00bbon|phone\u00bb admin_label=\u00bbQuiero\u00bb _builder_version=\u00bb4.27.4″ background_color=\u00bbrgba(39,91,0,0.13)\u00bb width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_margin=\u00bb30px||30px||true|false\u00bb custom_padding=\u00bb15px|0px|15px|0px|true|true\u00bb custom_padding_tablet=\u00bb15px||15px||true|true\u00bb custom_padding_phone=\u00bb10px|10px|10px|10px|true|true\u00bb border_color_bottom=\u00bb#eaeaea\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text admin_label=\u00bbQuiero\u00bb _builder_version=\u00bb4.27.4″ header_line_height=\u00bb2em\u00bb custom_padding=\u00bb5px|0px|5px|0px|true|true\u00bb custom_padding_tablet=\u00bb5px|0px|5px|0px|true|true\u00bb custom_padding_phone=\u00bb5px||5px||true|true\u00bb custom_padding_last_edited=\u00bbon|tablet\u00bb header_2_font_size_tablet=\u00bb24px\u00bb header_2_font_size_phone=\u00bb24px\u00bb header_2_line_height_tablet=\u00bb\u00bb header_2_line_height_phone=\u00bb\u00bb header_2_line_height_last_edited=\u00bbon|tablet\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

>>>\u00a0 QUIERO MI LOGO<<<<\/strong><\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2024\/09\/Boton-Whats-app.png\u00bb alt=\u00bbPackaging posavasos\u00bb title_text=\u00bbPackaging posavasos\u00bb url=\u00bb@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6Ijc1MiJ9fQ==@\u00bb url_new_window=\u00bbon\u00bb align=\u00bbcenter\u00bb admin_label=\u00bbBoton consulta\u00bb _builder_version=\u00bb4.27.4″ _dynamic_attributes=\u00bburl\u00bb _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb5px||5px||true|false\u00bb custom_padding_tablet=\u00bb5px||5px||true|false\u00bb custom_padding_phone=\u00bb10px||10px||true|false\u00bb custom_padding_last_edited=\u00bbon|phone\u00bb saved_tabs=\u00bball\u00bb global_colors_info=\u00bb{}\u00bb transform_styles__hover_enabled=\u00bbon|hover\u00bb transform_scale__hover_enabled=\u00bbon|hover\u00bb transform_translate__hover_enabled=\u00bbon|desktop\u00bb transform_rotate__hover_enabled=\u00bbon|desktop\u00bb transform_skew__hover_enabled=\u00bbon|desktop\u00bb transform_origin__hover_enabled=\u00bbon|desktop\u00bb transform_scale__hover=\u00bb110%|110%\u00bb global_module=\u00bb11717″ theme_builder_area=\u00bbpost_content\u00bb locked=\u00bboff\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbOrigen\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

Su origen en el dise\u00f1o web<\/h2>\n

El concepto \u201cresponsive\u201d<\/em><\/strong> tiene su origen en el dise\u00f1o web, que surgi\u00f3 hace ya unos a\u00f1os ante el auge de los dispositivos m\u00f3viles, y la necesidad de adaptar autom\u00e1ticamente los contenidos web a los distintos anchos de pantallas.
Y es por eso que normalmente dise\u00f1amos en 3 tama\u00f1os b\u00e1sicos: PC, tablet y smartphone.
Muchas empresas deciden crear una App movil descargable para optimizar la versi\u00f3n web para smartphones, con un dise\u00f1o mucho m\u00e1s simplificado a\u00fan.<\/p>\n

Esto ha llevado a llamar \u00abmarcas responsive\u00bb<\/em> <\/strong>a aquellas que permiten adaptarse y simplificarse eliminando elementos innecesarios, dependiendo del medio en que se visualicen.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2025\/07\/web-responsive.png\u00bb alt=\u00bbweb responsive\u00bb title_text=\u00bbweb responsive\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

Identidad corporativa<\/h2>\n

Las variantes de un logo en cuanto a su composici\u00f3n, forma o tama\u00f1o no son nuevas.
En los manuales de identidad corporativa, adem\u00e1s de indicar formas, colores y tipograf\u00edas, los dise\u00f1adores gr\u00e1ficos siempre hemos incluido un apartado donde somet\u00edamos a la marca a un test de reducci\u00f3n, y pod\u00edamos comprobar que la marca funcionaba perfectamente en tama\u00f1os peque\u00f1os de hasta 1 cm.
Incluso en ocasiones se hac\u00eda una variante, eliminando elementos superfluos de la marca para cuando \u00e9sta se tuviera que utilizar en espacios muy reducidos.
Tambi\u00e9n present\u00e1bamos distintos emplazamientos de la marca: horizontal, vertical, circular y cuadrado, teniendo en cuenta las posibles aplicaciones de la misma.
Claro est\u00e1 que esto lo pens\u00e1bamos en funci\u00f3n de distintos metodos de impresi\u00f3n gr\u00e1fica o realizaci\u00f3n corp\u00f3rea de la marca, y no en su aplicaci\u00f3n en medios digitales, ni mucho menos en dispositivos m\u00f3viles, ya que no exist\u00edan a\u00fan.
De hecho, la aplicaci\u00f3n de la marca m\u00e1s peque\u00f1a que imaginabamos era sobre un bol\u00edgrafo promocional o un pie de pagina de un anuncio gr\u00e1fico.<\/p>\n

Pero el mundo digital nos ha hecho evolucionar para optimizar la presencia de nuestra marca en todos los medios a nuestro alcance, y as\u00ed nace y crece el concepto \u00abresponsive\u00bb<\/em><\/strong><\/p>\n

En la siguientes im\u00e1genes se muestran el test de legibilidad a distintos tama\u00f1os, y las diversas adaptaciones a emplazamientos horizontales, verticales, cuadrados y circulares, optimizando el espacio que contiene a la marca.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2025\/07\/w4-tamanos.png\u00bb alt=\u00bbidentidad corporativa\u00bb title_text=\u00bbidentidad corporativa\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbAdaptabilidad\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

Una cuesti\u00f3n de adaptabiidad<\/a><\/h2>\n

Joe Harrison<\/a> es un dise\u00f1ador londinense especializado en dise\u00f1o digital e interactivo, que experiment\u00f3 con varios ejemplos de grandes marcas, este t\u00e9rmino de logos responsive.<\/p>\n

La siguiente imagen muestra c\u00f3mo comportan estas marcas al redimensionar la ventana de los distintos dispositivos (PC de escritorio, Tablet, Smartphone y Apps m\u00f3viles)
Marcas que en su expresi\u00f3n completa tienen muchos elementos que se van simplificando o eliminando hasta llegar a su m\u00ednima expresi\u00f3n, pero igualmente identificativas.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2025\/07\/joe-harrison-responsive-logos.png\u00bb alt=\u00bbjoe harrison responsive logos\u00bb title_text=\u00bbjoe harrison responsive logos\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbPor que tener un logo responsive\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

\u00a0\u00bfPor qu\u00e9 tener un logo responsive?<\/h2>\n

La diversidad de opciones de comunicaci\u00f3n corporativa del mercado actual (y tambi\u00e9n futuro), requiere del dise\u00f1o inteligente de una marca flexible y adaptativa.
Debe permitir su aplicaci\u00f3n en todas sus variables, sin perder identidad visual y manteniendo una coherencia gr\u00e1fica en todas sus versiones y aplicaciones.
Es por eso que es necesario llegar a \u201ciconizar\u201d la identidad de la marca y reducirla a su m\u00ednima expresi\u00f3n.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/web4.com.ar\/wp-content\/uploads\/2021\/01\/anim-disney.gif\u00bb alt=\u00bbJoe harrison responsive logos\u00bb title_text=\u00bbanim-disney\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbUn deise\u00f1o para cada necesidad\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.21.0″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

Un dise\u00f1o para cada necesidad<\/h2>\n

Muchas empresas necesitan aplicar sus marcas en diversos soportes seg\u00fan las ocasiones.
Marquesinas corp\u00f3reas, papeler\u00eda institucional, anuncios, publicidades, mailings, comunicaci\u00f3n digital, web sites, tiendas online, redes sociales, art\u00edculos de merchandising, son algunos ejemplos.
Algunas veces se requiere mostrar el logo completo y en otras solo el \u00edcono, dependiendo del tama\u00f1o de la superficie donde se deba aplicar.
El dise\u00f1o de la marca debe soportar cualquier medio de impresi\u00f3n gr\u00e1fica, realizaci\u00f3n industrial, audiovisual o digital, sin perder presencia, identidad ni legibilidad, en todos sus tama\u00f1os.<\/p>\n

En las im\u00e1genes siguientes podemos ver la correcta aplicaci\u00f3n de una marca en tama\u00f1os extremos, desde una marquesina hasta un grabado en una pluma y con distintos medios de reproducci\u00f3n, realizaci\u00f3n y materiales.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2025\/07\/pelikan.png\u00bb alt=\u00bbpelikan\u00bb title_text=\u00bbpelikan\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbUnificar criterios\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

Unificar el criterio gr\u00e1fico en la comunicaci\u00f3n de la marca<\/h2>\n

Al igual que el dise\u00f1o web, el dise\u00f1o de marcas no ha quedado ajeno a esta nueva modalidad de adaptaci\u00f3n a distintos tama\u00f1os y soportes.
Esto hace que el concepto responsive se aplique tambi\u00e9n a la identidad visual de una empresa o producto.
La necesidad cada vez mayor de fortalecer la presencia corporativa y marcar tendencia en medios digitales, sobre todo en las redes sociales, hacen que las marcas responsive favorezcan al marketing online y a mejorar la competitividad comercial.<\/p>\n

En la siguientes im\u00e1genes podemos ver un correcto uso de logo responsive en perfiles comerciales de Instagram.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2025\/07\/instagram-si.png\u00bb alt=\u00bbinstagram si\u00bb title_text=\u00bbinstagram si\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbRedise\u00f1ar\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

Sabemos que el m\u00f3vil es el dispositivo con el que m\u00e1s accedemos a Internet en la actualidad, y es por eso que la importancia de adaptar la marca es vital para tener una mejor imagen en la web.
Por este motivo, los dise\u00f1adores gr\u00e1ficos debemos conocer a fondo el concepto \u201cresponsive\u201d<\/em>, entender c\u00f3mo funciona y saber aplicarlo a la creaci\u00f3n de nuevas marcas.
Tambi\u00e9n es v\u00e1lido a la hora de asumir el rebranding de muchas de ellas, y por sobre todas las cosas, lograr que nuestros clientes entiendan su importancia y los beneficios que le otorga tener una marca \u201ctodoterreno\u201d.<\/p>\n

 <\/p>\n

La importancia de redise\u00f1ar<\/h2>\n

Quiero mostrarte un ejemplo gr\u00e1fico con mi propia marca (Web4) y contarte qu\u00e9 me llev\u00f3 a plantear un redise\u00f1o total del logo existente.<\/p>\n

Luego de realizar un curso sobre Marketing en Instagram<\/em>, me di cuenta que algo no funcionaba correctamente con mi marca.<\/p>\n

Si bien mi logo era correcto y funcionaba muy bien en mi sitio web responsivo, su dise\u00f1o no estaba optimizado para redes sociales.<\/p>\n

Fue as\u00ed que decid\u00ed cambiarlo casi por completo y empezar una nueva etapa, manteniendo los colores y los elementos, pero cambiando totalmente el concepto gr\u00e1fico.<\/p>\n

En los ejemplos que ver\u00e1s m\u00e1s adelante, te voy a mostrar las diferencias de aplicaciones de ambas versiones del logo en Instagram para que entiendas por qu\u00e9 decid\u00ed cambiarlo y los resultados que obtuve al hacerlo.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/www.web4.com.ar\/wp-content\/uploads\/2025\/07\/restyling-logo-web4.png\u00bb alt=\u00bbrestyling\u00bb title_text=\u00bbrestyling logo web4″ align=\u00bbcenter\u00bb _builder_version=\u00bb4.27.4″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbRequisitos de logo responsive\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

\u00bfQu\u00e9 requisitos debe tener un logo responsive?<\/h2>\n

Identidad, simplicidad y limpieza son los factores imprescindibles de todo dise\u00f1o de marca.
El objetivo es llevar la idea conceptual a la m\u00ednima expresi\u00f3n sin perder identidad.
Este concepto minimalista es de vital importancia en la creaci\u00f3n de una nueva marca, o en el restyling de una marca existente.<\/p>\n

Aunque cada vez contemos con mejores resoluciones de pantalla en dispositivos, debemos ser capaces de resolver una identidad corporativa visual en distintas calidades y resoluciones.
Debemos partir de la m\u00e1s completa hasta la m\u00e1s esencial y reconocible, prescindiendo de gr\u00e1ficos y tipograf\u00edas que puedan acompa\u00f1ar a nuestro logo.
Todas las opciones de tama\u00f1o y legibilidad deben estar contempladas de antemano y no dejarlas libradas al azar.
Por lo tanto, cualquier proyecto de identidad corporativa se debe desarrollar teniendo en cuenta el comportamiento que tendr\u00e1 en los distintos soportes, tradicionales o digitales.<\/p>\n

El siguiente ejemplo nos muestra c\u00f3mo se comporta el dise\u00f1o de un s\u00edmbolo responsive ante diferentes anchos de pantallas.
Podemos ver como va prescindiendo de detalles superfluos a medida que se achica, pero sin perder el concepto original: El \u00edcono representa siempre una casa, de eso no caben dudas.<\/p>\n

[\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/web4.com.ar\/wp-content\/uploads\/2021\/01\/responsiveicons_2.gif\u00bb alt=\u00bbicono responsive\u00bb title_text=\u00bbicono responsive\u00bb align=\u00bbcenter\u00bb _builder_version=\u00bb4.16″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=\u00bbMobile first\u00bb _builder_version=\u00bb4.27.0″ width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb10px|0px|0px|0px|false|true\u00bb border_color_bottom=\u00bb#cecece\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.16″ global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb][et_pb_text _builder_version=\u00bb4.16″ locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb theme_builder_area=\u00bbpost_content\u00bb]<\/p>\n

Modo \u201cMobile First\u201d<\/h2>\n

Pensar en modo \u201cMobile First\u201d<\/em> nos puede ayudar mucho a entender el concepto responsive.
Esto significa tener en cuenta desde el comienzo de la creaci\u00f3n, que el logo ser\u00e1 utilizado en su m\u00ednima expresi\u00f3n<\/em><\/strong> en gran diversidad de dispositivos m\u00f3viles.<\/p>\n

Al igual que el dise\u00f1o web, debemos conocer de antemano cu\u00e1les son los elementos esenciales que deben mostrarse en soportes m\u00ednimos, y luego ir agregando los dem\u00e1s elementos secundarios en pantallas m\u00e1s grandes.
Por lo tanto, la premisa es asegurarnos de mostrar primero lo indispensable<\/strong> y luego agregar lo complementario.
<\/strong>De este modo, quien acceda a nuestros contenidos desde un dispositivo peque\u00f1o puede satisfacer sus necesidades b\u00e1sicas por la cual ha llegado a nuestra web o nuestra marca.
Al igual que las webs adaptan y modifican su composici\u00f3n en funci\u00f3n del ancho de las pantallas de los dispositivos, las marcas est\u00e1n tomando un comportamiento similar.<\/p>\n

 <\/p>\n

Elementos de un logo responsive<\/h2>\n

Para poder crear un logo responsive, debemos identificar cu\u00e1l es el elemento m\u00e1s significativo y reconocible de nuestra marca.
Por norma general, lo m\u00e1s recomendable es crear cuatro dise\u00f1os: para smarthphone, tablet, laptop y pc.
Un logotipo deber\u00eda tener 4 versiones b\u00e1sicas que se deben crear para considerarse responsive:<\/p>\n

 <\/p>\n