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:

Sesión de crítica de diseños febrero 2018

En esta sesión revisamos y criticamos cuatro diseños diferentes con la intención de que alguno de los comentarios emitidos te ayuden a mejorar tus propios diseños y afinar tu ojo como diseñador. Aquí tienes algunos indicadores por si quieres saltar directamente a alguna de las secciones del video: 1:17 Revisión del primer diseño 7:51 Revisión […]

Seguir leyendo...

Usar plantillas de página en custom post types de WordPress

Sigo avanzando en el rediseño de mi sitio y me he encontrado con un nuevo desafío: la necesidad de usar plantillas de página en un custom post type. A primera vista parece algo sencillo, pero me sorprendí al notar que WordPress no soporta esta característica de manera nativa. Déjame darte algo de contexto. ¿Qué es […]

Seguir leyendo...

Cómo ganar proyectos en plataformas para freelancers

En este episodio de Huevos Revueltos, hablaremos sobre la posibilidad de conseguir nuevos clientes mediante plataformas para freelancers como Workana.com, Freelancer.com y tantas otras que hay disponibles. En mi caso he tenido más experiencia contratando ayuda de parte de otros profesionales así que usaré esa experiencia para darte algunos consejos. Si te gusta el show, suscríbete […]

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 8.230 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.