Sketch

Crear plantillas HTML para correos electrónicos con Sketch

Slinky es un excelente plugin gratuito para Sketch con el cual podrás crear plantillas HTML para correos electrónicos de forma muy sencilla, básicamente después de crear tu diseño utilizando Sketch solo tendrás que exportar tu diseño usando Slinky; tal como lo vez en la animación de abajo.

¿Como instalar y utilizar?

  1. Descargar y descomprimir Slinky (enlace al final del post).
  2. Hacer doble click en el archivo Slinky.sketchplugin y dejar que Sketch haga el proceso de instalación por ti.
  3. Abre tu diseño en Sketch y selecciona el Artboard que contiene tu plantilla de correo electrónico.
  4. Ahora ve a Plugins -> Slinky -> Export Selected Artboard en la barra de menú superior.
  5. Seleccionar la carpeta donde exportaras tu plantilla.
  6. Listo!

Para tomar en cuenta

  • Cuando exportas un template con Slinky este automaticamente exportara las imágenes de tu diseño, PERO debes marcar las imágenes como exportables de forma individual.
  • Para crear enlaces deberás nombrar el group/shape/layer con la URL de tu enlace, Slinky se encargara de convertir tu texto o imagen en un enlace con la URL indicada.
  • No se pueden exportar diseños con capas sobre puestas, esto no es soportado por los clientes de correo.

Por último los clientes de correo no carga estilos de fuentes personalizados, los servicios cuentan con grupos básicos de fuentes que debemos tomar en cuenta en nuestros diseños, los tipos de fuentes básicos que debemos utilizar son:

  • Sans Serif
    • Arial
    • Arial Black
    • Century Gothic
    • Geneva
    • Lucida
    • Lucida Sans
    • Lucida Grande
    • Tahoma
    • Trebuchet MS
    • Verdana
  • Serif
    • Courier
    • Courier New
    • Georgia
    • MS Serif
    • Palatino
    • Palatino Linotype
    • Times
    • Times New Roman

Enlace: Slinky

comment ¿Que opinas?

Artículos recientes

close

Etapas para el diseño de un cartel por Alicia Úbeda

La creativa Alicia Úbeda ha desarrollado un pequeño tutorial grafico para mostrarnos lo que ella considera son las 5 etapas para el desarrollo de un cartel. Estas son relativamente sencillas, y se encuentran abocadas al…

close

Como la fotografía ayudó a una ONG con la adopción animal

El poder de una buena fotografía puede derivar en resultados sin importar el giro de tu empresa; sea ésta lucrativa o no. Esto lo demuestra el fotógrafo Albert Harris; el cual ha acudido en ayuda…

close

Tazas personalizables, lo nuevo de Starbucks para el otoño

Llega el otoño y con ello la caída de las hojas de los árboles; lo cual no debe ser motivo de depresión pues nos encontramos ante una de las transiciones más hermosas entre temporadas. Starbucks…

close

Animales de fieltro por Zenia Kli Zafska

El arte sólo tiene un límite; la imaginación, la cual siempre está en creciente aumento en el ámbito creativo y por ello todos los días hay nuevos proyectos, piezas de arte que vale la pena…

close

Nautilus, un proyecto de arquitectura sustentable

Vincent Callebaut es un arquitecto conocido en el mundo de la construcción por sus diseños ecológicos e innovadores; en esta ocasión ha presentado Nautilus, un Eco-Resort diseñado para apoyar la economía, naturaleza y el turismo…

close

Fotografías aéreas por Niaz Uddin

Desde que se popularizaron los drones se han popularizado en igual medida las fotografías aéreas por parte de los aficionados y profesionales del ramo. Esto debido a que presentan nuevas perspectivas de paisajes, objetos e…

notifications Recién publicamos
close