Crear logos para distintas pantallas

. Feb 28, 2015.

El auge del internet móvil ha obligado a las empresas a seguir a sus clientes donde quiera que estén y a buscar usuarios hasta debajo de las piedras. Una buena marca está presente en los teléfonos inteligentes, iPods, tabletas y televisores inteligentes. Crear logos adaptativos es una tendencia en el diseño web, pues garantiza que la imagen de una marca se vea bien en dispositivos de distintos tamaño.

Este artículo te indicará 5 aspectos claves que debes tener en cuenta comenzar con buen pie tu estrategia de marketing online.

Este video te explica mejor qué son y cómo crear logos adaptativos:

Crear logos para distintas pantallas

Imagen de Joe Harrison. Ejemplo de Walt Disney.

¿De qué te hablo?

Crear logos adaptativos no es nada nuevo. Desde siempre una marca ha debido adaptarse bien a diferentes superficies, tamaños y colores. Solo que ahora, con el auge de los dispositivos móviles, se ha hecho indispensable.

El término Logo responsive está asociado al diseño adaptativo o diseño web adaptable, una técnica de diseño que prioriza la visualización correcta de una imagen en distintos tamaños (sin perder calidad ni impacto).

“Es irónico, la movilidad llegó para quedarse” – Joe Harrison

 

El diseño adaptativo es un trabajo simultaneo entre tu página web y tu logo. Las empresas que dan prioridad a la estética, están incluso creando íconos adaptativos para orientar la navegación del usuario.

Tal vez te interese saber: ¿Deberían las marcas modificar sus logotipos?

Crear logos para distintas pantallas

Imagen de Joe Harrison

¿Cómo crear logos responsive?

Facilisto te presenta algunos consejos que debes tener en cuenta al crear logos adaptativos.

facilisto está...

  1. Versiones del logo

Define cómo será tu logo según los tamaños “estándares” del mercado. Es contraproducente si tenemos 1 diseño para cada tamaño.  Así que, generalmente,se usan 4 modelos:

1)   Logo completo: con mucho detalle y eslogan.

2)   Logo por defecto: es generalmente el logo sin eslogan.

3)   Logo pequeño: quita todos los detalles, eslogan y reduce el tamaño.

4)   Logo miniatura: es el logo en su mínima expresión. Si tu logo tiene letras deja la más significativa. Si es un objeto, se deja solo.

Mira el ejemplo de Joe Harrison con Nike y Cola-Cola:

Crear logos para distintas pantallas

Crear logos para distintas pantallas

  1. La velocidad de carga

Debes crear logos con pocos colores y sin tantos detalles. ¡Lo sé! A veces lo más simple es lo más difícil de hacer, pero si un logo retrasa tu carga de tu página, probablemente la tasa de rebote aumente significativamente.

  1. Los tamaños de pantalla

Antes de crear logos adaptativos, ten en cuenta todos los tamaños de pantalla que puedas. Tu prioridad son los dispositivos móviles (desde móviles hasta tabletas) y después agrega los tamaños más comunes en ordenadores de escritorios, portátiles y televisores inteligentes.

Crear logos para distintas pantallas

Crear logos para distintas pantallas

  1. Mantenlo simple

Si has leído este blog con frecuencia sabrás que me gusta el diseño plano (Flat design). No solo porque es la tendencia, sino porque es el más minimalista que existe.

En este mundo tan agitado, entre más rápido transmitas el mensaje, con imágenes simples y colores atractivos, mejor te irá.

¿Quieres saber más? Lee el Manual de identidad corporativa

  1. No uses tantos efectos

Esto no es Hollywood, reduce los efectos en tus imágenes. Reducirás el peso del archivo, cargará más rápido y tendrá el toque minimalista que está de moda (diseño Flat).

Si no eres un profesional del diseño, es mejor que dejes esto en mano de un experto. Si no tienes dinero para contratar una agencia, puedes encontrar muchos diseñadores outsourcers que te facilitarán la vida.

Para implementar tu logo en sitio web responsive, puedes ¡hablar con nosotros!

Quiero crear logos adaptativos ¡aún más fácil!

Para crear logos adaptativos debes tener en cuenta el formato de imagen .GIF

Para empezar desde ya Facilisto te trae 3 herramientas simples. Pruébalas y decide cuál te gusta más:

En WordPress: tienes que asegurarte de tener una plantilla responsive. Si ya tienes uno, te deben proporcionar los códigos HTML y CSS y luego cargar tu logo en los distintos tamaños que te piden.

¿Quieres crear logos hoy mismo y estás bloqueado?

Puedes mirar los ejemplos en Dribble.com, una página que recopila trabajos de diseñadores. Escribe en su buscador las palabras clave “gif”, “responsive”, “animation”, “motion” o “animatedgif” y te sorprenderás lo que se ha hecho.

Ahora lo que falta es crear logos que hablen (y quién sabe si alguno de ustedes lo hace).

Crear logos para distintas pantallas

Crear logos para distintas pantallas

 

Crear logos para distintas pantallas

Crear logos para distintas pantallas

Ya tienes bastante información para empezar a crear logos adaptativos para tu empresa. Si quieres profundizar en el tema tal vez ahora te interese leer:

Comentarios

Comentarios

Más de Marketing

Recibe un resumen de nuestros mejores artículos y recursos GRATIS en tu email

Como tú, tampoco nos gusta el spam, por lo que solo te escribiremos 1 vez por semana

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR