Skin Toggle

Descarga de plantillas: Skin Toggle

Skin que muestra un máximo de 4 slides que van cambiando con la interacción del usuario a través de una serie de "botones" situados en el header.

Requerimientos:

  • Dimensiones de las piezas: 1920x1000px. Es imperativo utilizar las plantillas, ya que las dimensiones no son suficiente información para crear correctamente las piezas.
  • Se deben preparar ambas versiones para desktop 1000px y 1200px.
  • 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.
  • Esta pieza cuenta con una serie de "botones" sobre los cuales el usuario puede hacer mouse over para alternar entre un slide y otro. A la hora de diseñar, es necesario preparar los estados "activo" e "inactivo" de los botones, con el fin de indicar al usuario en que página se encuentra en ese momento.

Qué enviar:
Materiales Skin:
- Opción 1: archivo .psd del skin, realizado sobre la plantilla adjunta. En caso de enviar el archivo editable, adjuntar también las tipografías utilizadas, por si fuese necesario editar los textos.
- Opción 2: archivos finales del skin exportados en formato jpg, png, webp. Para este formato se deben exportar cada una de las páginas del toggle por separado y numeradas. Se deben ocultar las capas de la plantilla correspondientes a la web. Peso de archivo máximo: 500kb.


Skin Toggle Mobile

Descarga de plantillas: Skin Toggle Mobile

Requerimientos:

  • Dimensiones de la pieza: 900x900px. Es imperativo utilizar las plantillas, ya que las dimensiones no son suficiente información para crear correctamente 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.
  • El skin mobile funciona de manera automática a través de una animación que muestra las distintas versiones de la pieza.
  • Se deben preparar tantas versiones del skin mobile como slides tenga su equivalente en desktop (máximo 4), tal y como aparece en la plantilla, e indicar el orden que deben llevar mediante su nomenclatura (Ej: A ,B , C, D…).

Qué enviar:
Materiales Skin:
Archivo psd del skin, realizado sobre la plantilla adjunta. En caso de enviar el archivo editable, adjuntar también las tipografías utilizadas, por si fuese necesario editar los textos.