Tutorial de Sketch: conviértete en diseñador de UI y UX

Comprender el diseño de UI y UX móvil e implementarlo con Sketch

Ya sea una aplicación, un sitio web o un blog, da vida a tu concepto de UI y UX con Sketch. En este tutorial en vídeo de cinco horas de duración, impartido por el profesor Luca Kiedrowski, aprenderás rápidamente todos los aspectos básicos del uso del programa para que poco después puedas empezar a trabajar intensamente en un proyecto de diseño de una aplicación interactiva de muestra .

Por qué deberías ver el tutorial de Sketch

Puedes confiar directamente en una herramienta profesional para el diseño de UI y UX, ya que Sketch también es utilizado por empresas de renombre como Google, Facebook y Apple. Gracias a su funcionamiento intuitivo, puedes aprender rápidamente a utilizar el programa y conseguir resultados presentables en muy poco tiempo.

Tanto si viajas con experiencia en diseño como si no: En general, el tutorial de Sketch es ideal para iniciarse en el campo del diseño UI y UX y, en concreto, para hacer realidad tus propias ideas de diseño de aplicaciones con Sketch. ¡Conceptos básicos y aplicación en uno!

Si ya creas diseños para web e impresión (por ejemplo con Photoshop o Illustrator): Adquiere la capacidad de transferir tus diseños y elementos individuales como iconos o símbolos a diseños de interfaz de usuario dinámicos y listos para el desarrollo. Su experiencia en diseño web es un activo muy (y cada vez más) codiciado para su CV.

Mejora la colaboración con los desarrolladores web: Al utilizar Sketch, preparas interfaces de usuario que ya se basan en reglas de diseño web. Como resultado, entregas al desarrollo diseños que pueden implementarse directamente. De este modo, acortas enormemente el camino desde el concepto y el diseño hasta la aplicación web desarrollada.

Diseño UI y UX con Sketch de la A a la Z

El enfoque principal del tutorial de Sketch se centra en la aplicación práctica del programa, que está disponible en el proveedor en una versión de prueba gratuita. Utilizando el ejemplo del diseño de una aplicación, el formador te guiará paso a paso por todas las fases, desde la creación de un boceto hasta el diseño final de la interfaz de usuario. El tutorial incluye material de trabajo para que puedas ponerte manos a la obra de inmediato:

En primer lugar, dibujarás a grandes rasgos el aspecto que tendrá más adelante la interfaz de usuario de la aplicación. A continuación, trabajarás directamente en el diseño. Crearás la pantalla de inicio, trabajarás con grupos, capas y estilos de texto y seleccionarás los iconos adecuados. Diseñarás un chat, la ayuda y un perfil de usuario, y aprenderás a trabajar con bibliotecas, hojas de acción y efectos. Al final, tendrás un diseño de interfaz de usuario completo a partir del cual podrás incluso crear un prototipo en la actual versión 52 de Sketch.

De antemano, aprenderás los conceptos básicos más importantes de Sketch y del diseño de interfaz de usuario. Te orientarás rápidamente en la interfaz de usuario, conocerás los plugins y herramientas más importantes y sabrás cómo utilizar las fuentes y los colores de forma eficaz. Tu formador también te mostrará cuándo tiene sentido combinar Sketch con InVision, por ejemplo en la fase de wireframing.