Diseño, Tutoriales, Video | 23 de abril de 2014

Introducción a Sketch 3 para el diseño web

Hace unos días compré la nueva versión de la aplicación Sketch 3 y por lo que he podido probar hasta ahora su funcionamiento es bastante bueno, es bien liviano, opera rápido y posee un flujo de trabajo creado específicamente para quienes diseñamos para medios digitales, como interfaces web, aplicaciones móviles y diseño de íconos.

Hace tiempo venía barajando la posibilidad de cambiarme de Photoshop a Sketch para el diseño de interfaces. Aún no estaba muy convencido, pero cuando salió a la luz esta última versión (con un precio de oferta de USD $49), terminé de convencerme.

Estas son algunas de las características que me encantan de esta aplicación:

  • El diseño es vectorial, no hay riesgo de que los elementos de la interfaz se pixelen al ampliar su tamaño.
  • Posee la posibilidad de crear multiples artboards en múltiples páginas, de esta forma, se puede diseñar por completo todas las pantallas de una aplicación en un solo documento y eventualmente se pueden diseñar diferentes páginas de un sitio en diferentes resoluciones cada una.
  • Podemos exportar los diseños completos y los diferentes elementos en su resolución estándar y en el doble de su resolución (@2x) para su visualización sobre retina display.
  • Se puede trabajar con símbolos reutilizables
  • Podemos crear estilos de texto y aplicarlos para estandarizar la apariencia del diseño
  • Las características de los objetos (por ejemplo un rectángulo) están pensadas para funcionar en el mismo lenguaje que lo hacemos al utilizar CSS, como las esquinas redondeadas, las sombras paralelas, bordes, etc.
  • Por cada objeto, podemos copiar directamente sus propiedades CSS
  • Su precio único es de USD $79 en comparación a Photoshop cuyo precio es de USD $9.99/mes (según una promoción vigente en el sitio de Adobe), lo cual sería un total de USD $119.88 por cada año de uso.

Estas son algunas de las características que hasta ahora me han sido de gran utilidad en esta aplicación.

Algunos recursos

Te sugiero que puedas descargar el trial completamente funcional de 14 días y probar su funcionamiento. Aquí hay algunos link desde donde podrás obtener archivos fuentes de diferentes diseños para que los puedas analizar:

Por favor cuéntame si te interesa saber más al respecto para preparar tutoriales más específicos e irlos publicando aquí en el futuro.

Cabe destacar antes de finalizar el artículo, que ninguno de los enlaces puestos aquí son patrocinados y que solo nacen de la buena experiencia que he tenido usando la aplicación.

PD: En el video hice un pequeño adelanto de lo próximo que se viene en el sitio así que si aún no estás suscrito, regístrate en el formulario que aparece más abajo, para no perderte el nuevo material.

También te podría interesar:

Animación automática en Adobe XD

Previo a la actualización de fines de octubre de Adobe XD, al pasar los prototipos de una pantalla a otra o de un estado a otro, las únicas animaciones disponibles eran el fundido o el desplazamiento horizontal/vertical. Pero todo cambió, cuando la actualización de octubre atacó. Entre otras cosas, esta actualización incluía la capacidad de […]

Seguir leyendo...

Lo que no aprenderás en ningún curso: Usar tu creatividad

Al día de escritura de este artículo he publicado una gran cantidad de videos educativos, tantos que no podría decirte de cuantas horas de contenido se trata. También he compartido más de 100 artículos en mi sitio y otros tantos en algunos blogs amigos. He dado webinarios y charlas e, incluso, he ayudado a otras […]

Seguir leyendo...

La delgada línea que separa la humildad del descrédito

A casi todos nos inculcaron desde niños la importancia de cultivar la humildad. Este es un principio muy bonito, de hecho, es algo que la mayoría de los grandes personajes de la historia de la humanidad comparten, el problema es que muchas personas lo malinterpretan y lo confunden con una desacreditación de los propios logros. […]

Seguir leyendo...

Hay 8 opiniones

  1. Yo hace poco tiempo que comencé con Sketch, si bien tiene algunos pequeños errores (como cuando escribes y se te desaparece lo que ya estaba xD) me he llevado una muy buena impresión del software, es muy intuitivo y agiliza bastante los procesos de diseño.

  2. Muy bueno! muchas gracias por tomarte la molestia y explicarnos acerca del programa. No lo conocía, así que voy a empezar a jugar con él, a ver, que sale.
    Me agrada la simplicidad y diseño de tu pagina, muy buen trabajo. Espero próximos tutoriales al respecto.

    Saludos!

Y tú ¿Qué opinas?

Puede que no te responda, pero ten por seguro que leeré tu comentario. Por si acaso, tu email no se mostrará ;)

Recibe más artículos como este cada semana

Únete a los 7.976 suscriptores y recibe cada miércoles nuevo contenido sobre diseño, sitios web y creatividad.

¡Ya estamos casi! revisa tu bandeja de entrada para verificar tu email por favor.
Uy! Parece que algo salió mal procesando tu solicitud. Recaraga la página e inténtalo de nuevo.

Ya me suscribí antes, no me muestres esto.