Optimiza tus imágenes gratis sin perder calidad y mejora la velocidad de tu página web: Compresor de Imágenes JPG/PNG/GIF
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

Ingeniosas esculturas tipográficas por Trevor Wheatley

El arte y la tipografía pueden ir más íntimamente ligados el uno al otro; eso lo demuestra el artista de origen Canadiense Trevo Wheatley; el cual, ha realizado unas visualmente impresionantes esculturas inspiradas en la…

close

Creativos afiches publicitarios inspirados en juegos por Fernando Reza

El día de hoy quiero compartir con ustedes unas creativas ilustraciones de afiches publicitarios creados por el artista e ilustrador Fernando Reza; estas creativas ilustraciones son muestras de propaganda que atacan a héroes y villanos…

close

Cubetto, el robot para enseñar los principios de la programación a niños

Este genial juguete es una apuesta de Primo Toys; el cual, está pidiendo apoyo mediante Kickstarter, donde señalaba que para iniciar su producción y comercialización necesitaba por lo menos $100,000 dólares; mismos que fueron superados hasta llegar…

close

Como reemplazar el cielo de una fotografía en 2 minutos

Peter McKinnon es un fotógrafo que se ha decidido realizar un útil tutorial de como reemplazar el cielo en cualquier fotografía en menos de 2 minutos; algo que generalmente por el publico en general como el…

close

Old School, la nueva campaña de educación sexual de PornHub

La industria del entretenimiento para adultos es una de las más crecientes y curiosamente de las más conscientes que existen en el mundo; esto es evidente si estamos conscientes de la cantidad de campañas sociales…

close

Subway rediseña sus tiendas e imagen con su nuevo logo

Hace casi un año que Subway presentaba lo que sería su nueva identidad visual; es decir, su nuevo logotipo, el cual, no había sido implementado en su totalidad en la imagen corporativa de la marca….

notifications Recién publicamos
close