Logos para websites. Cómo preparar correctamente tu logo para ser visto en el mundo digital.

Lo nuevo es crearle a tu logo variaciones especiales que les permitan aparecer de manera profesional en cualquier dispositivo digital, ya sea un smartphone, una tablet, o un sitio web responsivo.

Y ni es nuevo, pero para nuestros clientes tal vez sí lo será. Se trata simplemente de crear aplicativos del logotipo dependiendo de los escenarios con los que se enfrentará. Esto ya deberías estarlo haciendo si eres diseñador gráfico, y ahora que existimos los especializados en pixeles (ui designers) es importante que consideres una nueva atmósfera en la que tu logo debe estar correctamente equipado para respirar tranquilamente.

Lo resumiré en 3 puntos fundamentales —si te quieres poner romántico y comenzar filosofar sobre aspectos estéticos me puedes compartir tus ideas y con gusto las leeré—, de momento el tema es muy concreto.

ESPACIO ELÁSTICO

Crea mínimo 3 versiones de tu logo:

1 Una donde lo muestres en todo su glamour, con todas sus letras, con todos sus colores y detalles. Tal cual aparece y como tal cual seguramente lo has registrado ante registros de autor.

2 Una segunda versión más resumida, en la que logres sintetizar los aspectos más destacados de tu logo. Intenta que sea mucho más simple, pero que no pierda su personalidad. Si tu logo ya es demasiado simple no te compliques y simplemente déjalo así en esta versión, pero considérlo, puede haber un rasgo del que puedes prescindir. Esto no significa que debas registrarlo otra vez (sería preferente pero no necesario).

• Reto librado: en web todo es casi 10% del tamaño que en un objeto real, todo es representativo, y el contenido es rey y el branding peón. Por lo que el tamaño para el logo regularmente se reducirá considerablemente.
• Beneficios: Ganarás mucho creando esta versión simplificada cuando sea aplicado a espacios reducidos sin perder personalidad. Recuerda que la personalidad de la marca nunca debe recaer en el logo; el logo es sólo la punta del iceberg de toda una forma de expresión.

3 Una representación pictórica, en la que muestres tu logo a modo de símbolo. Sin texto, sin detalles "sin olanes". Un simple ícono, tan fuerte como sea posible donde logres resumir todo lo que tu logo pretende transmitir en tan solo un par de rasgos.

RESOLUCIÓN VECTORIAL

¿Resolución vectorial? th'fuck is this? En internet la resolución no es propia de nuestro diseño, sino del dispositivo que lo muestra. Es decir: si tu diseño mide 20 x 20pxls pero tiene una resolución de 72ppp en teoría está perfecta para web, pero ¿qué pasa cuando lo ves en un dispositivo con retina display? Se verá de 20 x 20pxls pero tendrá una resolución de la mitad, 36ppp, osea... se verá pixelado horrible borroso.

Por lo que para poder PREVENIR este tipo de variaciones pues no las puedes controlar (nunca sabes desde qué dispositivo intentará utilizar una persona para ver tu diseño cuando está en el mundo digital), debes considerar un formato al que la valga p* la resolución ¡Tarararaá! Los vectores. Así es, a tu diseño le conviene aparecer en formato de vectores (como si estuviera en Ilustrador). Y para ello existe el hermoso formato llamado SVG, googléale.

DISPOSICIÓN HORIZONTAL

Esta última es una recomendación que te hago pues me ha ayudado a salvar varios logos de no ser apreciados en websites o aplicaciones. ¿Ayudarlo a qué? A que tenga un mayor tamaño cuando sea colocado en cualquier header de navegación.

Así es, un logo con proporciones verticales. Es decir, cuando sea más alto que ancho, lo pone en aprietos respecto al espacio donde será aplicado. Por lo que es muy inteligente crear una versión horizontal para cuando el logo no esté naturalmente diseñado para esta proporción la estrategia es simplemente diseñar su versión vertical. Evitando que pierda su caracter, personalidad y mensaje. Si la proporción de tu logo ya es horizontal (logo y al lado el texto) tons ya la libraste, pero si no, te invito a que explores un poco y le des a tu logo una habilidad que se necesita para sobrevivir en el nuevo y diminuto mundo digital.

Conclusión: no dejes que tu logo se enfrente a un mundo en constante cambio por sí sólo. Equípalo, entrénalo, hazlo flexible. No pasa nada si llega vestido casual a una noche de gala, sobrevivirá, pero podría estar mejor ¿no? ;)