Halo

Descarga de plantillas: Halo

Creatividad que fusiona el formato de skin clásico con una pieza flotante o halo que se visualiza en la parte inferior de la pantalla, formando un halo alrededor del site.

Requerimientos:
La creatividad se compone de dos piezas:

• Skin:

  • Dimensiones: 1920x1200px. Es imperativo utilizar las plantillas, ya que las dimensiones no son suficiente información para crear correctamente las piezas.
  • Se deben preparar los formatos estándar para desktop 1000px y 1200px.
  • Es fundamental dar continuidad al diseño / imagen de fondo del skin, pues este fondo es el mismo para el skin y el halo.
  • Se debe colocar el contenido esencial en las zonas de seguridad de la plantilla (zonas verdes), pues establecen los límites de la pieza que siempre van a ser visibles en cualquier pantalla, independientemente de su tamaño.

• Halo:

  • Dimensiones de las piezas: 1000px x 90px y 1200px x 90px
  • Se deben preparar ambas versiones con fondo transparente, ya que el fondo de estas piezas es el propio fondo del skin. Formato: .png.
  • El contenido importante que deba visualizarse sobre el halo debe colocarse en los archivos con fondo transparente, no directamente sobre el fondo del skin, pues en pantallas con mayor resolución podría cortarse o no visualizarse correctamente.
  • Estas piezas se deben diseñar manteniendo un nivel de contraste que permita su legibilidad sobre el fondo del skin, por lo que es recomendable reducir el ruido visual del mismo.

Halo Mobile

En la versión para mobile el halo consta de dos fases:

• Main: envuelve el site desde la esquina inferior derecha en forma de “L” invertida. Esta fase puede plegarse al hacer click en la “X” de cierre que se encuentra en la esquina superior.
• Reminder: versión reducida del halo que aparece al cerrar la primera fase. Se comporta como un sticky en el borde inferior de la pantalla.

Requerimientos:

• 01 Main:

  • Dimensiones del lienzo: 1350x2925px. Es imperativo utilizar las plantillas, ya que las dimensiones no son suficiente información para crear correctamente las piezas debido a su forma y comportamiento.
  • Las dimensiones de la pieza corresponden a la resolución original multiplicada x3 para garantizar su correcta visualización en todos los dispositivos móviles. Nuestro sistema se encargará de comprimir la pieza para adaptarse a las distintas resoluciones de pantalla.
  • Teniendo en cuenta este aspecto, se debe evitar utilizar tamaños de texto muy reducidos, ya que podrían comprometer la legibilidad del diseño en las versiones comprimidas de la pieza.
  • Se debe colocar el contenido esencial en las zonas de seguridad de la plantilla (zonas verdes), pues establecen los límites de la pieza que siempre van a ser visibles en cualquier pantalla, independientemente de su tamaño.
  • Se debe extender el diseño / fondo de la pieza por toda la superficie disponible, con el objetivo de que no queden píxeles vacíos a la hora de realizar la máscara de recorte.

• 02 Reminder:

  • Dimensiones del lienzo: 1350x405px.
  • Se deben tener en cuenta los mismos aspectos a la hora de preparar la pieza que en la fase Main.

Qué enviar:
Archivo psd del skin, realizado sobre la plantilla adjunta incluyendo las versiones de desktop y mobile. Adjuntar también las tipografías utilizadas.